/* Egyptian Arabic layout; compiled page styles remain local. */
:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Cairo", system-ui, sans-serif; line-height: 1.8; color: #0f172a; background: #fff; }
*, .font-heading, #age-gate-modal, .fixed-conversion-bar { font-family: "Cairo", system-ui, sans-serif !important; }
h1,h2,h3,h4 { line-height: 1.5 !important; overflow-wrap: anywhere; }
p, a, button, span { overflow-wrap: anywhere; }
.text-left, .md\:text-left, .lg\:text-left { text-align: start; }
.mr-2, .mr-3 { margin-right: 0; margin-inline-end: .75rem; }
.ml-2 { margin-left: 0; margin-inline-start: .5rem; }
svg { flex-shrink: 0; }
img { height: auto; }
.group img.h-full { height: 100%; }
bdi, [data-minimum-age], time { direction: ltr; unicode-bidi: isolate; }
#age-gate-modal .age-gate-panel { text-align: start; max-height: calc(100dvh - 32px); overflow-y: auto; }
#age-gate-modal .age-gate-close { right: auto; inset-inline-end: 12px; }
#age-gate-modal h2 { padding-inline-end: 20px; }
#age-gate-modal .age-gate-eyebrow { letter-spacing: normal; }
.egypt-footer { padding: 32px 20px 180px; text-align: center; background: #f8fafc; color: #475569; font-size: 13px; }
a:focus-visible, button:focus-visible { outline: 3px solid #eab308; outline-offset: 4px; }
@media(max-width: 640px) { .text-5xl, .text-6xl { font-size: 2.1rem; } .fixed-conversion-inner { min-width: 0; } .conversion-copy { line-height: 1.6; } }
@media(prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .reveal { opacity: 1; transform: none; transition: none; } }