/* Utilities — hızlı yardımcılar */

.u-hidden { display: none !important; }
.u-sr { position: absolute !important; clip: rect(0,0,0,0); width: 1px; height: 1px; overflow: hidden; }
.u-mt-0 { margin-top: 0 !important; }
.u-mt-2 { margin-top: var(--eg-sp-2) !important; }
.u-mt-3 { margin-top: var(--eg-sp-3) !important; }
.u-mt-4 { margin-top: var(--eg-sp-4) !important; }
.u-mt-5 { margin-top: var(--eg-sp-5) !important; }
.u-mb-0 { margin-bottom: 0 !important; }
.u-mb-2 { margin-bottom: var(--eg-sp-2) !important; }
.u-mb-3 { margin-bottom: var(--eg-sp-3) !important; }
.u-mb-4 { margin-bottom: var(--eg-sp-4) !important; }
.u-mb-5 { margin-bottom: var(--eg-sp-5) !important; }
.u-text-brand { color: var(--eg-brand) !important; }
.u-text-mute { color: var(--eg-text-mute) !important; }
.u-text-center { text-align: center; }
.u-flex { display: flex; }
.u-flex-col { flex-direction: column; }
.u-gap-2 { gap: var(--eg-sp-2); }
.u-gap-3 { gap: var(--eg-sp-3); }
.u-gap-4 { gap: var(--eg-sp-4); }
.u-items-center { align-items: center; }
.u-justify-between { justify-content: space-between; }
.u-wrap { flex-wrap: wrap; }
.u-bg-surface { background: var(--eg-surface); }

@media (max-width: 640px) {
	.u-hide-sm { display: none !important; }
}
@media (min-width: 641px) {
	.u-show-sm { display: none !important; }
}

/* Content body (editor output) */
.eg-prose { max-width: 760px; }
.eg-prose > * + * { margin-top: var(--eg-sp-3); }
.eg-prose h2 { margin-top: var(--eg-sp-6); }
.eg-prose h3 { margin-top: var(--eg-sp-5); }
.eg-prose ul, .eg-prose ol { padding-left: 1.2em; }
.eg-prose li::marker { color: var(--eg-brand); }
.eg-prose a { text-decoration: underline; text-underline-offset: 3px; }

/* Back to top */
.eg-to-top {
	position: fixed; right: 16px; bottom: calc(70px + env(safe-area-inset-bottom));
	width: 42px; height: 42px; border-radius: var(--eg-r-full);
	background: var(--eg-brand); color: #0B0F14;
	display: inline-flex; align-items: center; justify-content: center;
	box-shadow: var(--eg-shadow-brand);
	opacity: 0; transform: translateY(10px); pointer-events: none;
	transition: all var(--eg-dur-base) var(--eg-ease);
	z-index: 44;
}
.eg-to-top.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
@media (min-width: 769px) {
	.eg-to-top { bottom: 20px; }
}