/* Scoped Arabian topic and cases entry; existing registered fonts and palette. */
.arabian-topic{--gold:#c89b40}
.arabian-topic .shell{max-width:1248px;width:calc(100% - 96px)}
.arabian-topic .header-contact{display:none}
.arabian-topic .header-inner{gap:24px}
.arabian-topic .main-nav{gap:22px}
.arabian-topic .main-nav>a{font-size:13px}
.arabian-topic .topic-breadcrumb{display:flex;gap:12px;align-items:center;padding:24px 0 0;font-size:12px;color:var(--muted)}
.arabian-topic .topic-breadcrumb a:hover{color:var(--blue);text-decoration:underline}
.arabian-topic .topic-opening{display:grid;grid-template-columns:.85fr 1.25fr;gap:64px;align-items:center;padding:32px 0 72px}
.arabian-topic h1{font-size:clamp(34px,3.6vw,52px);line-height:1.45;letter-spacing:.035em;color:var(--blue);margin:0 0 28px;white-space:nowrap}
.arabian-topic h2{font-size:38px;line-height:1.5;letter-spacing:.02em}
.arabian-topic h3{font-size:32px;line-height:1.55;margin-bottom:20px}
.arabian-topic .eyebrow{font-size:12px;letter-spacing:.08em;line-height:1.9;margin-bottom:20px}
.arabian-topic .opening-lead{font-size:23px;line-height:1.85;margin-bottom:20px}
.arabian-topic .opening-copy>.muted{font-size:15px;line-height:2;max-width:26em}
.arabian-topic .opening-copy .text-link{margin-top:28px;gap:50px}
.arabian-topic .muted{color:var(--muted)}
.arabian-topic figure{margin:0;min-width:0}
.arabian-topic img{width:100%;height:auto}
.arabian-topic .opening-figure img,.arabian-topic .work-story>figure img{aspect-ratio:1;object-fit:contain}
.arabian-topic figcaption{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);line-height:1.9;padding-top:12px}
.arabian-topic .chapter-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:44px}
.arabian-topic .chapter-head>p{font-size:15px;line-height:2;max-width:29em}
.arabian-topic .selected-works{border-top:1px solid var(--line);padding:72px 0 88px}
.arabian-topic .work-stories{display:grid;gap:72px}
.arabian-topic .work-story{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}
.arabian-topic .work-story.reverse{grid-template-columns:.85fr 1.15fr}
.arabian-topic .work-story.reverse>figure{grid-column:2;grid-row:1}
.arabian-topic .work-story.reverse>.work-copy{grid-column:1;grid-row:1}
.arabian-topic .work-copy{max-width:25em}
.arabian-topic .work-copy>p:not(.eyebrow){font-size:16px;line-height:2;color:var(--muted)}
.arabian-topic .work-caption{display:block;border-top:1px solid var(--line);margin-top:32px;padding-top:16px;color:var(--muted);font-size:12px;line-height:1.9}
.arabian-topic .event-section{padding:80px 0;background:var(--blue);color:var(--paper)}
.arabian-topic .event-section .eyebrow{color:var(--blue-muted)}
.arabian-topic .event-intro{max-width:35em;font-size:16px;line-height:2}
.arabian-topic .event-source{font-size:12px;color:var(--blue-muted);margin-top:16px;line-height:1.9}
.arabian-topic .event-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.arabian-topic .event-section figcaption{color:var(--blue-muted);display:block;max-width:40em}
.arabian-topic .event-portrait img,.arabian-topic .event-aside img{object-fit:contain}
/* Reserve original documentary photo proportions before lazy images decode. */
.arabian-topic .event-portrait img{aspect-ratio:3016/3196}
.arabian-topic .event-aside img{aspect-ratio:2221/1080}
.arabian-topic .history-note{border-top:1px solid #566995;margin-top:36px;padding-top:28px}
.arabian-topic .history-note>p:last-child{font-size:15px;line-height:2;max-width:34em}
.arabian-topic .source-details{margin-top:28px;border-block:1px solid #566995;font-size:13px;line-height:1.95}
.arabian-topic .source-details summary{cursor:pointer;min-height:48px;padding:14px 0;color:var(--paper)}
.arabian-topic .source-details ol{padding-left:20px;margin:8px 0 22px}
.arabian-topic .source-details li{margin-bottom:22px}
.arabian-topic .source-details a{text-decoration:underline;text-underline-offset:4px}
.arabian-topic .source-details li p,.arabian-topic .source-details>p{color:var(--blue-muted);margin:10px 0 18px}
.arabian-topic .detail-section{padding:80px 0}
.arabian-topic .detail-pair{width:78%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.arabian-topic .detail-pair img{aspect-ratio:3/4;object-fit:contain}
.arabian-topic .detail-pair figcaption{display:block;padding-top:18px}
.arabian-topic .detail-pair strong{font-weight:400;color:var(--ink);font-size:16px;display:block;margin-bottom:4px}
.arabian-topic .topic-closing{background:var(--surface);padding:56px 0}
.arabian-topic .closing-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}
.arabian-topic .topic-closing h2{color:var(--blue);font-size:40px;margin-bottom:20px}
.arabian-topic .topic-closing p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:2}
.arabian-topic .topic-closing .button{min-width:220px}
.arabian-topic .font-error{background:var(--paper);color:#b81c22;position:fixed;bottom:0;left:0;right:0;padding:16px;z-index:100}
.arabian-topic a:focus-visible,.arabian-topic button:focus-visible,.arabian-topic summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.arabian-entry{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:center;border-block:1px solid var(--line);padding-block:48px;margin-block:48px}
.arabian-entry h2{font-size:36px;margin-bottom:20px}.arabian-entry p{max-width:32em}.arabian-entry .text-link{margin-top:24px}.arabian-entry img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}
@media(min-width:761px) and (max-width:1199px){.arabian-topic .topic-opening{gap:32px}.arabian-topic h1{font-size:36px}.arabian-topic .work-story,.arabian-topic .event-layout{gap:40px}.arabian-topic .main-nav{gap:13px}.arabian-topic .brand-logo{flex-basis:130px}}
@media(max-width:760px){
 .arabian-topic .shell{width:calc(100% - 40px)}
 .arabian-topic .header-inner{min-height:72px}
 .arabian-topic .topic-breadcrumb{font-size:11px;padding-top:20px;gap:10px}
 .arabian-topic .topic-opening{grid-template-columns:1fr;gap:26px;padding:28px 0 40px}
 .arabian-topic h1{font-size:33px;margin-bottom:16px;letter-spacing:.015em}
 .arabian-topic .opening-copy .eyebrow{margin-bottom:12px}
 .arabian-topic .opening-lead{font-size:19px;line-height:1.75;margin-bottom:12px}
 .arabian-topic .opening-lead br{display:none}
 .arabian-topic .opening-copy>.muted{font-size:14px;line-height:1.9;max-width:none}
 .arabian-topic .opening-copy .text-link{margin-top:16px;padding-block:7px}
 .arabian-topic h2{font-size:29px;line-height:1.55}
 .arabian-topic h3{font-size:26px;margin-bottom:12px}
 .arabian-topic .chapter-head{display:block;margin-bottom:28px}
 .arabian-topic .chapter-head>p{margin-top:20px;font-size:14px}
 .arabian-topic .eyebrow{margin-bottom:12px}
 .arabian-topic .selected-works{padding:40px 0 48px}
 .arabian-topic .work-stories{gap:44px}
 .arabian-topic .work-story,.arabian-topic .work-story.reverse{display:flex;flex-direction:column;gap:22px;align-items:stretch}
 .arabian-topic .work-copy{max-width:none}
 .arabian-topic .work-copy>p:not(.eyebrow){font-size:14px;line-height:1.95}
 .arabian-topic .work-caption{font-size:11px;margin-top:18px;padding-top:12px}
 .arabian-topic figcaption{font-size:11px}
 .arabian-topic .event-section{padding:44px 0}
 .arabian-topic .event-intro{font-size:14px;margin-top:22px;line-height:1.95}
 .arabian-topic .event-source{font-size:12px}
 .arabian-topic .event-layout{grid-template-columns:1fr;gap:32px}
 .arabian-topic .history-note{margin-top:28px;padding-top:22px}
 .arabian-topic .history-note>p:last-child{font-size:14px}
 .arabian-topic .source-details{font-size:12px}
 .arabian-topic .detail-section{padding:44px 0}
 .arabian-topic .detail-pair{width:100%;gap:16px}
 .arabian-topic .detail-pair strong{font-size:14px}
 .arabian-topic .detail-pair figcaption{padding-top:12px;font-size:11px}
 .arabian-topic .topic-closing{padding:40px 0}
 .arabian-topic .closing-inner{display:block}
 .arabian-topic .topic-closing h2{font-size:34px;margin-bottom:14px}
 .arabian-topic .topic-closing .button{margin-top:26px;min-width:220px}
 .arabian-entry{grid-template-columns:1fr;gap:24px;padding-block:32px}.arabian-entry h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.arabian-topic *{transition:none!important}}
