@font-face{font-family:"IBM Plex Sans Arabic";src:url("/fonts/IBMPlexSansArabic-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:optional}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:optional}
:root{--bg:#faf5e9;--ink:#1c1a17;--muted:#5b554b;--accent:#9c3f1c;--rule:#cfc4ad;--serif:"Amiri","Scheherazade New","Noto Naskh Arabic","Traditional Arabic",serif;--sans:"IBM Plex Sans Arabic",Tahoma,Arial,system-ui,sans-serif;--space:8px}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);scroll-padding-block-start:32px}
body{margin:0;color:var(--ink);background:var(--bg);font:1.25rem/1.85 var(--sans)}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.3em}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
main:focus{outline:none}
.wrap{width:min(100% - 64px,1184px);margin-inline:auto}
.skip{position:absolute;inset-inline-start:24px;inset-block-start:-120px;z-index:5;background:var(--ink);color:var(--bg);padding:12px 20px}
.skip:focus{inset-block-start:12px}
.masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;padding-block:28px;border-block-end:1px solid var(--rule)}
.wordmark{font:700 2.6rem/1.2 var(--serif);text-decoration:none;justify-self:start}
.wordmark span{display:block;font:400 .875rem/1.8 var(--sans);color:var(--muted);margin-block-start:6px}
nav{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
nav a{font-size:1rem;font-weight:600;min-height:44px;display:flex;align-items:center;text-decoration:none}
nav a:hover,nav a[aria-current]{text-decoration:underline;color:var(--accent)}
.edition{justify-self:end;color:var(--muted);font-size:.875rem}
.edition span{display:block;letter-spacing:.12em;font-size:.65rem}
.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:96px;padding-block:80px 96px;align-items:start}
.eyebrow{font-size:.875rem;color:var(--accent);margin:0 0 24px;font-weight:600}
h1,h2,h3{font-family:var(--serif);font-weight:700}
h1{font-size:clamp(3.25rem,6.1vw,5.5rem);line-height:1.3;margin:0 0 32px}
h1 em{font-style:normal;color:var(--accent)}
.lead{max-width:43ch;font-size:1.3125rem;line-height:1.9;margin:0 0 32px;color:var(--ink)}
.text-link{display:inline-flex;min-height:44px;align-items:center;gap:24px;color:var(--accent);font-size:1rem;font-weight:600}
.text-link span{font-size:1.5rem}
.reading-guide{padding-block:8px 0;border-block-start:3px solid var(--accent);margin-block-start:12px}
.reading-guide .eyebrow{margin-block:16px}
.reading-guide h2{font-size:2.25rem;line-height:1.4;margin:0 0 24px}
.reading-guide ol{padding:0;margin:0;list-style:none}
.reading-guide li{display:grid;grid-template-columns:32px 1fr;gap:16px;border-block-start:1px solid var(--rule);padding-block:16px}
.reading-guide li>span{font:400 .75rem/2 var(--sans);color:var(--accent);padding-block-start:3px}
.reading-guide strong{font-size:1.0625rem;font-weight:600}
.reading-guide li p,.guide-note{font-size:1rem;color:var(--muted);margin:4px 0 0;line-height:1.85}
.guide-note{border-block-start:1px solid var(--rule);padding-block-start:16px}
.section{display:grid;grid-template-columns:1fr 3fr;gap:64px;border-block-start:1px solid var(--rule);padding-block:64px 80px}
.section-label{display:flex;gap:16px;align-items:baseline;color:var(--accent);font-size:.875rem}
.section-label span{font-size:.75rem}
.section-label p{margin:0}
.section-copy{max-width:750px}
.section h2{font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.5;margin:0 0 24px}
.section-copy>p{max-width:62ch;color:var(--muted);margin:0 0 16px}
.steps article{display:grid;grid-template-columns:48px 1fr;gap:24px;border-block-start:1px solid var(--rule);padding-block:28px}
.step-index{font-size:.8125rem;color:var(--accent);padding-block-start:8px}
.steps h3{font-size:1.75rem;margin:0 0 8px;line-height:1.5}
.steps p{color:var(--muted);margin:0;max-width:58ch}
.boundary{background:var(--ink);color:var(--bg)}
.boundary-inner{padding-block:64px 72px;display:grid;grid-template-columns:1fr 3fr;column-gap:64px}
.boundary .eyebrow{color:var(--bg);margin-block-start:12px}
.boundary h2{font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.5;margin:0 0 24px}
.boundary p:not(.eyebrow){grid-column:2;max-width:59ch;margin:0 0 16px}
.boundary .text-link{grid-column:2;color:var(--bg);justify-self:start}
.questions{border:0;padding-block:80px}
details{border-block-start:1px solid var(--rule)}
details:last-child{border-block-end:1px solid var(--rule)}
summary{cursor:pointer;font-size:1.125rem;font-weight:600;padding:20px 0;min-height:64px}
summary::marker{color:var(--accent)}
details p{color:var(--muted);max-width:60ch;margin:0;padding:0 20px 24px}
.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;border-block-start:1px solid var(--rule);padding-block:32px 40px;font-size:.8125rem;color:var(--muted)}
.footer-brand{font:700 2rem/1.4 var(--serif);color:var(--ink)}
.footer p{margin:0}
.footer a{display:flex;min-height:44px;align-items:center}
.footer>span{font-size:.75rem}
@media(max-width:1000px){.hero{gap:48px}.masthead{gap:24px}nav{gap:20px}.section,.boundary-inner{gap:32px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.masthead{grid-template-columns:1fr auto;padding-block:20px;gap:16px}.masthead nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;border-block-start:1px solid var(--rule);padding-block-start:8px}.edition{grid-column:2;grid-row:1}.hero{grid-template-columns:1fr;gap:48px;padding-block:48px 56px}h1{font-size:clamp(3.1rem,11vw,4.6rem)}.lead{font-size:1.25rem;max-width:44ch}.reading-guide{margin:0}.reading-guide h2 br{display:none}.reading-guide h2{font-size:1.875rem}.reading-guide li{grid-template-columns:32px 1fr}.reading-guide li p{font-size:1rem}.guide-note{font-size:1rem}.section{grid-template-columns:1fr;gap:24px;padding-block:40px 48px}.section h2{font-size:2rem}.section-copy>p,.steps p{font-size:1.125rem}.steps article{grid-template-columns:32px 1fr;gap:16px;padding-block:24px}.boundary-inner{grid-template-columns:1fr;gap:0;padding-block:40px 48px}.boundary p:not(.eyebrow),.boundary .text-link{grid-column:1}.boundary h2{font-size:2rem}.boundary p:not(.eyebrow){font-size:1.125rem}.questions{padding-block:48px}.footer{gap:24px;padding-block:24px 32px}.footer>div{flex-basis:100%}.footer a{font-size:.875rem}summary{font-size:1.0625rem}.wordmark{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}