/* C22 Gulf Official Wording: Forum-modern (brand/DESIGN.md). One accent (#B13630), no gradients, no shadows. */
@font-face{font-family:"Newsreader";src:url(fonts/newsreader-var.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/plexsans-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/plexsans-latin-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/plexsans-latin-ext-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(fonts/plexarabic-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(fonts/plexarabic-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
:root{--navy:#0A244B;--navy-deep:#061630;--crimson:#B13630;--paper:#fff;--paper-2:#F4F6FA;--ink:#0A244B;--ink-muted:#5B6B85;--rule:#D9DFE9;--on-navy:#D9DFE9;
--serif:"Newsreader","Newsreader fxa",Georgia,"Times New Roman",serif;--sans:"IBM Plex Sans","IBM Plex Sans fxa",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--arabic:"IBM Plex Sans Arabic","IBM Plex Sans","IBM Plex Sans fxa",Tahoma,sans-serif;--ease:cubic-bezier(.2,0,0,1);--w:1280px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.6;font-variant-numeric:lining-nums}
::selection{background:var(--navy);color:#fff}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--crimson)}
:focus-visible{outline:3px solid var(--crimson);outline-offset:2px}
[lang="ar"]{font-family:var(--arabic);font-size:1.02em;line-height:1.85;unicode-bidi:isolate}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em}
code[lang="ar"]{font-family:var(--arabic)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--crimson);color:#fff;padding:10px 14px;z-index:9}
.skip:focus{left:8px;top:8px}
/* header: <= 56px on phone */
.top{background:var(--navy);color:#fff;position:sticky;top:0;z-index:5;border-top:4px solid var(--navy-deep)}
.top-in{max-width:var(--w);margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;min-height:44px;gap:12px;color:#fff;text-decoration:none;font-family:var(--sans);font-weight:600;font-size:15px;white-space:nowrap}
.brand img{height:42px;width:auto}
.brand:hover{color:#fff}
.brand-t{border-left:1px solid #3a5480;padding-left:12px}
.crumbs{display:flex;gap:4px;font-family:var(--sans);font-size:14px;min-width:0}
.crumbs a{color:var(--on-navy);text-decoration:none;padding:12px 8px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.crumbs a:hover{color:#fff;text-decoration:underline}
.sbox{margin-left:auto}
.pm{display:none;position:relative;order:3}
.pm summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;color:#fff;font:600 14px var(--sans);cursor:pointer;border:1px solid #3a5480;border-radius:2px}
.pm summary::-webkit-details-marker{display:none}
.pm summary:hover{background:var(--navy-deep)}
.pm-i{display:block;width:16px;height:12px;border-top:2px solid #fff;border-bottom:2px solid #fff;position:relative}
.pm-i::after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid #fff}
.pm nav{position:absolute;right:0;top:calc(100% + 6px);background:var(--navy);border:1px solid #3a5480;display:flex;flex-direction:column;min-width:210px;z-index:6;font:15px var(--sans)}
.pm nav a{color:#fff;text-decoration:none;padding:12px 16px;min-height:44px}
.pm nav a:hover{background:var(--navy-deep);text-decoration:underline}
.sbox input{font:15px var(--sans);background:var(--navy-deep) url(search.svg) no-repeat 10px center;padding-left:36px!important;color:#fff;border:1px solid #3a5480;border-radius:2px;padding:9px 10px;width:170px;min-height:40px}
.sbox input::placeholder{color:var(--on-navy)}
.tierbar{margin:0;background:var(--paper-2);border-bottom:1px solid var(--rule);font:14px var(--sans);text-align:center;padding:8px 20px}
main{max-width:var(--w);margin:0 auto;padding:0 20px 40px}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;color:var(--navy);text-wrap:balance}
h1{font-size:clamp(30px,3.6vw,46px);line-height:1.08;margin:0 0 16px}
h2{font-size:28px;line-height:1.15;margin:0 0 8px}
h3{font-size:22px;line-height:1.25;margin:0}
.lede{font-size:20px;color:var(--ink);margin:0 0 20px}
.sep{color:var(--rule);padding:0 2px}
/* hero (r8): H1, dek, then the baseline-to-now slope beside the headline pair; the other states in one band */
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:30px 0 8px}
.hero-h{margin:0;max-width:29em;font-size:clamp(28px,3.3vw,44px);line-height:1.1}
.hero-v,.hero-e{min-width:0}
@media (min-width:1000px){.hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"h h" "d d" "v e" "b b";column-gap:56px;row-gap:20px;align-items:stretch}
 .hero-h{grid-area:h}.hero .dek{grid-area:d}.hero-v{grid-area:v}.hero-e{grid-area:e;display:flex}.hero .ctx{grid-area:b;align-self:end}}
/* the fold ends on the band, never mid-grid: on a desktop window the hero fills the first screen */
@media (min-width:1000px) and (min-height:760px){.hero{min-height:calc(100vh - 60px);grid-template-rows:auto auto auto 1fr;padding-bottom:16px}}
.dek{font-size:19px;line-height:1.55;margin:0;color:var(--ink);word-spacing:.04em;text-wrap:pretty}
.latest{border-top:2px solid var(--navy);border-bottom:1px solid var(--rule);padding:12px 0 14px}
.latest h2{font:600 15px var(--sans);letter-spacing:.02em;margin:0 0 8px;color:var(--navy)}
.latest .asof{font-weight:400;color:var(--ink-muted);margin-left:6px}
.latest ol{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:12px 32px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.latest ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
.latest li{border-top:1px solid var(--rule);padding-top:8px}
.lt-m{font:14px/1.4 var(--sans);color:var(--ink-muted);margin:0 0 4px}
.lt-m time{font-weight:600;color:var(--ink);margin-right:4px}
.latest li>a{display:block;text-decoration:none;font:600 17px/1.45 var(--sans);color:var(--navy)}
.latest li>a:hover{text-decoration:underline}
.lt-t[lang="ar"]{display:block;text-align:right;font-size:18px;text-wrap:pretty}
.lt-g{display:block;font:15px/1.45 var(--sans);color:var(--ink);margin-top:2px}
.lt-gl{font-weight:600;color:var(--ink-muted)}
.cite{font:13.5px/1.5 var(--sans);color:var(--ink-muted)}
.cite .cl{font-weight:600;color:var(--ink)}
.pagecite{margin:0}
/* matrix (r6): one orientation at every width; equal columns; only the finding is filled */
.allst{padding-top:28px}
.mx-h{display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap;border-top:2px solid var(--navy);padding:12px 0 4px}
.mx-h h2{margin:0;font-size:26px}
main .sum-n{font:15px/1.45 var(--sans);color:#3E4D66;margin:0;max-width:none}
.matrix{margin:0;min-width:0}
.mx-scroll{overflow-x:auto}
.mx{border-collapse:separate;border-spacing:4px;font-family:var(--sans);min-width:560px;width:100%;table-layout:fixed}
.mx col.c0{width:150px}
.mx thead th{font-size:14px;font-weight:600;line-height:1.2;color:var(--navy);text-align:center;vertical-align:bottom;padding:0 0 6px}
.mx thead th.hk{font-weight:700}
.mx tbody th{text-align:left;font-size:14.5px;font-weight:600;padding:0 10px 0 0;position:sticky;left:0;background:var(--paper);z-index:1}
.mx tbody th a{text-decoration:none;display:flex;flex-direction:column;justify-content:center;min-height:44px;line-height:1.2}
.mx tbody th a:hover{text-decoration:underline}
.mx tr.hr th a{font-weight:700}
.arn{display:block;font-size:14.5px;font-weight:400;color:var(--ink-muted);line-height:1.3}
.mx td{padding:0;text-align:center;height:44px}
.cell{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:44px;font:600 15px var(--sans);text-decoration:none;font-variant-numeric:lining-nums tabular-nums}
.c-same .cell{background:#E2E8F2;border:0;color:var(--navy)}
.c-gap .cell{background:#fff;border:1px dashed #8C9AB3}
.tf{font:400 13.5px var(--sans);color:#3E4D66}
.c-flag .cell{background:var(--navy);color:#fff;border:0;border-bottom:4px solid var(--crimson)}
.c-miss .cell{background:var(--navy-deep);color:#fff;border:0}
.ml{font:400 14px var(--sans);white-space:nowrap}.ml b{font-size:17px;font-weight:700}.ml .lg{font-size:13px;font-weight:600;letter-spacing:.04em}
.c-flag a.cell:hover,.c-miss a.cell:hover{background:var(--navy);color:#fff;text-decoration:underline}
.mx-note{border-left:3px solid var(--navy-deep);background:var(--paper-2);padding:10px 16px;margin:14px 0 4px}
main .mx-note p{font:15.5px/1.55 var(--sans);color:var(--ink);margin:0;max-width:56ch}
.mx-note b{font-weight:600}
.mx-note a{font-weight:600;display:inline-block;padding:2px 0}
.legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 24px;margin:10px 0 6px;padding:0;font:14.5px var(--sans);color:var(--ink)}
.legend li{display:flex;align-items:center;gap:8px}
.sw{display:inline-block;width:20px;height:20px;flex:none}
.sw.c-flag{background:var(--navy);border-bottom:4px solid var(--crimson)}.sw.c-miss{background:var(--navy-deep)}.sw.c-same{background:#E2E8F2}.sw.c-gap{background:#fff;border:1px dashed #8C9AB3}
.matrix figcaption{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 40px;margin-top:6px}
@media (min-width:900px){.matrix figcaption{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.matrix figcaption p{font:15px/1.5 var(--sans);color:#3E4D66;margin:0;max-width:36em}
.nw{white-space:nowrap}
.anc{display:block;height:0}
main p,.foot p,.prose li{max-width:34em}
main .qlabel,main .pv-pair p,main .q p{max-width:none}
.sub{font:600 17px/1.45 var(--sans);color:var(--ink);margin:0 0 14px;max-width:60ch}
.hero .dek{font-size:20px;line-height:1.5;margin:0;max-width:58ch}
.rec{margin:0}
.rec-im{display:block;position:relative;border:1px solid var(--rule)}
.rec-im img{display:block;width:100%;height:auto}
.rec-mk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rec-mk .tint{fill:var(--crimson);fill-opacity:.1}.rec-mk .rule{fill:var(--crimson)}
.rec figcaption,.src{font:13.5px/1.5 var(--sans);color:var(--ink-muted);margin:6px 0 0}
.rec figcaption{max-width:66ch}
.nearmiss .rec{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:0 32px}
@media (min-width:900px){.nearmiss .rec{grid-template-columns:minmax(0,560px) minmax(0,1fr);grid-template-areas:"b c" "i c"}.nearmiss .shot-bar{grid-area:b}.nearmiss .rec-im{grid-area:i}.nearmiss .rec figcaption{grid-area:c;align-self:center;margin:0;font-size:15px}}
main .shot-bar{font:13.5px/1.4 var(--sans);background:var(--paper-2);border:1px solid var(--rule);border-bottom:0;margin:0;padding:7px 12px;color:#3E4D66;max-width:none}
.shot-h{font-weight:600;color:var(--navy);margin-right:6px}
.rec-l{font-weight:600;color:var(--ink)}
.rec figcaption a{display:inline-block;padding:4px 0}
.rec-t blockquote{margin:0;border-left:3px solid var(--navy);padding:4px 0 4px 14px;font:600 20px/1.4 var(--sans)}
.rec-ar{margin-top:22px;border-top:1px solid var(--rule);padding-top:10px}
.rec-ar p.rec-l{font:600 13.5px/1.4 var(--sans);margin:0}
.rec-ar p.rec-l a{font-weight:400;display:inline-block;padding:4px 0}
.rec-ar blockquote{margin:2px 0 0}
.rec-ar blockquote p{font-size:19px;line-height:1.7;text-align:right;margin:0;max-width:none}
.bars{margin:0;border-top:2px solid var(--navy);padding-top:12px;font-family:var(--sans)}
.bars figcaption p{margin:0;max-width:none}
.bt-t{font:600 20px/1.3 var(--serif);color:var(--navy);letter-spacing:-.01em;text-wrap:balance}
.bt-s{font:14px/1.45 var(--sans);color:var(--ink-muted);margin-top:2px!important}
.bg-g{margin-top:20px}
.bl{font:600 15px var(--sans);color:var(--ink);margin:0 0 4px}
.br{display:grid;grid-template-columns:72px minmax(0,1fr) 92px;align-items:center;gap:12px;margin:8px 0}
.bk{font:14.5px var(--sans);color:var(--ink-muted)}
.bt{display:block;width:100%;height:30px}
.bt .bg{fill:#E9EDF3}.b0 .bf{fill:#8C9AB3}.b1 .bf{fill:var(--navy)}
.bn{text-align:right;font:15px var(--sans);color:var(--ink);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.bn b{font-size:22px;font-weight:600}
.b1 .bn b{color:var(--navy)}
.src{margin-top:14px!important}
.slope{margin:0;border-top:2px solid var(--navy);padding-top:12px;font-family:var(--sans)}
.slope figcaption p{margin:0;max-width:none}
.sl-box{margin-top:14px}
.sl{display:block;width:100%;height:auto;overflow:visible}
.sl-p{display:none}
.sl text{font-family:var(--sans);fill:var(--ink)}
.sl .tk{font-size:13px;fill:var(--ink-muted)}
.sl .hd{font-size:15px;font-weight:600;fill:var(--navy)}
.sl .hd2{font-size:13.5px;fill:#3E4D66}
.sl .gr{stroke:var(--rule);stroke-width:1}.sl .g0{stroke:#9AA8C0}
.sl .ax{stroke:#9AA8C0;stroke-width:1}
.sl .ln{fill:none;stroke-linecap:round}
.sl-en .ln{stroke:var(--navy);stroke-width:4}.sl-en .dt{fill:var(--navy)}
.sl-ar .ln{stroke:#7186AB;stroke-width:3}.sl-ar .dt{fill:#7186AB}
.sl .lv{font-size:21px;font-weight:600;fill:var(--navy)}
.sl .ll{font-size:15px}
.sl-ar .lv{fill:#3E557F}
.sl .lk{font-size:14px;fill:var(--ink)}
.ev{display:flex;flex-direction:column;gap:12px;width:100%;border-top:2px solid var(--navy);padding-top:12px}
main .ev-h{font:600 20px/1.3 var(--serif);color:var(--navy);letter-spacing:-.01em;margin:0;max-width:none}
.evc{margin:0;background:var(--paper-2);padding:14px 18px 10px;flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between}
main .evl{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:600 14px var(--sans);margin:0 0 6px;max-width:none}
.chip{color:var(--navy);letter-spacing:.03em}
.evl time{color:#3E4D66;font-weight:400}
.evc blockquote{margin:0}
.evc mark{white-space:nowrap}
main .ev-en blockquote p{font:600 23px/1.32 var(--serif);color:var(--navy);margin:0;max-width:none;text-wrap:pretty;letter-spacing:-.01em}
main .ev-ar blockquote p{font-size:21px;line-height:1.7;text-align:right;margin:0;max-width:none;text-wrap:balance;color:var(--navy)}
.evc figcaption{font:13.5px/1.4 var(--sans);color:#3E4D66;margin-top:6px}
.evc figcaption a{display:inline-block;padding:4px 0}
main .ev-n{font:13.5px/1.5 var(--sans);color:#3E4D66;margin:0;max-width:none}
.ev-n a{display:inline-block;padding:2px 0}
.ctx{border-top:1px solid var(--rule);padding-top:10px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 22px;font:15px/1.5 var(--sans)}
main .ctx-h{font-weight:600;margin:0;color:var(--navy);max-width:none}
.ctx ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 22px}
.ctx li{color:var(--ink)}
.ctx li a{color:var(--navy);display:inline-block;padding:2px 0}
.sw-w{color:#3E4D66;margin-left:4px}
main .ctx-a{margin:0 0 0 auto;max-width:none}
.ctx-a a{font-weight:600;display:inline-block;padding:2px 0}
.unr{font:15px/1.55 var(--sans);color:var(--ink);margin:12px 0 0;max-width:40em}
.preview{border-top:1px solid var(--navy);padding:12px 0 0}
.pv-h{font:600 15px/1.4 var(--sans);margin:0 0 8px}
.pv-h a{text-decoration:none;color:var(--navy);display:inline-block;padding:4px 0}
.pv-h a:hover{text-decoration:underline}
.pv-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.pv-pair p{margin:0;font-size:19px;line-height:1.6}
.pv-pair time{display:block;font:600 13px var(--sans);color:var(--ink-muted)}
.pv-pair q{quotes:none}
@media (max-width:600px){.pv-pair{grid-template-columns:minmax(0,1fr)}}
/* sections */
.sec{padding:36px 0 8px}
.sec-h{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 40px;margin-bottom:16px}
@media (min-width:900px){.sec-h{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:end}}
.sec-h p{margin:0;font:15.5px/1.5 var(--sans);color:var(--ink-muted)}
.empty{font:17px var(--sans);color:var(--ink-muted)}
/* flag cards */
.flags{display:grid;gap:22px}
.flag{border-top:3px solid var(--navy);padding-top:14px}
.flag:target{outline:2px solid var(--crimson);outline-offset:6px}
.ftags{font:600 13.5px var(--sans);color:var(--ink-muted);margin:0 0 4px}
.ftags a{color:var(--navy)}
.fhead h3 a{text-decoration:none;display:inline-block;padding:8px 0}
.fhead h3 a:hover{text-decoration:underline}
.fwhat{font:15.5px/1.5 var(--sans);margin:6px 0 12px}
.pair{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:760px){.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}.pair .qside+.qside{border-left:1px solid var(--rule)}}
.qside{background:var(--paper-2);padding:14px 18px}
.qlabel{font:600 13.5px var(--sans);margin:0 0 6px;display:flex;justify-content:space-between;gap:10px}
.qlabel span{color:var(--navy)}
.qlabel time{color:var(--ink)}
.q{margin:0 0 10px;font-size:19px}
.q p{margin:0}
mark{background:none;color:var(--crimson);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.c-flag mark{color:inherit}
.q [lang="ar"]{font-size:20px;text-align:right}
.qmeta,.qhash{font:13px/1.5 var(--sans);color:var(--ink-muted);margin:0}
.qmeta a{display:inline-block;padding:6px 0}
.ffoot{margin-top:8px}
.rev{font:14px var(--sans);color:var(--ink-muted)}
.gloss{font:14px/1.5 var(--sans);margin:0 0 8px;color:var(--ink)}
.gloss [lang="ar"]{font-weight:600}
.gl-en{color:var(--ink-muted)}
.qside .cite{margin:6px 0 0;font-size:13px}
/* tiles */
.tiles{list-style:none;margin:0;padding:0;display:grid;gap:0;grid-template-columns:minmax(0,1fr);border-bottom:1px solid var(--rule)}
@media (min-width:1000px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}}
.tile a{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start;text-decoration:none;color:var(--ink);border-top:1px solid var(--rule);padding:18px 0;height:100%}
.tim{display:block;aspect-ratio:16/10;background:var(--paper-2);overflow:hidden;border:1px solid var(--rule)}
.tim img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.tbody{display:block;min-width:0}
.tw{display:inline-block;font:600 14px/1.3 var(--sans);letter-spacing:.03em;color:var(--navy);background:var(--paper-2);border:1px solid var(--rule);padding:3px 8px}
.s-rise .tw{background:var(--navy-deep);border-color:var(--navy-deep);color:#fff}.s-same .tw{background:#E2E8F2;border-color:#E2E8F2}
.tt{display:block;font:600 22px/1.2 var(--serif);color:var(--navy);margin:4px 0 6px}
.tt [lang="ar"]{font-size:16px;font-weight:400;color:var(--ink-muted);margin-left:6px}
.tile a:hover .tt{text-decoration:underline;text-underline-offset:3px}
.ts{display:block;font:16px/1.5 var(--sans);color:var(--ink)}
.tcap{display:block;font:14px/1.45 var(--sans);color:#3E4D66;margin-top:8px}
@media (max-width:600px){.tile a{grid-template-columns:128px minmax(0,1fr);gap:14px}.tt{font-size:20px}}
.mx-rest{list-style:none;margin:10px 0 14px;padding:0;font:15px/1.5 var(--sans);color:var(--ink);border-top:1px solid var(--rule)}
.mx-rest li{padding:8px 0;border-bottom:1px solid var(--rule)}
.mx-rest b{font-weight:600}
.mx-rest a{color:var(--navy)}
.mx-rest .nofeed a{display:inline-block;padding:2px 0;min-height:24px}
.mrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 14px;margin:6px 0 4px;font:14px var(--sans)}
.mrow-c{display:flex;align-items:center;gap:8px}
.mrow .mc{width:22px;height:22px;flex:none}
.mc{display:block}.mc.c-same{background:#E2E8F2}.mc.c-gap{background:#fff;border:1px dashed #8C9AB3}.mc.c-flag{background:var(--navy);border-bottom:4px solid var(--crimson)}.mc.c-miss{background:var(--navy-deep);border:0}
.links{margin-top:14px}
.credit{font:13.5px/1.5 var(--sans);color:var(--ink-muted);margin-top:14px}
/* tables */
.tscroll{overflow-x:auto}
.ctab{width:100%;border-collapse:collapse;font:16px/1.45 var(--sans)}
.ctab th{text-align:left;font-weight:600;border-bottom:2px solid var(--navy);padding:8px 10px 8px 0;white-space:nowrap}
.ctab td{border-bottom:1px solid var(--rule);padding:8px 10px 8px 0;vertical-align:top}
.ctab .num{text-align:right;font-variant-numeric:tabular-nums}
/* state page */
.shead h1{font-size:clamp(28px,2.9vw,40px);line-height:1.1}
.shead{display:grid;gap:28px;padding:36px 0 20px;border-bottom:1px solid var(--rule)}
@media (min-width:1000px){.shead{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start}}
.feeds{font:17px/1.55 var(--sans);padding-left:20px;margin:0 0 14px}
.sfig{margin:0}.sfig img{width:100%;height:auto;display:block}
.sfig figcaption{font:13px/1.5 var(--sans);color:var(--ink-muted);margin-top:6px}
.sfig figcaption a{display:inline-block;padding:12px 0}
/* prose */
.prose{max-width:46em;padding:36px 0}
.prose h2{margin-top:32px}
.prose p,.prose li{max-width:31em}

.prose .ctab{max-width:none}
.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 16px;font:14.5px/1.5 var(--sans);margin:0 0 20px}
.kv dt{font-weight:600}.kv dd{margin:0;overflow-wrap:anywhere}
.orig{border-top:1px solid var(--rule);padding-top:10px}
.orig [lang="ar"]{text-align:right}
.rhead{padding:32px 0 12px}
.filters{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;font:15px var(--sans)}
.filters select{font:15px var(--sans);padding:8px;min-height:44px;border:1px solid var(--rule);border-radius:2px;background:#fff;color:var(--ink)}
.count{margin:0;color:var(--ink-muted)}
.foot{background:var(--navy);color:var(--on-navy);margin-top:40px}
.foot-in{max-width:var(--w);margin:0 auto;padding:24px 20px;font:16px/1.55 var(--sans)}
.foot a{color:#fff}
[hidden]{display:none!important}
@media (max-width:760px){
 body{font-size:18px}
 .top-in{gap:10px;padding:0 12px}
 .brand{gap:8px;font-size:14px}
 .brand img{height:34px}
 .brand-t{padding-left:8px}
 .top{position:static}
 .top-in{flex-wrap:nowrap;height:58px;gap:8px}
 .crumbs{display:none}
 .pm{display:block}
 .sbox input{width:44px;min-height:44px;padding:9px 6px}
 .sbox input::placeholder{color:transparent}
 .sbox input:focus{width:150px}
 .hero{padding-top:22px}
 h2{font-size:24px}
 .hero-h,.shead h1{font-size:28px;line-height:1.12}
 .hero-h{font-size:26px}
 .hero-h,.hero .dek{margin-bottom:0}
 .hero .dek{font-size:18px;line-height:1.5;margin-bottom:0}
 .sl-d{display:none}.sl-p{display:block}
 .sl .lv{font-size:19px}.sl .ll{font-size:14px}
 .bt-t,main .ev-h{font-size:19px}
 main .ev-en blockquote p{font-size:20px}
 main .ev-ar blockquote p{font-size:19px}
 .hero{row-gap:14px}
 .ctx-a{margin-left:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{
 .top,.skip,.sbox,.foot,.mx-scroll{overflow:visible}
 .top,.sbox,.skip{display:none}
 body{font-size:11pt;color:#000}
 a{color:#000}
 .flag{break-inside:avoid}
 .qside{background:none;border:1px solid #999}
 .matrix{background:none}
 .c-same .cell,.c-flag .cell{print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .qmeta a::after{content:" (" attr(href) ")";font-size:8pt;overflow-wrap:anywhere}
}

.latest{margin-top:36px}
.foot-in{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 48px}
@media (min-width:900px){.foot-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.foot-in p{max-width:none;margin:0}}
.ctab td.nw{white-space:nowrap}
.ctab th.num{text-align:right}
.sep{color:#8C9AB3;padding:0 4px 0 2px}
@media (max-width:385px){.hero-h{font-size:22px}}
@media (max-width:340px){.hero-h{font-size:20px}}

/* r9 (on the r8 C48 structure): H1 across; text column (dek, two shares with their 2025-to-now slopes, credited crop)
   beside one grid of squares on navy. The lead cell is reconciled under the grid in one line and one bar. On phone the
   grid becomes ranked bar lists inside the page gutter; no rotated text. One accent: the phrase mark. */
.fold{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"cr" "h" "d" "r" "mx" "c";row-gap:16px;padding:22px 0 30px}
.fcr{grid-area:cr;margin:0;font:600 14px/1.4 var(--sans);color:#4A5A75}
.fcr a{color:#4A5A75;text-decoration:none}.fcr .nw{white-space:nowrap}.fcr a:hover{color:var(--navy);text-decoration:underline}
.fold .hero-h{grid-area:h;margin:0;max-width:none;font-size:clamp(26px,3.3vw,42px);line-height:1.1}
.fold .dek{grid-area:d;margin:0;font-size:20px;line-height:1.5;max-width:58ch}
.fold .rate{grid-area:r}
.fold .crop{grid-area:c}
.fold .gm{grid-area:mx}
@media (min-width:1000px){
 .fold{grid-template-columns:minmax(0,1fr) 736px;grid-template-areas:"cr cr" "h h" "d mx" "r mx" "c mx";grid-template-rows:auto auto auto auto auto;align-content:start;column-gap:44px;row-gap:18px;align-items:start}
 .fold .hero-h{margin-bottom:6px}
 .fold .gm{align-self:start}
 .fold .crop{align-self:end}
}
@media (min-width:1000px) and (min-height:760px){
 .fold{min-height:calc(100vh - 60px)}
}
.rate{border-top:1px solid var(--rule);padding-top:12px}
.rate-h{margin:0 0 8px;font:600 14px/1.4 var(--sans);color:#3E4D66;text-wrap:balance}
.rate ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rate li{display:grid;grid-template-columns:118px 112px minmax(0,1fr);column-gap:14px;align-items:center}
.rate .rv{font:600 50px/1 var(--sans);color:var(--navy);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em}
.rate .rt{display:flex;flex-direction:column}
.rate .rl{font:600 16px/1.3 var(--sans);color:var(--navy)}
.rate .rn{font:14px/1.4 var(--sans);color:#3E4D66}
.ms{display:block;overflow:visible}
.ms-ax{stroke:#B8C2D4;stroke-width:1}
.ms-ln{stroke:var(--navy);stroke-width:2}
.ms-a{fill:#fff;stroke:#5B6B85;stroke-width:1.5}
.ms-b{fill:var(--navy)}
.ms text{font:13px var(--sans);fill:#3E4D66}
.crop{margin:0;border-top:2px solid var(--navy);padding-top:12px}
.cr-h{margin:0 0 8px;font:15px/1.4 var(--serif);color:var(--ink)}
.cr-k{font:600 13px/1.4 var(--sans);color:#3E4D66;margin-right:6px}
.cr-im{display:block;position:relative;border:1px solid var(--rule);background:#fff;line-height:0}
.cr-im img{display:block;width:100%;height:auto}
.cr-mk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cr-mk rect{fill:var(--crimson)}
.crop figcaption{margin:8px 0 0;font:14px/1.5 var(--sans);color:#3E4D66}
.cr-en{margin:12px 0 0;font:18px/1.45 var(--serif);color:var(--ink)}
.q-only blockquote{margin:0;font:20px/1.4 var(--serif)}
/* the grid panel */
.gm{margin:0;background:var(--navy-deep);color:#fff;padding:16px 18px 14px;min-width:0}
.gm-key{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;align-items:end;padding-bottom:10px;border-bottom:1px solid #2A3D62}
.gm-key p{margin:0;font:14px/1.45 var(--sans);color:#fff;max-width:50ch}
.gm-key b{font-weight:600}
.gm-sz{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:14px}
.gm-sz li{display:flex;align-items:flex-end}
.gm-sz .cell{flex-direction:row;align-items:flex-end;gap:5px}
.gm-sz .cell .cn{font-size:13px}
.gm-scroll{min-width:0}
.gmx{width:100%;border-collapse:collapse;table-layout:fixed;font-family:var(--sans)}
.gmx thead td{width:136px}
.gmx thead th{font:13px/1.2 var(--sans);color:#C9D2E2;text-align:center;vertical-align:bottom;padding:8px 0 6px;letter-spacing:-.01em}
.gmx thead th.hk{color:#fff;font-weight:600;background:#0F2A55}
.gmx tbody th{text-align:left;vertical-align:middle;padding:4px 8px 4px 0;font-weight:400}
.gmx tbody th a{display:block;min-height:24px;padding:2px 0;font:600 19px/1.1 var(--serif);color:#fff;text-decoration:none;letter-spacing:-.01em}
.gmx tbody th a:hover{text-decoration:underline}
.gm .rs{display:block;font:600 13px/1.3 var(--sans);color:#fff;margin-top:2px}
.gmx tbody tr{border-top:1px solid #2A3D62}
.gmx tbody tr:last-child{border-bottom:1px solid #2A3D62}
.gmx td{text-align:center;vertical-align:bottom;padding:5px 0 4px}
.gmx td.hk{background:#0F2A55}
.cell{display:inline-flex;flex-direction:column;align-items:center;gap:2px}
.sq{display:block;width:40px;height:40px}
.sq rect{fill:#C2CCE0}
.sq.lead rect{fill:#fff}
.sq0{display:block;width:40px;height:40px}
.cell .cn{font:600 15px/1.2 var(--sans);color:#fff;font-variant-numeric:tabular-nums}
.cell.z .cn{color:#8E9CB7;font-weight:400}
.gm a{color:#fff;display:inline-block;padding:4px 0;min-height:24px}
.cr-fig{margin:0}
.gm-ph{display:none}
.split{margin:12px 0 0}
.sp-h{margin:0 0 8px;font:15px/1.45 var(--sans);color:#fff;max-width:none}
.sp-h b{font-weight:600}
.sp-bar{display:block;width:100%;height:14px}
.sp-k{fill:#fff}.sp-r{fill:#7F91B3}.sp-o{fill:#4A5F86}
.sp-l{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:2px 18px;font:13px/1.45 var(--sans);color:#D9DFE9}
.sp-l b{color:#fff;font-weight:600}
.sp-x{color:#D9DFE9}
.sp-kl{display:flex;align-items:center;gap:6px}
.sp-sw{display:inline-block;width:12px;height:10px;background:#fff}
.gm figcaption{margin:10px 0 0;padding-top:8px;border-top:1px solid #2A3D62;font:13px/1.5 var(--sans);color:#D9DFE9}
.gm figcaption p{margin:0;max-width:none}
.gm .nofeed{margin:0 0 4px}
.gm .nofeed b{color:#fff;font-weight:600}
.rise .slope{max-width:820px}
@media (min-width:1000px){.rise{display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);column-gap:56px;align-items:start}.rise .sec-h{grid-column:1/-1}}
.rt-a{border-top:2px solid var(--navy);padding-top:12px;font-family:var(--sans)}
.rtab{width:100%;border-collapse:collapse;font:16px/1.35 var(--sans);font-variant-numeric:lining-nums tabular-nums}
.rtab caption{text-align:left;font:600 18px/1.3 var(--serif);color:var(--navy);padding-bottom:10px}
.rtab th,.rtab td{text-align:left;padding:10px 8px 10px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.rtab thead th{font-size:14px;color:#3E4D66;font-weight:600}
.rtab td{font-weight:600;color:var(--navy)}
.rtab td span{display:block;font-weight:400;font-size:14px;color:#3E4D66}
.rt-a p{font:15px/1.5 var(--sans);color:#3E4D66;margin:12px 0 0}
mark{color:var(--crimson)}
.rec-mk .tint{fill-opacity:0}
/* header label (r9): product name in the bar at every width */
a.brand-t{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none;font:600 16px var(--sans);white-space:nowrap}
a.brand-t:hover{text-decoration:underline;color:#fff}
.fcite{font-size:14px}
#coverage .unr{max-width:60ch}
@media (max-width:760px){
 .fold{padding-top:16px;row-gap:14px}
 .fold .hero-h{font-size:25px;line-height:1.14}
 .fold .dek{font-size:18px}
 .rate li{grid-template-columns:92px 112px minmax(0,1fr);column-gap:10px}
 .rate .rv{font-size:40px}
 .rate .rn{font-size:13.5px}
 .gm{margin:0;padding:14px 16px 14px}
 .gm-key{grid-template-columns:1fr}
 .gm-key .k-d,.gm-sz,.gm-scroll{display:none}
 .gm-ph{display:block}
 .pst{border-top:1px solid #2A3D62;padding:10px 0 8px}
 .pst-h{margin:0 0 6px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
 .pst-h a{font:600 20px/1.2 var(--serif);color:#fff;text-decoration:none}
 .pst .rs{display:inline;margin:0;font-weight:400;color:#D9DFE9}
 .pst summary{cursor:pointer;min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;list-style-position:inside}
 .pst-n{font:600 18px/1.2 var(--serif);color:#fff}
 .pb{list-style:none;margin:0;padding:0;display:grid;gap:5px}
 .pb li{display:grid;grid-template-columns:104px minmax(0,1fr) 30px;align-items:center;column-gap:8px;font:14px/1.3 var(--sans);color:#D9DFE9}
 .pb .pb-b{display:block;width:100%;height:14px}
 .pb rect{fill:#C2CCE0}
 .pb li.lead{color:#fff;font-weight:600}
 .pb li.lead rect{fill:#fff}
 .pb-n{text-align:right;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
 .pb-z{margin:6px 0 0;font:13px/1.45 var(--sans);color:#D9DFE9}
 .sp-h{font-size:14px}
 a.brand-t{font-size:15px}
 .brand img{height:32px}
 .brand-t{border-left:1px solid #3a5480;padding-left:8px}
 .pm summary{font-size:0;gap:0;padding:0 13px}
}
@media (max-width:385px){.fold .hero-h{font-size:24px}.rate li{grid-template-columns:84px 104px minmax(0,1fr)}}
/* r11 (Gregg): headline case with lining figures; the fold head carries a one-line account of the site and a lead
   photograph beside the H1; state pages open on a photograph of the capital. Credits sit under every photograph. */
h1,h2,h3{font-variant-numeric:lining-nums}
.fhd{grid-area:h;display:grid;grid-template-columns:minmax(0,1fr);row-gap:12px}
.fhd .hero-h{margin:0;grid-area:auto}
.about{margin:0;font:17px/1.5 var(--sans);color:#3E4D66;max-width:70ch}
.lead,.band{margin:0}
.lead img,.band img{display:block;width:100%;height:auto;background:#E9EDF3}
.lead figcaption,.band figcaption{margin-top:6px;font:13px/1.45 var(--sans);color:#4A5A75}
.phc{white-space:nowrap}
.band img{aspect-ratio:1240/300;object-fit:cover;object-position:50% 55%}
.lead img{aspect-ratio:16/9;object-fit:cover}
@media (min-width:600px) and (max-width:999px){.fhd{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"h h" "ab ph";column-gap:28px;align-items:start}.fhd .hero-h{grid-area:h}.fhd .about{grid-area:ab}.fhd .lead{grid-area:ph}}
@media (max-width:599px){.shead h1{font-size:26px}}
.band{margin-top:22px}
.band.f-top img{object-position:50% 15%}
@media (max-width:999px){.band img{aspect-ratio:16/8}}
@media (min-width:1000px){
 .fhd{grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"h ph" "ab ph";grid-template-rows:auto 1fr;column-gap:44px;row-gap:14px;align-items:start}
 .fhd .hero-h{grid-area:h;font-size:clamp(30px,2.9vw,40px)}
 .fhd .about{grid-area:ab}
 .fhd .lead{grid-area:ph}
 .lead img{aspect-ratio:16/9;object-fit:cover}
}
/* r13 (Gregg): the home page opens on a full-width credited banner above the fold, the Also Known As (C01) pattern;
   the H1 block runs the full text width now that the photo no longer sits beside it. */
.ph{margin:0}
.ph img{display:block;width:100%;height:auto;object-fit:cover;background:#E9EDF3}
.ph figcaption{margin-top:6px;font:13px/1.45 var(--sans);color:#4A5A75}
.lead-ph{margin:20px 0 24px}
.lead-ph img{aspect-ratio:4/1;object-position:50% 45%}
.lead-ph+.fold{padding-top:0}
@media (max-width:1024px){.lead-ph{margin:16px 0 20px}.lead-ph img{aspect-ratio:16/7}}
@media (max-width:640px){.lead-ph img{aspect-ratio:3/2}.ph .phc{white-space:normal}}
@media (min-width:600px){.fhd{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "ab";grid-template-rows:auto auto}}
.fhd .about{max-width:60ch}