:root{--color-primary-navy:#0b2d5b;--color-brand-teal:#00b894;--color-light-teal:#2dd4bf;--color-accent-gold:#f5a623;--color-neutral-light:#e5eebf;--color-deep-text:#0f172a;--color-surface:#fff;--color-muted:#64748b;--font-arabic:"Tajawal", "Segoe UI", system-ui, sans-serif;--font-english:"Inter", "Segoe UI", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 10px 30px #0f172a1a;--layout-max:72rem;--z-header:20}
*{box-sizing:border-box}html{background:var(--color-surface);color:var(--color-deep-text)}body{background:radial-gradient(circle at top right, #2dd4bf1f, transparent 28rem), var(--color-surface);min-height:100vh;margin:0}body[data-locale=ar]{font-family:var(--font-arabic)}body[data-locale=en]{font-family:var(--font-english)}a{color:inherit}.shell{width:min(calc(100% - 2rem), var(--layout-max));padding-block:var(--space-12);margin-inline:auto}.card{border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md);background:#ffffffeb;border:1px solid #0f172a1a}.eyebrow{color:var(--color-brand-teal);letter-spacing:.04em;font-weight:700}.title{margin-block:var(--space-3);color:var(--color-primary-navy);font-size:clamp(2rem,6vw,4.5rem);line-height:1}.meta{gap:var(--space-3);margin-top:var(--space-8);display:grid}.meta-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.badge{color:var(--color-primary-navy);background:#00b8941a;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.875rem;display:inline-flex}.locale-switch{gap:var(--space-2);margin-top:var(--space-6);display:inline-flex}.locale-switch a{border-radius:var(--radius-sm);border:1px solid #0f172a24;padding:.5rem .75rem;text-decoration:none}.locale-switch a:focus-visible{outline:3px solid var(--color-accent-gold);outline-offset:2px}@media (max-width:40rem){.shell{width:min(calc(100% - 1rem), var(--layout-max));padding-block:var(--space-6)}.card{padding:var(--space-6)}}