/* Layout: an academic's study lit by desert dusk — RTL-first, a narrow reading column, wide photographic plates */
:root{
  --bg:#F5F6F3; --surface:#FFFFFF; --ink:#16201F; --muted:#5A6664; --line:#DCE1DD;
  --accent:#2C3E8F; --accent-soft:#E6E9F5; --dune:#C9822B;
  --f-display:"Thmanyah Sans","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"Thmanyah Sans","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --s1:.8125rem; --s2:1rem; --s3:1.1875rem; --s4:1.1875rem; --s5:1.3125rem; --s6:clamp(1.65rem,3.2vw,2.125rem);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0E1322; --surface:#151B2E; --ink:#E9ECF2; --muted:#9CA6BA; --line:#262F47;
  --accent:#9DB0FF; --accent-soft:#1E2747; --dune:#E3A55A; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0E1322; --surface:#151B2E; --ink:#E9ECF2; --muted:#9CA6BA; --line:#262F47;
  --accent:#9DB0FF; --accent-soft:#1E2747; --dune:#E3A55A; color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:var(--s2);line-height:1.75;padding-inline:20px;margin:0}
html[lang="ar"] .en, html[lang="en"] .ar{display:none!important}
a{color:var(--accent);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.wrap{max-width:1120px;margin-inline:auto}
h1,h2,h3{font-family:var(--f-display);font-weight:600;text-wrap:balance;line-height:1.25;margin:0}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{font-family:var(--f-body);font-weight:600;letter-spacing:-.01em}
.mono{font-family:var(--f-mono);font-size:var(--s1);font-variant-numeric:tabular-nums}
.eyebrow{font-size:var(--s1);color:var(--dune);font-weight:600;letter-spacing:.06em}
html[lang="en"] .eyebrow{text-transform:uppercase;letter-spacing:.12em}

/* header */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);margin-inline:-20px;padding-inline:20px}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{font-family:var(--f-display);font-size:var(--s3);font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap}
.brand{font-size:1.0625rem}
#latest{border-top:0;padding-top:48px}
nav.links{display:flex;gap:22px;flex-wrap:wrap}
nav.links a{color:var(--muted);text-decoration:none;font-size:.9375rem}
nav.links a:hover{color:var(--ink)}
.lang{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:500 var(--s1)/1 var(--f-body);padding:8px 12px;border-radius:999px;cursor:pointer}
@media (max-width:960px){nav.links{display:none}}

/* hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-block:64px 56px}
.hero h1{font-size:var(--s6);font-weight:600}
.hero .role{font-size:var(--s3);color:var(--muted);margin-top:14px;max-width:34ch}
.hero .thesis{margin-top:22px;max-width:52ch;font-size:1.0625rem}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;padding:0;list-style:none}
.tags li{border:1px solid var(--line);padding:4px 12px;border-radius:999px;font-size:var(--s1);color:var(--muted);background:var(--surface)}
.plate{margin:0;position:relative}
.plate img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px;display:block}
.plate figcaption{font-size:var(--s1);color:var(--muted);margin-top:10px;display:flex;justify-content:space-between;gap:12px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:6px;font-weight:500;text-decoration:none;font-size:.9375rem;border:1px solid var(--accent);cursor:pointer;font-family:var(--f-body)}
.btn.solid{background:var(--accent);color:var(--bg)}
.btn.ghost{color:var(--accent);background:transparent}
@media (max-width:820px){.hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.plate img{aspect-ratio:3/2}}

section{padding-block:72px;border-top:1px solid var(--line)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.sec-head h2{font-size:var(--s5)}
.sec-head p{color:var(--muted);max-width:52ch;margin:6px 0 0}

/* latest — research story */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.story-meta{padding:34px;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:16px}
.story-meta h3{font-size:var(--s4)}
.story-meta .venue{color:var(--muted);font-size:.9375rem}
.badge{align-self:flex-start;background:var(--accent-soft);color:var(--accent);font-size:var(--s1);padding:3px 10px;border-radius:4px;font-weight:600}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-inline:24px;overflow-x:auto}
.tab{background:none;border:0;border-bottom:2px solid transparent;padding:16px 12px 12px;color:var(--muted);font:500 .9375rem var(--f-body);cursor:pointer;white-space:nowrap}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--dune)}
.panel{padding:28px 32px 32px;min-height:330px}
.panel p{margin:0 0 12px;max-width:62ch}
.findings{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.findings li{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:baseline}
.findings b{font-family:var(--f-mono);font-size:1.25rem;color:var(--accent);font-weight:500}
.ideas{padding-inline-start:20px;margin:0;display:grid;gap:8px}
/* slides */
.deck{position:relative;background:var(--accent);color:#F5F6F3;border-radius:8px;aspect-ratio:16/10;max-width:100%;overflow:hidden}
.slide{position:absolute;inset:0;padding:30px 34px;display:flex;flex-direction:column;justify-content:center;gap:12px;opacity:0;transition:opacity .35s}
.slide.on{opacity:1}
.slide .k{font-family:var(--f-mono);font-size:var(--s1);opacity:.75}
.slide h4{font-family:var(--f-display);font-size:clamp(1.2rem,2.6vw,1.65rem);margin:0;line-height:1.35;text-wrap:balance}
html[lang="en"] .slide h4{font-family:var(--f-body);font-weight:600}
.slide p{margin:0;opacity:.88;font-size:.9375rem}
.spark{width:100%;height:auto;max-height:46%}
.deck-nav{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px}
.deck-nav button{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:6px 14px;cursor:pointer;font-family:var(--f-body)}
.dots{display:flex;gap:6px}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--line)}
.dots i.on{background:var(--dune)}
@media (max-width:860px){.story{grid-template-columns:minmax(0,1fr)}.story-meta{border-inline-end:0;border-bottom:1px solid var(--line)}.panel{padding:22px 20px}.slide{padding:20px}}
@media (prefers-reduced-motion:reduce){.slide{transition:none}}

.abstract dl{margin:0;display:grid;gap:4px}
.abstract dt{font-weight:600;color:var(--accent);font-size:.9375rem;margin-top:10px}
.abstract dd{margin:0;max-width:66ch;text-align:justify}
.kw{margin-top:18px!important;font-size:.9375rem;color:var(--muted)}
.kw b{color:var(--ink)}
.cite{margin-top:20px;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:8px}
.cite p{font-size:.875rem;margin:0;text-align:left;color:var(--muted);line-height:1.6}
.copy{justify-self:start;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:4px 14px;cursor:pointer;font-family:var(--f-body);font-size:var(--s1)}
.panel{max-height:none}
.news{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.news li{display:grid;grid-template-columns:110px 90px minmax(0,1fr);gap:18px;padding-block:20px;border-bottom:1px solid var(--line);align-items:baseline}
.news time{color:var(--dune)}
.news .ntype{font-size:var(--s1);color:var(--muted)}
.news h3{font-family:var(--f-body);font-size:1.0625rem;font-weight:600;line-height:1.55}
.news p{margin:6px 0 0;color:var(--muted);font-size:.9375rem;max-width:72ch}
@media (max-width:640px){.news li{grid-template-columns:1fr;gap:4px}}
/* research areas */
.areas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.area{padding:22px 22px 6px 0;border-inline-end:1px solid var(--line);padding-inline:20px}
.area:last-child{border-inline-end:0}
.area h3{font-size:var(--s3);margin-bottom:8px}
.area p{color:var(--muted);font-size:.9375rem;margin:0}
@media (max-width:1040px){.areas{grid-template-columns:repeat(3,minmax(0,1fr))}.area{border-bottom:1px solid var(--line);padding-block:20px}}
@media (max-width:860px){.areas{grid-template-columns:repeat(2,minmax(0,1fr))}.area{border-bottom:1px solid var(--line);padding-block:20px}}
@media (max-width:480px){.areas{grid-template-columns:1fr}.area{border-inline-end:0}}

/* publications */
.filters{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:5px 14px;font:500 var(--s1) var(--f-body);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.pubs{list-style:none;margin:0;padding:0}
.pub{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:20px;padding-block:22px;border-bottom:1px solid var(--line);align-items:baseline}
.pub .yr{color:var(--dune);font-size:.9375rem}
.pub h3{font-family:var(--f-body);font-size:1.0625rem;font-weight:600;line-height:1.55}
.pub .v{color:var(--muted);font-size:.9375rem;margin-top:4px}
.pub .kind{font-size:var(--s1);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 8px;white-space:nowrap}
@media (max-width:640px){.pub{grid-template-columns:1fr;gap:6px}}

/* services & books */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:860px){.grid3{grid-template-columns:1fr}}
.svc{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:26px;display:flex;flex-direction:column;gap:10px}
.svc h3{font-size:var(--s3)}
.svc p{color:var(--muted);margin:0;font-size:.9375rem}
.svc .status{margin-top:auto;padding-top:10px;font-size:var(--s1);color:var(--dune);font-weight:600}
.svc.feature{border-color:var(--accent);background:linear-gradient(160deg,var(--accent-soft),var(--surface) 70%)}
.books{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;align-items:center;background:var(--surface);border:1px dashed var(--line);border-radius:10px;padding:30px;margin-top:28px}
.spine{display:flex;gap:8px;align-items:end;height:130px}
.spine i{display:block;width:30px;border-radius:2px 2px 0 0;background:var(--line)}
.spine i:nth-child(1){height:100%;background:var(--accent)}
.spine i:nth-child(2){height:82%;background:var(--dune)}
.spine i:nth-child(3){height:92%}
.spine i:nth-child(4){height:70%}
@media (max-width:640px){.books{grid-template-columns:1fr}}

/* photography */
.photo-sec{background:#0C0F18;color:#EEF0F5;margin-inline:-20px;padding-inline:20px;border-top:0}
.photo-sec .sec-head p{color:#A9B0C2}
.photo-sec .eyebrow{color:#E3A55A}
.masonry{columns:3 260px;column-gap:10px}
.masonry button{display:block;width:100%;padding:0;margin:0 0 10px;border:0;background:none;cursor:zoom-in;break-inside:avoid}
.masonry img{width:100%;display:block;border-radius:2px;transition:opacity .2s}
.masonry button:hover img{opacity:.85}
.lb{position:fixed;inset:0;background:rgba(6,8,14,.94);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}
.lb img{max-height:88vh;max-width:100%;object-fit:contain}
.lb button{position:absolute;background:rgba(255,255,255,.08);color:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:20px;cursor:pointer}
.lb .x{top:16px;inset-inline-end:16px}.lb .pv{inset-inline-start:16px}.lb .nx{inset-inline-end:16px}

/* about + contact */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.about p{max-width:60ch;margin:0 0 14px}
.cv{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.cv li{display:grid;grid-template-columns:90px 1fr;gap:16px;padding-block:14px;border-bottom:1px solid var(--line)}
.cv .mono{color:var(--dune);padding-top:3px}
.cv span{color:var(--muted);font-size:.9375rem;display:block}
@media (max-width:820px){.about{grid-template-columns:1fr}}
form.contact{display:grid;gap:14px;max-width:560px}
label{font-size:var(--s1);color:var(--muted);display:grid;gap:6px}
input,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 12px;width:100%}
textarea{min-height:120px;resize:vertical}
.note{font-size:var(--s1);color:var(--muted)}
.socials{display:flex;gap:18px;margin-top:6px;flex-wrap:wrap}
footer{padding-block:34px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--s1);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ---- multi-page additions ---- */
section.first{border-top:0;padding-top:44px}
nav.links a[aria-current="page"]{color:var(--ink);font-weight:600}
nav.links.mobile{display:none;gap:18px;overflow-x:auto;padding-bottom:10px;white-space:nowrap}
@media (max-width:960px){nav.links.mobile{display:flex}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.orig{font-family:var(--f-body)!important;font-weight:600;line-height:1.5;text-align:start}
html[dir="rtl"] .orig{text-align:right}
html[dir="ltr"] .orig{text-align:left}
.tr{color:var(--muted);font-size:.9375rem;margin:6px 0 0;line-height:1.7}
.venue{color:var(--dune);font-size:var(--s1);margin:6px 0 0;font-weight:500}

/* feed */
.feed{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.entry{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}
.entry .meta{display:flex;flex-direction:column;gap:6px}
.entry time{color:var(--dune);font-size:.875rem}
.entry .ntype{font-size:var(--s1);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 8px;align-self:flex-start}
.entry h3{font-family:var(--f-body);font-size:1.0625rem;font-weight:600;line-height:1.55}
.entry p{margin:8px 0 0;color:var(--muted);font-size:.9375rem}
.entry .more{display:inline-block;margin-top:10px;font-size:.875rem}
.entry.lead h3{font-size:1.25rem}
@media (max-width:640px){.entry{grid-template-columns:1fr;gap:8px}.entry .meta{flex-direction:row;align-items:center;gap:12px}}

/* featured card */
.feat-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:28px 30px;transition:border-color .2s}
.feat-card:hover{border-color:var(--accent)}
.feat-card .badge{margin-bottom:8px}
.feat-card h3{font-size:1.25rem}
.feat-card .go{color:var(--accent);font-size:.9375rem;margin-top:12px}

/* index tiles */
.index-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tile{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:180px;padding:24px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:var(--surface)}
.tile .num{font-size:2.25rem;color:var(--accent);line-height:1}
.tile .go{color:var(--accent);font-size:.9375rem}
.tile.photo{background-size:cover;background-position:center;color:#fff;border:0;position:relative;overflow:hidden}
.tile.photo::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,10,18,.8),rgba(8,10,18,.1))}
.tile.photo>*{position:relative}
.tile.photo .go{color:#F1C88E}
@media (max-width:640px){.index-links{grid-template-columns:1fr}}

/* story facts */
.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:6px 0;font-size:.875rem}
.facts dt{color:var(--muted)}
.facts dd{margin:0}
.crumb{font-size:var(--s1);color:var(--muted);margin:0 0 20px}

/* publications page */
.count{color:var(--muted);font-size:1rem}
.ptools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:26px}
.ptools input{max-width:380px;flex:1 1 260px}
.yr-group{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;border-top:2px solid var(--ink);padding-top:14px;margin-bottom:28px}
.yr-group h2.yr{font-size:1.125rem;color:var(--dune);font-family:var(--f-mono)!important;font-weight:500}
.plist{list-style:none;margin:0;padding:0}
.pub2{padding-block:14px;border-bottom:1px solid var(--line);display:grid;gap:3px;position:relative}
.pub2:last-child{border-bottom:0}
.pub2[dir="ltr"]{text-align:left}
.pub2 .au{margin:0;font-size:.875rem;color:var(--muted)}
.pub2 .au b{color:var(--ink);font-weight:600}
.pub2 h3{font-family:var(--f-body)!important;font-size:1rem;font-weight:600;line-height:1.55}
.pub2 .v{margin:0;font-size:.875rem;color:var(--muted);font-style:italic}
.pub2 .v a{font-style:normal}
.pub2 .kind{font-size:.75rem;color:var(--muted);justify-self:start}
@media (max-width:640px){.yr-group{grid-template-columns:1fr;gap:4px}}
.photo-sec.first{margin-top:0}

h1,h2,h3{font-weight:600;letter-spacing:0}
.brand{font-weight:600!important;font-size:1rem!important}
.sec-head h2{font-weight:600}

/* research cards */
.rgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rcard{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px 26px;transition:border-color .2s,transform .2s}
.rcard:hover{border-color:var(--accent);transform:translateY(-2px)}
.rcard .rk{font-size:var(--s1);color:var(--accent);font-weight:600}
.rcard .rj{font-size:.75rem;color:var(--dune)}
.rcard h3{font-size:1.0625rem;margin-top:6px}
.rcard .teaser{margin:8px 0 0;color:var(--muted);font-size:.9375rem;line-height:1.7}
.rcard .go{margin-top:auto;padding-top:12px;color:var(--accent);font-size:.875rem}
.rcard.lead{grid-column:1/-1;padding:32px 34px;background:linear-gradient(150deg,var(--accent-soft),var(--surface) 60%)}
.rcard.lead h3{font-size:1.3125rem}
@media (max-width:760px){.rgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.rcard{transition:none}.rcard:hover{transform:none}}
h1.rtitle{font-size:1.25rem;line-height:1.5}

/* photo band */
.pband{border-top:0;padding-block:24px 8px}
.pb-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:clamp(320px,46vw,520px)}
.pb-grid a{background-size:cover;background-position:center;border-radius:4px;display:block}
.pb-main{grid-row:1/3}
.pb-cap{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:.875rem}
.pb-cap .eyebrow{margin:0}
@media (max-width:640px){.pb-grid{grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr;height:420px}.pb-main{grid-column:1/-1;grid-row:1}}

/* compact, elegant updates */
#updates .entry{grid-template-columns:120px minmax(0,1fr);padding-block:18px;gap:20px}
#updates .entry h3{font-size:.9688rem}
#updates .entry.lead h3{font-size:.9688rem}
#updates .entry p{font-size:.875rem;line-height:1.75}
#updates .tr{font-size:.875rem}
#updates .entry time{font-size:.8125rem}
.index-links.one{grid-template-columns:1fr}
.index-links.one .tile{min-height:auto;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
@media (max-width:640px){#updates .entry{grid-template-columns:1fr;gap:6px}}

.arr{font-style:normal}
html[dir="ltr"] .arr::after{content:"→"}
html[dir="rtl"] .arr::after{content:"←"}

/* explainers */
.listen{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 14px;font:500 var(--s1) var(--f-body);cursor:pointer;margin-bottom:18px}
.listen::before{content:"";width:0;height:0;border-block:5px solid transparent;border-inline-start:8px solid var(--accent)}
.listen.on::before{border:0;width:9px;height:9px;background:var(--dune);border-radius:2px}
.xp{display:grid;gap:16px;font-size:.9375rem}
.xp h4{font-family:var(--f-body)!important;font-size:.9688rem;font-weight:600;margin:0 0 6px}
.xp h5{font-size:var(--s1);color:var(--muted);margin:0 0 8px;font-weight:600}
.xp-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.xp-chips li{border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:.8125rem;background:var(--bg)}
.xp-chips.ok li{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.xp-chips.warn li{border-color:color-mix(in srgb,var(--dune) 45%,var(--line))}
.xp-root{display:flex;align-items:center;gap:12px;justify-self:center;background:var(--accent);color:var(--bg);border-radius:999px;padding:8px 20px}
.xp-root b{font-size:1.5rem}
.xp-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}
.xp-branch{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:8px;padding:14px;background:var(--surface)}
.xp-branch.alt{border-top-color:var(--dune)}
.xp-tools{margin:0 0 10px;color:var(--muted);font-size:.8125rem}
.xp-core{background:var(--accent-soft);border-radius:8px;padding:12px 14px;margin:0;line-height:1.8}
.xp-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:620px){.xp-branches,.xp-two{grid-template-columns:1fr}}
.xp-stats{display:flex;gap:10px;flex-wrap:wrap}
.xp-stats div{flex:1 1 110px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:grid}
.xp-stats b{font-size:1.5rem;color:var(--accent);line-height:1.2}
.xp-stats span{font-size:var(--s1);color:var(--muted)}
.xp-dialog{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;align-items:center}
.xp-node{border:2px solid var(--ink);border-radius:50%;aspect-ratio:1;display:grid;place-items:center;text-align:center;padding:10px;font-weight:600;font-size:.875rem;max-width:150px;justify-self:center;width:100%}
.xp-node.ai{border-color:var(--accent);color:var(--accent)}
.xp-node small{font-weight:400;color:var(--muted)}
.xp-arrows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.xp-arrows li{font-size:.8125rem;text-align:center;border-bottom:1px dashed var(--muted);padding-bottom:4px;position:relative}
.xp-arrows li::after{content:"⇄";position:absolute;inset-inline-end:-4px;bottom:-9px;color:var(--muted);font-size:.75rem;background:var(--surface)}
@media (max-width:620px){.xp-dialog{grid-template-columns:1fr}.xp-node{max-width:120px}}
.xp-out{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.xp-swot{display:grid;grid-template-columns:repeat(2,34px);gap:3px}
.xp-swot i{font-style:normal;font-family:var(--f-mono);display:grid;place-items:center;height:34px;background:var(--accent-soft);color:var(--accent);font-weight:600;border-radius:3px}
.xp-out .xp-note{grid-column:1/-1}
.xp-note{margin:0;color:var(--muted);font-size:var(--s1)}
.xp-lead{margin:0}
.xp-stations{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.xp-stations li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding-block:8px;position:relative}
.xp-stations li::before{content:"";position:absolute;inset-inline-start:16px;top:0;bottom:0;width:2px;background:var(--line)}
.xp-stations li:first-child::before{top:50%}.xp-stations li:last-child::before{bottom:50%}
.xp-stations b{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--accent);color:var(--accent);font-family:var(--f-mono)}
.xp-stations li:last-child b{background:var(--accent);color:var(--bg)}
.xp-shift{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;text-align:center}
.xp-shift .from,.xp-shift .to{border-radius:8px;padding:10px 14px;font-weight:600;font-size:.875rem}
.xp-shift .from{background:var(--bg);border:1px solid var(--line);color:var(--muted)}
.xp-shift .to{background:var(--accent);color:var(--bg)}
.xp-shift .arr::after{font-size:1.25rem;color:var(--dune)}
.gapline{flex:0 1 120px;border-top:2px dashed var(--dune);color:var(--dune);font-size:.75rem;padding-top:4px}
.xp-people{display:grid;gap:8px;justify-items:center;text-align:center}
.dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.dots i,.legend i{display:inline-block;width:16px;height:16px;border-radius:50%}
.g1{background:var(--muted)}.g2{background:var(--dune)}.g3{background:var(--accent)}
.legend{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:var(--s1)}
.legend li{display:flex;align-items:center;gap:6px}
.legend i{width:10px;height:10px}
.xp-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.xp-themes div{border:1px solid var(--line);border-radius:8px;padding:10px;font-size:.8125rem;display:grid;gap:4px}
.xp-themes b{font-family:var(--f-mono);color:var(--dune)}
@media (max-width:620px){.xp-themes{grid-template-columns:1fr}}
.xp-people .dots i{width:16px;height:16px}
.xp-people .dots i.g1{background:var(--muted)}.xp-people .dots i.g2{background:var(--dune)}.xp-people .dots i.g3{background:var(--accent)}
.sharebar{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line)}
.sb{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:5px 11px;font:500 var(--s1) var(--f-body);text-decoration:none;cursor:pointer}
.sb:hover{border-color:var(--accent)}
.sb.pdf{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.share-wrap{margin-top:16px}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
@media (max-width:760px){.contact-grid{grid-template-columns:1fr}}
.ch{font-family:var(--f-body)!important;font-size:1rem;margin-bottom:12px}
.clist{margin:0;padding-inline-start:20px;display:grid;gap:8px;color:var(--muted)}
.channels{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.channels a{display:flex;justify-content:space-between;gap:12px;padding-block:14px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.channels a:hover b{color:var(--accent)}
.channels span{color:var(--muted);font-family:var(--f-mono);font-size:.8125rem}
.cform-wrap{margin-top:44px;padding-top:28px;border-top:1px solid var(--line);max-width:720px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 12px;width:100%}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.btn[disabled]{opacity:.6;cursor:wait}
.bar-end{display:flex;align-items:center;gap:16px}
.brand-en{font-family:var(--f-body);font-weight:600;font-size:.9375rem;color:var(--ink);text-decoration:none;white-space:nowrap;letter-spacing:.01em}
@media (max-width:640px){.brand-en{display:none!important}}

/* ---- formal refinements ---- */
header.top{border-bottom:0;box-shadow:0 1px 0 var(--line)}
header.top::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--dune) 50%,transparent);opacity:.55}
header.top{position:sticky}
nav.links a{position:relative;padding-block:4px}
nav.links a::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;background:var(--dune);transform:scaleX(0);transition:transform .25s}
nav.links a:hover::after,nav.links a[aria-current="page"]::after{transform:scaleX(1)}
.eyebrow{display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--dune)}
.sec-head h2{font-size:1.375rem}
/* lead research card: quiet geometric motif */
.rcard.lead{position:relative;overflow:hidden}
.rcard.lead::after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:min(38%,340px);pointer-events:none;opacity:.5;
  background:
   repeating-linear-gradient(45deg,transparent 0 17px,color-mix(in srgb,var(--accent) 14%,transparent) 17px 18px),
   repeating-linear-gradient(-45deg,transparent 0 17px,color-mix(in srgb,var(--accent) 14%,transparent) 17px 18px);
  -webkit-mask-image:linear-gradient(to left,#000,transparent);mask-image:linear-gradient(to left,#000,transparent)}
html[dir="rtl"] .rcard.lead::after{-webkit-mask-image:linear-gradient(to right,#000,transparent);mask-image:linear-gradient(to right,#000,transparent)}
.rcard.lead>*{position:relative;z-index:1}
/* gentle entrance from a visible resting state */
@media (prefers-reduced-motion:no-preference){
  main>section{animation:rise .6s ease both}
  main>section:nth-child(2){animation-delay:.06s}main>section:nth-child(3){animation-delay:.12s}
  @keyframes rise{from{transform:translateY(8px);opacity:.6}to{transform:none;opacity:1}}
  .pb-grid a{transition:transform .5s ease,filter .5s ease}
  .pb-grid a:hover{filter:brightness(1.06)}
}
/* footer */
.site-foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px 32px;align-items:start;padding-block:40px 28px;border-top:1px solid var(--line);margin-top:24px;font-size:.875rem;color:var(--muted)}
.sf-id{display:flex;gap:12px;align-items:center}
.sf-id b{display:block;color:var(--ink);font-weight:600}
.mono-mark{display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--ink);border-radius:50%;font-family:var(--f-mono);font-size:.8125rem;color:var(--ink);flex:none}
.sf-nav,.sf-links{display:flex;flex-direction:column;gap:6px}
.sf-nav a,.sf-links a{color:var(--muted);text-decoration:none}
.sf-nav a:hover,.sf-links a:hover{color:var(--accent)}
.sf-copy{grid-column:1/-1;margin:8px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:.75rem}
@media (max-width:700px){.site-foot{grid-template-columns:1fr 1fr}.sf-id{grid-column:1/-1}}

/* books band */
.more-link{color:var(--accent);text-decoration:none;font-size:.9375rem;font-weight:500}
.bkgrid{display:grid;gap:20px}
.bkcard{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;align-items:start;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}
.bkcard::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--bk)}
.bk-cover{aspect-ratio:2/3;border-radius:3px 10px 10px 3px;background:linear-gradient(135deg,color-mix(in srgb,var(--bk) 88%,#fff),var(--bk));color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;padding:18px 16px;box-shadow:inset 7px 0 0 rgba(0,0,0,.18),0 18px 30px -16px rgba(0,0,0,.45);transition:transform .3s}
html[dir="rtl"] .bk-cover{border-radius:10px 3px 3px 10px;box-shadow:inset -7px 0 0 rgba(0,0,0,.18),0 18px 30px -16px rgba(0,0,0,.45)}
.bkcard:hover .bk-cover{transform:translateY(-3px) rotate(-1deg)}
.bk-cover b{font-family:"Noto Naskh Arabic","IBM Plex Sans Arabic",serif;font-size:1.35rem;line-height:1.45;direction:rtl;text-align:right}
.bk-cover span{font-size:.75rem;opacity:.85;direction:rtl;text-align:right}
.bk-kind{font-size:var(--s1);color:var(--bk);font-weight:600}
.bkcard h3{font-size:1.375rem;margin:6px 0 4px}
.bkcard h3 a{color:var(--ink);text-decoration:none}
.bkcard h3 small{display:block;font-size:.95rem;color:var(--muted);font-weight:500;margin-top:2px}
.bk-sub{color:var(--dune);margin:0 0 10px;font-size:.9375rem}
.bk-desc{color:var(--muted);margin:0 0 16px;font-size:.9375rem;line-height:1.8;max-width:70ch}
.bk-facts{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:18px;padding-block:12px;border-block:1px solid var(--line)}
.bk-facts span{display:flex;align-items:baseline;gap:6px;font-size:var(--s1);color:var(--muted)}
.bk-facts b{font-size:1.25rem;color:var(--bk)}
.bk-actions{display:flex;gap:10px;flex-wrap:wrap}
.bkcard .btn.solid{background:var(--bk);border-color:var(--bk)}
.bkcard .btn.ghost{color:var(--bk);border-color:var(--bk)}
@media (max-width:700px){.bkcard{grid-template-columns:1fr;gap:18px;padding:22px}.bk-cover{max-width:150px}}

.contact-grid.one{grid-template-columns:minmax(0,560px)}
/* mobile: never let long titles, DOIs or URLs widen the layout */
.story-meta,.story-meta>*{min-width:0}.facts dd,.facts a,.rtitle,.story-meta h1,.story-meta h3{overflow-wrap:anywhere}
@media (max-width:600px){.facts{grid-template-columns:minmax(0,1fr);gap:2px 0}.facts dd{margin-bottom:8px}}
html[dir="rtl"] .facts dd{text-align:right}

/* ===== Apple-inspired layer: calm white/gray surfaces, large type, pill actions, full-bleed bands ===== */
:root{
  --bg:#FFFFFF; --alt:#F5F5F7; --surface:#FFFFFF; --ink:#1D1D1F; --muted:#6E6E73; --line:#D2D2D7;
  --accent:#0066CC; --accent-soft:#E8F1FB; --dune:#B64400; --btn:#0071E3;
  --f-en:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif;
  --f-ar:-apple-system,BlinkMacSystemFont,"SF Arabic","IBM Plex Sans Arabic",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#000; --alt:#161617; --surface:#1D1D1F; --ink:#F5F5F7; --muted:#A1A1A6; --line:#424245;
  --accent:#2997FF; --accent-soft:#0B2A4A; --dune:#FF9F0A; --btn:#0071E3}}
:root[data-theme="dark"]{--bg:#000; --alt:#161617; --surface:#1D1D1F; --ink:#F5F5F7; --muted:#A1A1A6; --line:#424245; --accent:#2997FF; --accent-soft:#0B2A4A; --dune:#FF9F0A}

html[lang="ar"] body{font-family:var(--f-ar)}
html[lang="en"] body{font-family:var(--f-en);letter-spacing:-.011em}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{font-family:var(--f-en);letter-spacing:-.022em}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-family:var(--f-ar)}
body{-webkit-font-smoothing:antialiased;line-height:1.6}
.eyebrow{color:var(--dune);font-weight:600;letter-spacing:0!important;text-transform:none!important;font-size:.9375rem}

/* full-bleed backgrounds without changing the column */
section{border-top:0!important;padding-block:88px}
section.alt,.pband2{position:relative}
section.alt{background:var(--alt);box-shadow:0 0 0 100vmax var(--alt);clip-path:inset(0 -100vmax)}

/* section heads: centered, large */
.sec-head{flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:48px}
.sec-head>div{display:flex;flex-direction:column;align-items:center}
.sec-head h2{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:600;line-height:1.1;margin-top:6px}
.sec-head .filters{justify-content:center}
.more-link,.go,.more,.pb2-go{color:var(--accent);text-decoration:none;font-weight:400}
.more-link:hover,.go:hover{text-decoration:underline}

/* global nav: thin, translucent */
header.top{background:color-mix(in srgb,var(--bg) 78%,transparent)!important;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 70%,transparent)!important}
header.top::after{display:none}
.bar{padding-block:10px;min-height:48px}
.brand,.brand-en{font-size:.9375rem!important;font-weight:600}
nav.links{gap:28px}
nav.links a{font-size:.8125rem;color:var(--ink);opacity:.8}
nav.links a:hover,nav.links a[aria-current]{opacity:1}
nav.links a[aria-current]{font-weight:600}
.lang{background:transparent!important;border:0!important;color:var(--accent)!important;padding:6px 4px!important;font-size:.8125rem!important}
.menu-btn{display:none;background:none;border:0;width:36px;height:36px;position:relative;cursor:pointer;color:var(--ink)}
.menu-btn i{position:absolute;inset-inline:9px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .25s,top .25s}
.menu-btn i:first-child{top:14px}.menu-btn i:last-child{top:21px}
header.top.open .menu-btn i:first-child{top:17.5px;transform:rotate(45deg)}
header.top.open .menu-btn i:last-child{top:17.5px;transform:rotate(-45deg)}
@media (max-width:960px){
  .menu-btn{display:block}
  nav.links.mobile{display:none!important}
  header.top.open nav.links.mobile{display:flex!important;flex-direction:column;gap:0;padding:8px 0 28px;overflow:visible;white-space:normal}
  header.top.open nav.links.mobile a{font-size:1.5rem;font-weight:600;opacity:1;padding:10px 0;color:var(--ink)}
  header.top.open{min-height:100dvh}
  .bar-end{gap:6px}
}

/* buttons: pills */
.btn{border-radius:980px!important;padding:10px 22px!important;font-size:.9375rem!important;font-weight:400!important}
.btn.solid{background:var(--btn)!important;border-color:var(--btn)!important;color:#fff!important}
.btn.ghost{border-color:var(--btn)!important;color:var(--accent)!important}
.chev{display:inline-block;width:.45em;height:.45em;border-top:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;transform:rotate(45deg);margin-inline-start:4px;vertical-align:.08em}
html[dir="rtl"] .chev{transform:rotate(-45deg)}

/* hero */
.hero2{text-align:center;padding:96px 0 72px}
.hero2 h1{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;line-height:1.05;letter-spacing:-.03em}
html[lang="ar"] .hero2 h1{letter-spacing:0;line-height:1.25}
.h2-role{color:var(--dune);font-weight:600;font-size:clamp(.9375rem,1.6vw,1.125rem);margin:0 0 14px}
.h2-line{color:var(--muted);font-size:clamp(1.0625rem,2.2vw,1.5rem);line-height:1.4;max-width:34em;margin:18px auto 0;text-wrap:balance}
.h2-cta{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin:28px 0 0;font-size:1.0625rem}
.h2-cta a{color:var(--accent);text-decoration:none}
.h2-cta a:hover{text-decoration:underline}

/* research tiles */
.rgrid{gap:20px!important}
.rcard{background:var(--surface)!important;border:0!important;border-radius:18px!important;padding:36px 34px!important;box-shadow:none!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.rcard:hover{transform:translateY(-3px) scale(1.005);box-shadow:0 12px 34px rgba(0,0,0,.08)!important}
.rcard.lead{background:var(--surface)!important;padding:56px 48px!important;text-align:center;align-items:center}
.rcard.lead::after{display:none}
.rcard.lead h3{font-size:clamp(1.5rem,3.2vw,2.25rem)!important;line-height:1.15;max-width:22em;margin-inline:auto}
.rcard.lead .teaser{max-width:44em;margin-inline:auto;font-size:1.0625rem}
.rcard h3{font-size:1.3125rem!important;line-height:1.25}
.rcard .rk{color:var(--dune)!important;background:none!important;padding:0!important;font-weight:600}
.rcard .rj{color:var(--muted)!important}
.rcard .go{color:var(--accent)!important}

/* books: Apple two-up tiles */
#books .bkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#books .bkcard{display:flex!important;flex-direction:column-reverse;align-items:center;text-align:center;background:var(--alt)!important;border:0!important;border-radius:18px;padding:48px 32px 0!important;overflow:hidden;box-shadow:none!important;gap:28px}
#books .bkcard::before,#books .bkcard::after{display:none!important}
#books .bk-body{display:flex;flex-direction:column;align-items:center}
#books .bk-body h3{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.15}
#books .bk-body h3 small{display:block;font-size:.55em;color:var(--muted);font-weight:500;margin-top:6px}
#books .bk-sub{color:var(--ink)!important;font-size:1.0625rem;margin-top:8px}
#books .bk-desc{color:var(--muted);max-width:30em}
#books .bk-kind{color:var(--dune);font-weight:600}
#books .bk-facts{justify-content:center}
#books .bk-actions{justify-content:center}
#books .bk-cover{width:190px!important;aspect-ratio:3/4.2;margin-bottom:-24px;border-radius:6px 6px 0 0;box-shadow:0 18px 40px rgba(0,0,0,.18);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
#books .bkcard:hover .bk-cover{transform:translateY(-8px)}
@media (max-width:860px){#books .bkgrid{grid-template-columns:minmax(0,1fr)}}

/* photography: immersive band */
.pband2{padding-block:0 88px}
.pb2-hero{display:block;position:relative;height:min(78vh,720px);border-radius:18px;background-size:cover;background-position:center;overflow:hidden;text-decoration:none}
.pb2-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 38%)}
.pb2-text{position:absolute;inset-inline:0;top:52px;text-align:center;color:#fff;display:flex;flex-direction:column;gap:8px;align-items:center;padding-inline:20px}
.pb2-text .eyebrow{color:#fff!important;opacity:.85}
.pb2-text b{font-size:clamp(1.75rem,4.5vw,3rem);font-weight:600;line-height:1.1;letter-spacing:-.02em}
.pb2-go{color:#fff!important;font-size:1.0625rem}
.pb2-hero:hover .pb2-go{text-decoration:underline}
.pb2-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.pb2-row a{display:block;aspect-ratio:4/3;border-radius:18px;background-size:cover;background-position:center;transition:opacity .3s}
.pb2-row a:hover{opacity:.9}
@media (max-width:640px){.pb2-hero{height:62vh}.pb2-row{gap:10px;margin-top:10px}.pb2-row a,.pb2-hero{border-radius:12px}}

/* updates */
#updates .feed{background:var(--surface);border-radius:18px;padding:12px 36px;border-top:0!important}
#updates .entry:last-child{border-bottom:0}
@media (max-width:640px){#updates .feed{padding:4px 20px}}

/* publications stat */
.index-links.one{padding-block:88px}
.index-links.one .tile{border:0!important;background:none!important;flex-direction:column;text-align:center;align-items:center;gap:6px}
.index-links.one .tile .num{font-family:var(--f-en)!important;font-size:clamp(3rem,8vw,5rem)!important;font-weight:700;color:var(--ink)!important;line-height:1}
.index-links.one .tile .go{color:var(--accent)}

/* research areas */
.areas{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;border-top:0!important}
.area{background:var(--alt);border:0!important;border-radius:18px;padding:28px!important}
@media (max-width:860px){.areas{grid-template-columns:minmax(0,1fr)!important}}
.ab-line{color:var(--dune);font-weight:600}

/* cards elsewhere */
.story{border:0!important;border-radius:18px!important;background:var(--alt)!important}
.story-meta{border-color:var(--line)!important}

/* footer */
.site-foot{background:var(--alt);box-shadow:0 0 0 100vmax var(--alt);clip-path:inset(0 -100vmax);border-top:0!important;font-size:.75rem;color:var(--muted)}
.site-foot a{color:var(--muted)!important}
.site-foot a:hover{color:var(--ink)!important}
.sec-head .eyebrow::before,.sec-head .eyebrow::after{display:none!important}
.sec-head>div.filters{flex-direction:row;flex-wrap:wrap}
.rcard.lead h3,.rcard.lead p{text-align:center!important}
#books .bkcard{padding-bottom:0!important}
#books .bk-cover{margin-bottom:0!important}
#books .bk-cover.en{direction:ltr;text-align:left}
.hp{position:absolute!important;left:auto!important;right:auto!important;width:1px!important;height:1px!important;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.eyebrow::before,.eyebrow::after{display:none!important}
.ph-banner{height:min(62vh,560px);border-radius:18px;background-size:cover;background-position:center 40%;margin-bottom:56px}@media(max-width:640px){.ph-banner{height:44vh;border-radius:12px;margin-bottom:32px}}
.photo-sec{background:#000!important;box-shadow:0 0 0 100vmax #000;clip-path:inset(0 -100vmax);margin-inline:0!important;padding-inline:0!important}.photo-sec .sec-head h2{color:#F5F5F7}.photo-sec .eyebrow{color:#A1A1A6!important}.photo-sec .ph-banner{margin-top:8px}
.page-banner{margin:32px 0 0;height:min(48vh,440px)}
@media (max-width:640px){.page-banner{height:34vh}}
.pb2-text{inset-inline:auto!important;left:56px!important;right:auto!important;top:56px!important;align-items:flex-start!important;text-align:left;max-width:min(46%,520px)}
html[dir="rtl"] .pb2-text{align-items:flex-start!important;text-align:right}
.pb2-hero::before{background:linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 55%)!important}
@media (max-width:640px){.pb2-text{left:20px!important;top:24px!important;max-width:70%}.pb2-hero{background-position:70% center}}
#books .bk-cover.en{align-items:flex-start!important}#books .bk-cover.en b{text-align:left}
/* calmer type scale: the work leads, not the name */
.hero2{padding:72px 0 56px}
.hero2 h1{font-size:clamp(1.75rem,3.4vw,2.375rem)!important;font-weight:600!important;letter-spacing:-.015em!important}
html[lang="ar"] .hero2 h1{letter-spacing:0!important}
.h2-role{font-size:.9375rem!important}
.h2-line{font-size:clamp(1rem,1.7vw,1.1875rem)!important}
.h2-cta{font-size:1rem!important}
.sec-head h2{font-size:clamp(1.5rem,2.8vw,2.125rem)!important}
.rcard.lead h3{font-size:clamp(1.375rem,2.4vw,1.875rem)!important}
#books .bk-body h3{font-size:clamp(1.375rem,2.2vw,1.75rem)!important}

/* photo carousel: large centred slide, neighbours peeking, auto-advance */
.pband2{padding-block:16px 88px}
.cr{position:relative;width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;padding-bottom:4px}
.cr-track{display:flex;gap:16px;will-change:transform;touch-action:pan-y}
.cr-slide{flex:0 0 auto;width:min(980px,82vw);aspect-ratio:3/2;border:0;padding:0;border-radius:18px;background:#111 center/cover no-repeat;cursor:zoom-in;opacity:.55;transition:opacity .9s;-webkit-user-drag:none;user-select:none}
.cr-slide.on{opacity:1}
.cr-ui{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:20px}
.cr-dots{display:flex;gap:8px;background:color-mix(in srgb,var(--alt) 92%,transparent);padding:10px 14px;border-radius:999px}
.cr-dots button{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:var(--muted);opacity:.45;cursor:pointer;transition:width .4s,opacity .4s}
.cr-dots button.on{width:28px;opacity:.9}
.cr-play{width:36px;height:36px;border-radius:50%;border:0;background:color-mix(in srgb,var(--alt) 92%,transparent);cursor:pointer;position:relative}
.cr-play::before,.cr-play::after{content:"";position:absolute;top:12px;width:3px;height:12px;background:var(--ink);border-radius:1px}
.cr-play::before{left:13px}.cr-play::after{left:20px}
.cr-play.paused::before{left:14px;width:0;height:0;background:none;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--ink)}
.cr-play.paused::after{display:none}
.cr-credit{text-align:center;color:var(--muted);font-size:.8125rem;margin:14px 0 0}
.cr-credit a{color:var(--accent);text-decoration:none}
@media (max-width:640px){.cr-slide{width:88vw;border-radius:12px}.cr-track{gap:10px}}
.photo-sec .cr-dots,.photo-sec .cr-play{background:#1d1d1f}
.photo-sec .cr-dots button{background:#f5f5f7}
.photo-sec .cr-play::before,.photo-sec .cr-play::after{background:#f5f5f7}
.photo-sec .cr-play.paused::before{background:none;border-color:transparent transparent transparent #f5f5f7}
.photo-sec .cr-credit{color:#a1a1a6}
.photo-sec #gallery{margin-top:64px}
.lb-cr{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.55);font:12px/1 -apple-system,"Inter",sans-serif;letter-spacing:.04em}
html,body{overflow-x:clip}@media (max-width:640px){.cr-dots{gap:5px;padding:8px 10px}.cr-dots button{width:6px;height:6px}.cr-dots button.on{width:18px}}
/* main row: cinematic; second row: smaller frames at natural proportions */
.cr-slide{aspect-ratio:2/1}
@media (max-width:640px){.cr-slide{aspect-ratio:4/3}}
.strip{width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;margin-top:16px}
.st-track{display:flex;gap:16px;width:max-content;animation:stDrift 80s linear infinite}
.strip:hover .st-track{animation-play-state:paused}
.st-item{flex:0 0 auto;height:220px;border:0;padding:0;border-radius:14px;overflow:hidden;background:#111;cursor:zoom-in}
.st-item img{height:100%;width:auto;display:block;transition:transform .5s}
.st-item:hover img{transform:scale(1.04)}
@keyframes stDrift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (max-width:640px){.st-item{height:130px;border-radius:10px}.st-track{gap:10px}.strip{margin-top:10px}}
@media (prefers-reduced-motion:reduce){.st-track{animation:none}.strip{overflow-x:auto}}
.cr-ui{margin-top:18px}
/* no counter between the rows; a small pause control sits quietly with the credit line */
.cr-credit{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:18px}
.cr-credit .cr-play{width:24px;height:24px;flex:0 0 auto;margin-inline-end:6px;background:transparent;opacity:.6;transition:opacity .2s}
.cr-credit .cr-play:hover,.cr-credit .cr-play:focus-visible{opacity:1}
.cr-credit .cr-play::before,.cr-credit .cr-play::after{top:7px;width:2px;height:10px;background:currentColor}
.cr-credit .cr-play::before{left:8px}.cr-credit .cr-play::after{left:13px}
.cr-credit .cr-play.paused::before{left:9px;width:0;height:0;background:none;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}
.photo-sec .cr-credit .cr-play{background:transparent;color:#a1a1a6}
.photo-sec .cr-credit .cr-play::before,.photo-sec .cr-credit .cr-play::after{background:currentColor}
.photo-sec .cr-credit .cr-play.paused::before{background:none;border-color:transparent transparent transparent currentColor}
.cr-credit .cr-play{color:var(--muted)}
/* home photo band: black stage like the gallery */
.pband2{background:#000;box-shadow:0 0 0 100vmax #000;clip-path:inset(0 -100vmax);padding-block:56px 48px}
.pband2 .cr-credit,.pband2 .cr-credit .cr-play{color:#a1a1a6}
.pband2 .cr-credit a{color:#2997ff}
@media (max-width:640px){.pband2{padding-block:32px 32px}}
/* journal quartile badge */
.qb{display:inline-block;font:600 11px/1 -apple-system,"Inter",sans-serif;letter-spacing:.02em;color:#fff;background:#1d1d1f;border-radius:5px;padding:3px 6px;margin-inline-start:8px;vertical-align:.1em}
:root[data-theme="dark"] .qb{background:#f5f5f7;color:#1d1d1f}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .qb{background:#f5f5f7;color:#1d1d1f}}
.rcard .rj{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.rcard.lead .rj{justify-content:center}
.qnote{color:var(--muted);font-size:.8125rem}
.all-pubs{text-align:center;margin-top:36px}.all-pubs a{color:var(--accent);text-decoration:none}
.rcard .tr.en{color:var(--muted)}
/* feature article: the best of each study, for the general reader */
.ft-jump{text-align:center;margin:28px 0 0}.ft-jump a{color:var(--accent);text-decoration:none;font-size:1.0625rem}
.feat{background:var(--bg);padding-block:72px 96px}
.ft-in{max-width:760px;margin:0 auto}
.ft-kick{color:var(--dune);font-weight:600;font-size:.9375rem;margin:0 0 10px;text-align:center}
.ft-q{font-size:clamp(1.625rem,3.4vw,2.375rem)!important;line-height:1.2;text-align:center;margin:0 auto 22px;max-width:20em;text-wrap:balance}
.ft-lede{font-size:clamp(1.125rem,2vw,1.3125rem);line-height:1.65;color:var(--ink);margin:0 0 40px}
.ft-in>p{font-size:1.0625rem;line-height:1.8}
.ft-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 48px}
.ft-stats div{background:var(--alt);border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;gap:6px}
.ft-stats b{font-size:clamp(1.75rem,3.6vw,2.5rem);line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.ft-stats span{color:var(--muted);font-size:.9375rem;line-height:1.45}
.ft-h{font-size:clamp(1.25rem,2.4vw,1.625rem)!important;margin:56px 0 16px!important}
.ft-fig{margin:40px calc(50% - min(50vw,560px) + 20px) 8px;background:var(--alt);border-radius:22px;padding:clamp(18px,4vw,40px)}
.ft-fig svg{width:100%;height:auto;display:block}
.ft-fig figcaption{color:var(--muted);font-size:.875rem;text-align:center;margin-top:14px}
.ft-themes{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.ft-themes>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;background:var(--alt);border-radius:18px;padding:24px}
.ft-n{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:700;font-size:1.0625rem}
.ft-themes h4{margin:6px 0 8px;font-size:1.1875rem;line-height:1.35}
.ft-themes p{margin:0;color:var(--muted);line-height:1.75}
.ft-themes ul{margin:12px 0 0;padding-inline-start:20px;display:grid;gap:4px}
.ft-themes ul li{line-height:1.6}
.ft-quote{margin:18px 0 0;padding:18px 22px;border-inline-start:3px solid var(--dune);background:var(--bg);border-radius:0 12px 12px 0}
html[dir="rtl"] .ft-quote{border-radius:12px 0 0 12px}
.ft-quote p{font-size:1.125rem;line-height:1.7;color:var(--ink)!important;margin:0}
.ft-quote p::before{content:"«"}.ft-quote p::after{content:"»"}
html[lang="en"] .ft-quote p::before{content:"“"}html[lang="en"] .ft-quote p::after{content:"”"}
.ft-quote cite{display:block;font-style:normal;color:var(--muted);font-size:.8125rem;margin-top:8px}
.ft-take{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ft-take li{position:relative;padding-inline-start:36px;font-size:1.0625rem;line-height:1.7}
.ft-take li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:20px;height:20px;border-radius:50%;background:var(--accent);mask:radial-gradient(circle,#000 60%,transparent 62%)}
.ft-take li::after{content:"";position:absolute;inset-inline-start:6px;top:calc(.45em + 5px);width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.ft-close{margin-top:48px!important;font-size:1.25rem!important;line-height:1.6!important;text-align:center;color:var(--ink)}
.ft-src{text-align:center;color:var(--muted);font-size:.8125rem!important;margin-top:40px}
@media (max-width:640px){.ft-themes>li{grid-template-columns:1fr;padding:20px}.ft-fig{margin-inline:-4px}}
/* svg figure tokens */
.fg-ink{fill:var(--ink)}.fg-mut{fill:var(--muted)}.fg-bg{fill:var(--bg)}.fg-acc{fill:var(--accent)}.fg-dune{fill:var(--dune)}
.fg-sk{stroke:var(--line);fill:none}.fg-ska{stroke:var(--accent);fill:none}.fg-skd{stroke:var(--dune);fill:none}
.ft-fig text{font-family:inherit}
.ft-paper{background:#fff!important}
.ft-paper img{width:100%;height:auto;display:block;border-radius:10px;cursor:zoom-in}
:root[data-theme="dark"] .ft-paper{background:#f5f5f7!important}
/* ribbons: the photographs' colours, braided */
.hero2{position:relative}
.rb-band{width:100vw;margin-inline:calc(50% - 50vw);margin-top:40px;height:clamp(120px,15vw,220px);overflow:hidden;pointer-events:none}
.ribbons{display:block;width:100%;height:100%}
.ribbons .rb{transform-box:fill-box;transform-origin:center;animation:rbSway 14s ease-in-out infinite alternate}
.ribbons .rb1{animation-duration:17s;animation-delay:-4s}.ribbons .rb2{animation-duration:12s;animation-delay:-7s}
.ribbons .rb3{animation-duration:19s;animation-delay:-2s}.ribbons .rb4{animation-duration:15s;animation-delay:-9s}
@keyframes rbSway{from{transform:translateY(-5%) scaleY(.94)}to{transform:translateY(5%) scaleY(1.06)}}
.ribbons-foot{height:clamp(44px,6vw,84px);width:100vw;margin-inline:calc(50% - 50vw);margin-top:56px;pointer-events:none}
@media (max-width:640px){.rb-band{margin-top:28px}}
@media (prefers-reduced-motion:reduce){.ribbons .rb{animation:none}}
.ribbons .rb{mix-blend-mode:normal}
.hero2{padding-bottom:24px}
.rb-band{height:clamp(130px,17vw,250px);margin-top:28px}
.pband2{padding-block:112px 104px}
@media (max-width:640px){.pband2{padding-block:64px 64px}}
/* a few threads fall from the top, pass faintly behind the name, and gather into the ribbons */
.hero2>*{position:relative;z-index:1}
.hero2>.rb-fall{position:absolute;z-index:0;top:0;height:100%;width:100vw;left:50%;transform:translateX(-50%);pointer-events:none}
@keyframes rbDrift{from{transform:translateX(-1.6%) skewX(-1.2deg)}to{transform:translateX(1.6%) skewX(1.2deg)}}
@media (prefers-reduced-motion:reduce){.rb-fall path{animation:none}}
@media (max-width:640px){.hero2>.rb-fall{opacity:.7}}
/* identity mark under section titles */
.rb-mark{width:min(360px,72%);margin:20px auto 8px;pointer-events:none}
.rb-mark.start{margin-inline:0;margin-block:6px 22px;width:min(300px,80%)}
.rb-mark svg{display:block;width:100%;height:auto;overflow:visible}
.rb-mark .rb{transform-box:fill-box;transform-origin:center;animation:rbSway 14s ease-in-out infinite alternate}
.rb-mark .rb1{animation-duration:17s;animation-delay:-4s}.rb-mark .rb2{animation-duration:12s;animation-delay:-7s}.rb-mark .rb3{animation-duration:19s;animation-delay:-2s}
@keyframes rbSway{from{transform:translateY(-5%) scaleY(.94)}to{transform:translateY(5%) scaleY(1.06)}}
@media (prefers-reduced-motion:reduce){.rb-mark .rb{animation:none}}
/* ribbons as the theme switch */
.rb-switch{pointer-events:auto!important;cursor:default;-webkit-tap-highlight-color:transparent;outline:none}
.rb-switch:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:12px}
.rb-switch svg{transition:filter .4s}
html{transition:background-color .5s}
body,header.top,section.alt,footer.site-foot{transition:background-color .5s,color .5s,box-shadow .5s}
/* header: full-width translucent bar; turns dark over the black photo stage */
header.top{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:0!important}
header.top::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 70%,transparent);transition:background-color .4s,box-shadow .4s}
header.top.on-dark::before{background:rgba(0,0,0,.72);box-shadow:0 1px 0 rgba(255,255,255,.08)}
header.top.on-dark .brand,header.top.on-dark .brand-en,header.top.on-dark nav.links a{color:#f5f5f7!important}
header.top.on-dark nav.links a:not([aria-current]){opacity:.78}
header.top.on-dark .menu-btn i{background:#f5f5f7}
header.top.on-dark .lang{color:#2997ff!important}
header.top .brand,header.top nav.links a{transition:color .4s}
@media (max-width:860px){header.top.open{position:fixed;top:0;left:0;right:0;height:100dvh;overflow-y:auto;margin:0;padding-inline:20px}
  header.top.open::before{background:var(--bg);left:0;width:100%}}
/* keep content clear of the notch / Dynamic Island in landscape */
body{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
header.top{margin-inline:0!important;padding-inline:0!important}
@media (max-width:860px){header.top.open{padding-left:max(20px,env(safe-area-inset-left))!important;padding-right:max(20px,env(safe-area-inset-right))!important}}
/* home research: first cards, then a fade and a quiet "more" control */
.rj-ar{font-size:.875rem;color:var(--muted)}
.rfold:not(.open)>.rcard:nth-child(n+7){display:none}
.rfold:not(.open)>.rcard:nth-child(6){max-height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none}
@media (min-width:821px){.rfold:not(.open)>.rcard:nth-child(6),.rfold:not(.open)>.rcard:nth-child(7){display:block;max-height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none}}
.rmore{display:flex;justify-content:center;margin-top:8px}
.rfold:not(.open)+.rmore{margin-top:-56px;position:relative}
.rmore button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:99px;padding:10px 22px;font:500 .9375rem/1.2 inherit;cursor:pointer;transition:background .2s,border-color .2s}
.rmore button:hover{border-color:var(--ink)}
.rmore .chev{transform:rotate(135deg);transition:transform .3s;vertical-align:.2em}
html[dir="rtl"] .rmore .chev{transform:rotate(-135deg)}
.rmore button[aria-expanded="true"] .chev{transform:rotate(-45deg);vertical-align:-.05em}
html[dir="rtl"] .rmore button[aria-expanded="true"] .chev{transform:rotate(45deg)}
.rmore .m-close{display:none}.rmore button[aria-expanded="true"] .m-close{display:inline}.rmore button[aria-expanded="true"] .m-open{display:none}
.rfold.open>.rcard{animation:rcIn .5s ease both}
@keyframes rcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rfold.open+.rmore{margin-top:36px}
.cv>li>.mono{direction:ltr;unicode-bidi:isolate}
.sf-copy{text-align:center}
.site-foot .pv{margin-top:-8px}
.areas .area-lead{grid-column:1/-1}.areas .area-lead h3{font-size:1.375rem}

#books .bkfold:not(.open)>.bkcard:nth-child(n+4){display:none!important}
#books .bkfold:not(.open)>.bkcard:nth-child(3){max-height:170px;justify-content:flex-end!important;overflow:hidden;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none}
@media (min-width:861px){#books .bkfold:not(.open)>.bkcard:nth-child(4){display:flex!important;justify-content:flex-end!important;max-height:170px;overflow:hidden;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none}}
#books .bkfold:not(.open)+.rmore{margin-top:-56px;position:relative}
#books .bk-cover.en b{font-size:1.2rem;hyphens:none;overflow-wrap:normal}
#books .bk-cover.bk-img{padding:0!important;background:none!important;overflow:hidden}#books .bk-cover.bk-img img{display:block;width:100%;height:100%;object-fit:cover}
.bkfold.open>.bkcard{animation:rcIn .5s ease both}
#books .bkfold.open+.rmore{margin-top:28px}
.h2-alt{color:var(--muted);font-size:clamp(.9375rem,1.5vw,1.0625rem);font-weight:500;margin:8px 0 0}
#updates .entry.fx{display:none}
#updates .entry.lastv{border-bottom:0}
#updates .entry.fpeek{display:grid;max-height:120px;overflow:hidden;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none;border-bottom:0}
#updates .feed:not(.open)+.rmore{margin-top:-60px;position:relative}
#updates .feed.open+.rmore{margin-top:24px}
#updates .feed.open>.entry{animation:rcIn .5s ease both}
.rmore[hidden]{display:none!important}
@media (min-width:961px) and (max-width:1140px){nav.links{gap:16px!important}}
/* article blocks: each study gets the visual that suits it */
.bk{margin:40px 0;background:var(--alt);border-radius:20px;padding:clamp(20px,4vw,32px)}
.bk .ft-h{margin:0 0 20px!important}
.bk-note{color:var(--muted);font-size:.875rem!important;margin:16px 0 0!important}
.bk-bars ul,.bk-gauges ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.bk-bars li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) 3.6em;gap:12px;align-items:center}
.bk-l{font-size:.9375rem;line-height:1.4}
.bk-bar{height:14px;background:var(--bg);border-radius:99px;overflow:hidden}
.bk-bar i,.bk-gauge i{display:block;height:100%;width:0;background:var(--accent);border-radius:99px;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.bk.in .bk-bar i,.bk.in .bk-gauge i{width:var(--w)}
.bk-bars b{font-variant-numeric:tabular-nums;font-size:.9375rem;text-align:end}
.bk-sbar{display:flex;height:24px;border-radius:99px;overflow:hidden;background:var(--bg)}
.bk-sbar i{display:block;height:100%;width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.bk.in .bk-sbar i{width:var(--w)}
.bk-leg{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.9375rem}
.bk-leg span{display:inline-block;width:11px;height:11px;border-radius:3px;margin-inline-end:7px;vertical-align:-.05em}
.bk-gauges li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:14px;align-items:center;padding-top:6px}
.bk-gauge{position:relative;height:10px;background:var(--bg);border-radius:99px}
.bk-gauge i{background:var(--accent)}
.bk-gauge em{position:absolute;top:-22px;inset-inline-start:calc(var(--w) - 1.4em);font-style:normal;font-weight:700;font-size:.875rem;opacity:0;transition:opacity .4s .9s}
.bk.in .bk-gauge em{opacity:1}
.bk-st{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.bk-st button{flex:0 0 auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:99px;padding:6px 14px 6px 6px;font:500 .875rem/1.2 inherit;cursor:pointer}
html[dir="rtl"] .bk-st button{padding:6px 6px 6px 14px}
.bk-st button span{width:26px;height:26px;border-radius:50%;background:var(--alt);display:grid;place-items:center;font-weight:700;font-size:.8125rem}
.bk-st button[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.bk-st button[aria-selected="true"] span{background:var(--accent);color:#fff}
.bk-sp{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;margin-top:20px;align-items:start;min-height:7em}
.bk-sp>b{font-size:2.75rem;line-height:1;color:var(--accent);font-weight:700}
.bk-sp p{margin:0!important;line-height:1.75}
.bk-bal{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bk-side{background:var(--bg);border-radius:16px;padding:20px}
.bk-side h4{margin:0 0 12px;font-size:1.0625rem}
.bk-side.pos h4{color:var(--accent)}.bk-side.neg h4{color:var(--dune)}
.bk-side ul{margin:0;padding-inline-start:18px;display:grid;gap:6px;line-height:1.55}
@media (max-width:640px){.bk-bars li{grid-template-columns:1fr 3.4em}.bk-bars .bk-l{grid-column:1/-1}.bk-gauges li{grid-template-columns:1fr}.bk-bal{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.bk-bar i,.bk-gauge i,.bk-sbar i{transition:none}}
.bk-st button,.bk-leg li{white-space:nowrap}
.bk-st button>span:not(:first-child){display:inline}
.bk-st button span.ar,.bk-st button span.en{width:auto;height:auto;background:none;border-radius:0;display:inline;font-weight:500;font-size:.875rem}
html[lang="ar"] .bk-st button span.en,html[lang="en"] .bk-st button span.ar{display:none!important}
/* reader notes */
.nt-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;margin:0 0 40px}
.nt{margin:0;background:var(--bg);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px}
.nt blockquote{margin:0;font-size:1.0625rem;line-height:1.7}
.nt figcaption{display:flex;flex-direction:column;font-size:.875rem;color:var(--muted)}
.nt figcaption b{color:var(--ink)}
.nt-reply{border-top:1px solid var(--line);padding-top:12px;font-size:.9375rem}
.nt-reply b{color:var(--accent);font-size:.8125rem}
.nt-reply p{margin:4px 0 0}
.nform .consent{display:flex;gap:10px;align-items:flex-start;font-size:.875rem;color:var(--muted);line-height:1.5}
.nform .consent input{margin-top:3px;width:auto}
.rcomments .sec-head p,#guestbook .sec-head p{max-width:40em;margin-inline:auto}
/* home: the games band */
.gband{background:#1f2a5c;box-shadow:0 0 0 100vmax #1f2a5c;clip-path:inset(0 -100vmax);color:#f4ead8;padding-block:56px;position:relative}
.gband:before{content:"";position:absolute;inset:0 -100vmax;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 12l5 13 13 5-13 5-5 13-5-13-13-5 13-5z' fill='none' stroke='%23ffffff' stroke-opacity='.07'/%3E%3C/svg%3E");pointer-events:none}
.gb-in{position:relative;display:flex;gap:32px;align-items:center;max-width:980px;margin:0 auto}
.gb-mark .md-mark{width:132px;height:132px;display:block}
.gb-eye{margin:0;color:#e0a458;font-weight:600;font-size:.9375rem}
.gband h2{margin:6px 0 10px;color:#fff;font-size:clamp(1.5rem,3vw,2.1rem)}
.gb-txt>p:not(.gb-eye){margin:0;line-height:1.8;color:#d9dcea;max-width:620px}
.gb-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.gband .gb-act .btn.solid{background:#e0a458!important;color:#1f2a5c!important;border-color:#e0a458!important}.gband .gb-act .btn.ghost{color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;background:transparent!important}
@media (max-width:700px){.gb-in{flex-direction:column;align-items:flex-start;gap:16px}.gb-mark .md-mark{width:72px;height:72px}}
.pv{display:flex;justify-content:center;gap:4px;margin:14px auto 4px;grid-column:1/-1;width:100%}
.bp-fin>p{text-align:center;width:100%}
.pv[hidden]{display:none}
.pv-d{display:inline-block;width:1.25em;height:1.7em;overflow:hidden;border-radius:6px;background:var(--bg,#fff);box-shadow:inset 0 0 0 1px var(--line,#d2d2d7);font:500 13px/1.7em "SF Mono",ui-monospace,Menlo,monospace;text-align:center;color:var(--ink,#1d1d1f)}
.pv-s{display:block;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){.pv-s{transition:none}}
/* interactive book tools */
.tl-head{max-width:760px;margin:0 auto 18px;text-align:center}
.tl-head h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;margin:6px 0 8px;line-height:1.2}
.tl-q{color:var(--muted);font-size:1.125rem;margin:0}
.tl-intro,.tl-scale,.tl-lead{max-width:720px;margin:0 auto 14px;text-align:center;color:var(--muted);line-height:1.8}
.tl-scale{font-weight:600;color:var(--ink)}
.tl-list{list-style:none;margin:28px auto 0;padding:0;max-width:820px;display:grid;gap:14px}
.tl-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;background:var(--alt);border-radius:18px;padding:20px 22px}
.tl-n{width:30px;height:30px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-weight:700;font-size:.875rem;color:var(--accent)}
.tl-item h3{font-size:1.0625rem;margin:3px 0 6px;line-height:1.55}
.tl-h,.tl-sig{color:var(--muted);font-size:.9375rem;margin:0 0 10px;line-height:1.6}
.tl-sig{margin:0 0 4px}.tl-sig .ok{color:#248a3d;font-weight:700}.tl-sig .no{color:var(--dune);font-weight:700}
.tl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tl-chip{position:relative;cursor:pointer}
.tl-chip input{position:absolute;opacity:0;pointer-events:none}
.tl-chip>span{display:inline-block;padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:var(--bg);font-size:.9375rem;transition:background .15s,border-color .15s,color .15s}
.tl-chip input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.tl-chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.tl-lk{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.tl-lk .tl-chips{margin-top:0}
.tl-who{min-width:6.5em;font-size:.875rem;color:var(--muted)}
.tl-team{width:5.5em;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit}
.tl-note{width:100%;margin-top:10px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:.9375rem;resize:vertical}
.tl-pick{display:inline-flex;gap:6px;align-items:center;margin-top:10px;font-size:.875rem;color:var(--muted);cursor:pointer}
.tl-actions,.tl-out{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px 0 0}
.tl-result{max-width:820px;margin:32px auto 0;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:24px 26px}
.tl-result h3{margin:0 0 10px;font-size:1.25rem}
.tl-verdict{font-size:1.25rem;font-weight:600;color:var(--accent);margin:0 0 6px}
.tl-rb{margin-top:16px}.tl-rb h4{margin:0 0 6px;font-size:1rem}
.tl-rb ul{margin:0;padding-inline-start:20px;display:grid;gap:6px;line-height:1.6}
.tl-nt{color:var(--muted);font-size:.875rem}
.tl-warn{margin-top:14px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--dune) 10%,transparent);color:var(--ink)}
.tl-read,.tl-src{max-width:720px;margin:20px auto 0;text-align:center;color:var(--muted);font-size:.9375rem;line-height:1.7}
.tl-src a{color:var(--accent)}
.tl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin-top:28px}
.tl-card{display:flex;flex-direction:column;gap:6px;background:var(--alt);border-radius:18px;padding:22px;color:var(--ink);text-decoration:none;transition:transform .2s}
.tl-card:hover{transform:translateY(-2px)}
.tl-card h3{margin:0;font-size:1.1875rem}.tl-card p{margin:0;color:var(--muted);line-height:1.6;flex:1}
.tl-cn{font-size:.8125rem;color:var(--dune);font-weight:600}.tl-go{color:var(--accent);font-size:.9375rem;margin-top:8px}
@media (max-width:640px){.tl-item{grid-template-columns:1fr;padding:18px}.tl-n{display:none}}
@media print{header.top,.site-foot,.ribbons-foot,.tl-form,.tl-out,.crumb,.tl-src,.pv{display:none!important}.tl-result{border:0;padding:0}}
/* v2: stepper, visuals */
:root{--tl-ok:#34a853;--tl-mid:#f2b33d;--tl-bad:#e5533d}
.tl-intro-card{max-width:620px;margin:26px auto 0;padding:26px 28px;border-radius:22px;background:var(--alt);text-align:center}
.tl-meta{margin:0;color:var(--muted);font-size:.9375rem}.tl-get{margin:10px 0 0;line-height:1.7}
.tl-mode{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.tl-start{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.tl-stepper{max-width:820px;margin:24px auto 0;scroll-margin-top:80px}
.tl-prog{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.tl-bar{flex:1;height:6px;border-radius:99px;background:var(--alt);overflow:hidden}.tl-bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .4s cubic-bezier(.2,.8,.2,1)}
.tl-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.875rem;min-width:3.5em;text-align:end}
.tl-stepper .tl-list{margin-top:0}
.tl-stepper .tl-item:not([hidden]){animation:tlIn .35s ease both}
.tl-stepper .tl-item{min-height:240px;align-content:start}
.tl-stepper .tl-item h3{font-size:1.25rem}
.tl-stepper .tl-chip>span{padding:10px 18px;font-size:1rem}
@keyframes tlIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tl-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
.tl-result{max-width:860px;scroll-margin-top:80px}
.tl-result.in>*{animation:tlIn .45s ease both}
.tl-rhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.tl-date{color:var(--muted);font-size:.8125rem;font-variant-numeric:tabular-nums}
.tl-verdict{font-size:clamp(1.25rem,2.6vw,1.625rem);line-height:1.35}
.tl-vis{display:block;width:100%;height:auto;margin:18px 0 6px;overflow:visible}
.tl-vis text{font-family:inherit;fill:var(--muted)}
.tl-vt{font-size:15px;font-weight:600;text-anchor:middle;fill:var(--ink)!important}
.tl-vl{font-size:12px;text-anchor:middle}
.tl-vn{font-size:13px;font-weight:700;text-anchor:middle;fill:#fff!important}
.tl-big{font-size:44px;font-weight:700;text-anchor:middle;fill:var(--ink)!important}
.tl-gauge{max-width:360px;margin-inline:auto}
.tl-legend{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;font-size:.8125rem;color:var(--muted);margin:0}
.tl-legend .d{display:inline-block;width:11px;height:11px;border-radius:50%;margin-inline-end:4px;vertical-align:-1px}
.tl-legend .you{background:var(--accent)}.tl-legend .tm{border:3px solid var(--dune);width:9px;height:9px}.tl-legend .gap{background:var(--tl-bad);border-radius:3px;height:4px;width:16px}
.tl-heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:18px 0}
.tl-tile{position:relative;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--c) 22%,var(--bg));border:1px solid color-mix(in srgb,var(--c) 55%,transparent);display:flex;flex-direction:column;gap:4px;min-height:92px}
.tl-tile b{font-size:.75rem;color:var(--muted)}.tl-tile span{font-weight:600;font-size:.9375rem;line-height:1.35}.tl-tile em{font-style:normal;font-size:.8125rem;color:var(--muted);margin-top:auto}
.tl-tile.pk{outline:3px solid var(--accent);outline-offset:2px}
.tl-tile.pk::after{content:"★";position:absolute;top:8px;inset-inline-end:10px;color:var(--accent)}
.tl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px}
.tl-more{margin-top:18px;color:var(--muted);font-size:.9375rem}.tl-more a{color:var(--accent)}
.tl-shared{background:var(--alt);border-radius:12px;padding:10px 14px;font-size:.9375rem}
.tl-link{background:none;border:0;color:var(--accent);font:inherit;cursor:pointer;padding:0;text-decoration:underline}
@media print{.tl-intro-card,.tl-shared,.tl-more,.tl-read,.tl-head .tl-q,.tl-intro,.tl-scale{display:none!important}.tl-result{max-width:none}}
.tl-crumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;color:var(--muted);margin:0 0 18px}
.tl-crumb a{color:var(--accent);text-decoration:none}.tl-crumb a:hover{text-decoration:underline}
.tl-crumb .chev{width:.4em;height:.4em;opacity:.6}
.tl-source{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.8125rem;line-height:1.6}
.tl-gnav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0 8px}
.tl-gnav a{padding:7px 16px;border-radius:99px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.9375rem}
.tl-gnav a:hover{border-color:var(--ink)}
.tl-group{margin-top:44px;scroll-margin-top:80px}
.tl-gh{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:12px}
.tl-gh h3{margin:0;font-size:1.375rem}.tl-gh p{margin:0;color:var(--muted);grid-column:1}.tl-gn{grid-row:1/3;grid-column:2;font-size:2rem;font-weight:700;color:var(--line)}
.tl-group .tl-cards{margin-top:18px}
@media print{.tl-source{display:block!important;border-top:1px solid #ccc}.tl-result::after{content:"alsamani.com";display:block;margin-top:6px;font-size:11px;color:#888}}
.tl-head .eyebrow{justify-content:center;text-align:center;display:block}

/* tools index */
.tl-index .sec-head{text-align:center}.tl-lead{color:var(--muted);margin:8px 0 0}
.tl-index .tl-gnav{position:sticky;top:60px;z-index:4;background:var(--bg);padding:10px 0;margin:14px 0 0}
.tl-index .tl-group{margin-top:40px}
.tl-index .tl-gh{display:block;border-bottom:0;padding-bottom:0}
.tl-index .tl-gh h3{display:flex;align-items:center;gap:10px;font-size:1.375rem}
.tl-index .tl-gn{font-size:.8125rem;font-weight:600;color:var(--muted);background:var(--alt);border-radius:99px;padding:2px 10px;line-height:1.6}
.tl-index .tl-gh p{margin:4px 0 0;color:var(--muted)}
.tl-index .tl-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin-top:16px}
.tl-index .tl-card{border:1px solid transparent;transition:transform .2s,border-color .2s;gap:4px}
.tl-index .tl-card:hover{border-color:var(--line);transform:translateY(-2px)}
.tl-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--surface);color:var(--accent);margin-bottom:10px}
.tl-ic svg{width:22px;height:22px}
.tl-index .tl-card h3{font-size:1.125rem}

@media (min-width:900px){
  .tl-row{display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:start}
  .tl-row .tl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tl-row .tl-n1 .tl-cards{grid-template-columns:minmax(0,1fr)}
  .tl-index .tl-n5 .tl-cards,.tl-index .tl-group:not(.tl-row .tl-group) .tl-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.tl-index .tl-gh h3 a{color:inherit;text-decoration:none}.tl-index .tl-gh h3 a:hover{color:var(--accent)}
.tl-more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:9px 18px;border-radius:99px;border:1px solid var(--line);color:var(--accent);text-decoration:none;font-weight:500}.tl-more:hover{border-color:var(--accent)}
.tl-gpage .tl-head{margin-bottom:8px}.tl-gpage>.tl-cards{margin-top:16px}
.tl-gpage .tl-gnav{position:static;justify-content:flex-start}.tl-also{margin:36px 0 0;color:var(--muted)}
.tl-about{max-width:760px;margin:56px auto 0;border-top:1px solid var(--line);padding-top:28px}
.tl-about h2{font-size:1.25rem;margin:0 0 12px}.tl-about h2+details,.tl-steps+h2{margin-top:24px}
.tl-steps{margin:0;padding-inline-start:22px;line-height:1.9;color:var(--ink)}
.tl-faq{border-bottom:1px solid var(--line);padding:12px 0}.tl-faq summary{cursor:pointer;font-weight:500}.tl-faq p{margin:8px 0 0;color:var(--muted);line-height:1.8}
.tl-about .tl-also{margin-top:24px}
/* research journey */
.jr{max-width:1180px;margin:28px auto 0}
.jr-card{background:var(--alt);border-radius:20px;padding:24px 26px;margin:0 auto 16px;max-width:820px}
.jr-card h2{margin:0 0 14px;font-size:1.5rem}.jr-card h3{margin:0 0 10px;font-size:1.125rem}
.jr-setup{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.jr-sf.wide{grid-column:1/-1}
.jr-l{display:block;font-weight:600;font-size:.9375rem;margin:0 0 6px}
.jr-req{font-style:normal;color:var(--accent)}
.jr-help{color:var(--muted);font-size:.875rem;margin:0 0 8px;line-height:1.65}
.jr-ex{font-size:.8125rem;color:var(--muted);margin:0 0 8px;padding:6px 10px;border-inline-start:3px solid var(--line);background:var(--bg);border-radius:6px}
.jr-in{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:1rem;line-height:1.7}
textarea.jr-in{resize:vertical}
.jr-in:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.jr-priv{text-align:center;color:var(--muted);font-size:.8125rem;margin:14px auto 0;max-width:720px}
.jr-lnk{color:var(--accent);cursor:pointer;text-decoration:underline}
.jr-notice{max-width:820px;margin:0 auto 16px;padding:12px 16px;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,var(--bg));text-align:center}
/* stage map */
.jr-map{list-style:none;margin:0 0 22px;padding:4px 2px 10px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;counter-reset:none}
.jr-st{flex:1 0 98px;position:relative}
.jr-st button{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:6px 2px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px}
.jr-st button:disabled{cursor:default;opacity:.45}
.jr-st b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:.875rem;border:2px solid var(--line);background:var(--bg)}
.jr-st span{font-size:.8125rem;text-align:center;line-height:1.35}
.jr-st em{font-style:normal;font-size:.6875rem;color:var(--muted)}
.jr-st::before{content:"";position:absolute;top:22px;inset-inline-start:calc(-50% + 16px);inset-inline-end:calc(50% + 16px);height:2px;background:var(--line)}
.jr-st:first-child::before{display:none}
.jr-st.s-part b{border-color:var(--tl-mid)}
.jr-st.s-done b{border-color:var(--ink)}
.jr-st.s-ok b,.jr-st.s-okc b{background:var(--tl-ok);border-color:var(--tl-ok);color:#fff}
.jr-st.s-rev b{background:var(--tl-mid);border-color:var(--tl-mid);color:#000}
.jr-st.cur b{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}
.jr-st.cur span{font-weight:700}
/* layout */
.jr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:24px;align-items:start}
.jr-tabs{display:none}
.jr-main{background:var(--alt);border-radius:20px;padding:24px 26px}
.jr-stage>h2{margin:2px 0 6px;font-size:1.625rem}
.jr-goal{color:var(--muted);margin:0 0 18px;line-height:1.7}
.jr-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.jr-f{grid-column:1/-1}.jr-f.half{grid-column:auto}
.jr-f[hidden]{display:none}
.jr-f .tl-chips{margin-top:2px}
.jr-sm{margin-top:8px;font-size:.8125rem;padding:6px 12px}
.jr-rows{display:grid;gap:8px}
.jr-row{display:grid;grid-template-columns:.8fr 1.4fr 1.4fr 28px;gap:6px;align-items:center}
.jr-row .jr-in{font-size:.875rem;padding:8px 10px}
.jr-x{background:none;border:0;color:var(--muted);font-size:1.25rem;cursor:pointer;line-height:1}
[data-needs]{grid-column:1/-1}
.jr-needs{background:var(--bg);border-radius:14px;padding:12px 16px}
.jr-needs h4,.jr-qc h4{margin:0 0 8px;font-size:.9375rem}
.jr-needs ul{margin:0;padding-inline-start:20px;font-size:.875rem;line-height:1.7;color:var(--muted)}
.jr-qc{margin-top:22px;background:var(--bg);border-radius:14px;padding:14px 16px}
.jr-checks{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.875rem;line-height:1.6}
.jr-checks li{padding-inline-start:22px;position:relative}
.jr-checks li::before{position:absolute;inset-inline-start:0;top:0;font-weight:700}
.jr-checks .c-miss::before{content:"○";color:var(--tl-bad)}
.jr-checks .c-warn::before{content:"!";color:#b7791f;inset-inline-start:5px}
.jr-checks .c-info::before{content:"·";color:var(--muted);inset-inline-start:5px}
.jr-checks .c-ok::before{content:"✓";color:var(--tl-ok)}
.jr-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px}
.jr-rv{border-radius:14px;padding:12px 16px;margin:0 0 18px;background:var(--bg);border-inline-start:4px solid var(--tl-ok)}
.jr-rv.d-rev{border-color:var(--tl-mid)}.jr-rv p{margin:0;line-height:1.7}.jr-rv p+p{margin-top:6px}
/* draft */
.jr-side{position:sticky;top:76px;max-height:calc(100vh - 92px);display:flex;flex-direction:column;gap:12px}
.jr-dh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.jr-dh h3{margin:0;font-size:1.125rem}
.jr-pc{margin:4px 0 0;font-size:.8125rem;color:var(--muted);display:flex;align-items:center;gap:8px}
.jr-bar{width:80px;height:6px;border-radius:3px;background:var(--line);overflow:hidden;display:inline-block}
.jr-bar i{display:block;height:100%;background:var(--tl-ok);transition:width .3s}
.jr-dact{display:flex;gap:6px}.jr-dact .btn{font-size:.8125rem;padding:6px 12px}
.jr-doc{background:#fff;color:#1d1d1f;border:1px solid var(--line);border-radius:14px;padding:26px 28px;overflow:auto;font-family:"Amiri","Traditional Arabic",Georgia,serif;font-size:.9375rem;line-height:1.9;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.jr-doc h1{font-size:1.25rem;text-align:center;margin:0 0 6px;line-height:1.5}
.jr-dt p{text-align:center;color:#555;font-size:.8125rem;margin:0 0 10px}
.jr-doc h2{font-size:1.0625rem;margin:22px 0 8px;padding-top:10px;border-top:1px solid #eee}
.jr-doc h3{font-size:.9375rem;margin:14px 0 4px}.jr-doc h4{font-size:.875rem;margin:8px 0 2px;color:#444}
.jr-doc p{margin:0 0 8px}.jr-doc ol,.jr-doc ul{margin:0 0 8px;padding-inline-start:22px}
.jr-doc .jr-q{font-weight:700}
.jr-ph{color:#aaa;font-family:var(--sans,inherit);font-size:.8125rem}
.jr-doc .jr-later{color:#8a8a8e}
.jr-send{background:var(--alt);border-radius:14px;padding:14px 16px}
.jr-send h4{margin:0 0 6px}.jr-send p{margin:0 0 10px;font-size:.875rem;color:var(--muted);line-height:1.6}
.jr-link{display:flex;gap:8px}.jr-link input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:.8125rem}
.jr-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 0}
.jr-tools .btn{font-size:.875rem}.jr-tools label.btn{cursor:pointer}
.jr-quiet{opacity:.7}
.jr-meta{margin-top:16px}
/* review */
.jr-rsh{display:flex;justify-content:space-between;align-items:baseline}
.jr-pcs{color:var(--muted);font-size:.875rem}
.jr-rs dl{margin:0;display:grid;gap:10px}
.jr-ans dt{font-size:.8125rem;color:var(--muted);margin:0 0 2px}
.jr-ans dd{margin:0;line-height:1.75}
.jr-qcd{margin:14px 0 0;font-size:.875rem}.jr-qcd summary{cursor:pointer;color:var(--muted)}
.jr-qcd .jr-checks{margin-top:8px}
.jr-dec{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:10px}
.jr-review details>summary{cursor:pointer}
.jr-card details .jr-doc{margin-top:12px}
@media (max-width:900px){
  .jr-grid{grid-template-columns:1fr}
  .jr-tabs{display:flex;gap:4px;background:var(--alt);border-radius:12px;padding:4px;margin:0 0 14px;position:sticky;top:60px;z-index:3}
  .jr-tabs button{flex:1;border:0;background:none;padding:8px;border-radius:9px;font:inherit;color:var(--ink);cursor:pointer}
  .jr-tabs button[aria-selected=true]{background:var(--bg);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}
  .jr-grid.t-work .jr-side{display:none}.jr-grid.t-draft .jr-main{display:none}
  .jr-side{position:static;max-height:none}
  .jr-main,.jr-card{padding:18px 16px}
  .jr-doc{padding:18px 16px}
}
@media (max-width:600px){
  .jr-setup,.jr-fields{grid-template-columns:1fr}.jr-f.half{grid-column:1/-1}
  .jr-row{grid-template-columns:1fr 28px}.jr-row .jr-in:not(:first-child){grid-column:1}
  .jr-row .jr-x{grid-row:1;grid-column:2}
  .jr-st{flex-basis:76px}
}
@media print{
  body.jr-printing *{visibility:hidden}
  body.jr-printing .jr-doc,body.jr-printing .jr-doc *{visibility:visible}
  body.jr-printing .jr-doc{position:absolute;inset:0 0 auto 0;border:0;box-shadow:none;padding:0;overflow:visible;font-size:12pt}
  body.jr-printing .jr-grid.t-work .jr-side{display:block}
  body.jr-printing .jr-side{position:static;max-height:none}
}
.jr-side .jr-doc{flex:1;min-height:0}
.jr-doc[lang=ar] ol{list-style:arabic-indic}
@media (max-width:600px){.jr-dh{flex-wrap:wrap}.jr-pc{white-space:nowrap}}
.jr-imp{margin-top:16px}.jr-imp label.btn{cursor:pointer}
.jr-implist{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.jr-implist label{cursor:pointer}.jr-implist em{font-style:normal;color:var(--muted);font-size:.8125rem}
.jr-impv{margin:6px 0 0;padding:8px 12px;background:var(--bg);border-radius:10px;font-size:.875rem;line-height:1.7;max-height:9em;overflow:auto;color:var(--muted)}
.jr-rest{margin-top:20px;background:var(--bg);border-radius:14px;padding:12px 16px;font-size:.875rem}
.jr-rest summary{cursor:pointer;font-weight:600}
.jr-restp{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);line-height:1.8}
.jr-rh{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.jr-implist label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.jr-implist input[type=checkbox]{width:auto;margin:0;flex:none}
.jr-guide{background:var(--bg);border-radius:14px;padding:12px 16px;font-size:.875rem;line-height:1.7}
.jr-guide summary{cursor:pointer;font-weight:700;font-size:.9375rem}
.jr-guide dl{margin:10px 0 0;display:grid;gap:8px}
.jr-guide dl>div{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:10px}
.jr-guide dt{color:var(--muted)}.jr-guide dd{margin:0}
.jr-guide h5{margin:12px 0 4px;font-size:.875rem}
.jr-guide ul{margin:0;padding-inline-start:20px;color:var(--muted)}
.jr-guide .jr-sm{display:inline-block;margin:4px 0 0}
.jr-tips{margin:0 0 18px;font-size:.875rem;line-height:1.7;background:var(--bg);border-radius:14px;padding:10px 16px}
.jr-tips summary{cursor:pointer;font-weight:600}.jr-tips ul{margin:8px 0 0;padding-inline-start:20px;color:var(--muted)}
@media (max-width:600px){.jr-guide dl>div{grid-template-columns:1fr;gap:0}}
.jr-more{margin:10px 0 0}.jr-more a{color:var(--accent)}
/* methods guide page */
.rm-page{max-width:880px;margin-inline:auto}
.rm-choose{background:var(--alt);border-radius:20px;padding:22px 24px;margin:26px 0 18px}
.rm-choose h2,.rm-s h2{font-size:1.375rem;margin:0 0 6px}
.rm-lead{color:var(--muted);margin:0 0 12px;line-height:1.7}
.rm-choose table{width:100%;border-collapse:collapse;font-size:.9375rem}
.rm-choose th{text-align:start;font-size:.8125rem;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}
.rm-choose td{padding:9px 8px;border-bottom:1px solid var(--line);line-height:1.6}
.rm-choose td:last-child{white-space:nowrap;font-weight:600}.rm-choose a{color:var(--accent)}
.rm-nav{margin:0 0 8px}
.rm-s{padding:26px 0 6px;scroll-margin-top:70px}
.rm-d{background:var(--alt);border-radius:16px;margin:0 0 10px;scroll-margin-top:70px}
.rm-d summary{cursor:pointer;list-style:none;padding:14px 18px;display:grid;gap:3px}
.rm-d summary::-webkit-details-marker{display:none}
.rm-d summary b{font-size:1.0625rem}.rm-d summary span{color:var(--muted);font-size:.875rem;line-height:1.6}
.rm-d summary b::after{content:"+";float:inline-end;color:var(--muted);font-weight:400}
.rm-d[open] summary b::after{content:"−"}
.rm-b{padding:0 18px 16px;font-size:.9375rem;line-height:1.75}
.rm-dl{margin:0;display:grid;gap:8px}.rm-dl>div{display:grid;grid-template-columns:9em minmax(0,1fr);gap:12px}
.rm-dl dt{color:var(--muted)}.rm-dl dd{margin:0}
.rm-b h4{font-size:.9375rem;margin:14px 0 4px}.rm-b ul{margin:0;padding-inline-start:20px}
@media (max-width:600px){.rm-dl>div{grid-template-columns:1fr;gap:0}.rm-choose{padding:18px 16px}.rm-choose td:last-child{white-space:normal}}
@media print{.rm-d{break-inside:avoid}.rm-d .rm-b{display:block}}
.rm-one{padding-top:16px}.rm-one .rm-dl+.rm-dl{margin-top:8px}
.rm-pick{background:var(--bg);border-radius:16px;padding:16px 18px;margin:0 0 12px}
.rm-pq{font-weight:600;margin:0 0 10px}
.rm-po{display:flex;flex-wrap:wrap;gap:8px}
.rm-po button{font:inherit;font-size:.9375rem;padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:var(--alt);color:var(--ink);cursor:pointer;text-align:start}
.rm-po button:hover{border-color:var(--ink)}
.rm-pr{font-size:1.25rem;font-weight:600;margin:0 0 6px}.rm-pr a{color:var(--accent)}
.rm-pn{color:var(--muted);font-size:.875rem;margin:0}
.rm-pb{display:flex;gap:14px;margin-top:12px}.rm-pb button{background:none;border:0;padding:0;color:var(--accent);font:inherit;font-size:.875rem;cursor:pointer}
.rm-tbl summary{cursor:pointer;color:var(--muted);font-size:.875rem;margin:4px 0 8px}
.jr-row.stack{grid-template-columns:1fr 1fr;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 10px 10px 10px;position:relative}
.jr-row.stack .jr-in{grid-column:1/-1}
.jr-row.stack .jr-in:first-child{grid-column:1}.jr-row.stack .jr-in:nth-last-child(2){grid-column:2;grid-row:1}
.jr-row.stack .jr-x{position:absolute;top:-10px;inset-inline-end:-8px;background:var(--bg);border:1px solid var(--line);border-radius:50%;width:24px;height:24px;font-size:1rem}
.jr-row.stack textarea.jr-in{font-size:.875rem}
.jr-vf{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;font-size:.875rem;line-height:1.6}
.jr-vf span::before{font-weight:700;margin-inline-end:6px}
.vf-ok::before{content:"✓";color:var(--tl-ok)}.vf-no::before{content:"✕";color:var(--tl-bad)}.vf-q::before{content:"?";color:#b7791f}
.vf-no{color:var(--tl-bad)}
.jr-row.stack textarea.jr-in{min-height:0;height:auto}
.jr-cmp{margin:0 0 8px;font-size:.8125rem}
.jr-cmp summary{cursor:pointer;color:var(--accent);display:inline-block}
.jr-cw,.jr-cg{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:var(--bg);border-inline-start:3px solid var(--tl-bad);line-height:1.7}
.jr-cg{border-color:var(--tl-ok)}
.jr-cw span,.jr-cg span{display:block;font-weight:700;font-size:.75rem;color:var(--muted)}
.jr-cw p,.jr-cg p{margin:2px 0 0;font-size:.875rem}
.jr-cy{margin:8px 0 0;color:var(--muted);line-height:1.7}
.jr-checks details summary{cursor:pointer;list-style:none}.jr-checks details summary::-webkit-details-marker{display:none}
.jr-why{color:var(--accent);font-size:.75rem;margin-inline-start:4px}
.jr-checks details p{margin:4px 0 2px;color:var(--muted);font-size:.8125rem}
.jr-row.stack.nopair .jr-in{grid-column:1/-1;grid-row:auto}
.jr-report{max-width:1180px}
.jr-rs2{border-top:1px solid var(--line);padding:10px 0}
.jr-rs2 summary{cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap;list-style:none}
.jr-rs2 summary::-webkit-details-marker{display:none}
.jr-rs2 summary b{min-width:11em}
.jr-rc{font-size:.8125rem;color:var(--muted)}.jr-rc .m{font-style:normal;color:var(--tl-bad)}.jr-rc .w{font-style:normal;color:#b7791f}
.jr-rs2 .jr-checks{margin:10px 0 8px}
.jr-st.out b{opacity:.5}.jr-st.out span{color:var(--muted)}
.jr-defer{grid-column:1/-1;border-top:1px dashed var(--line);padding-top:12px}
.jr-defer>summary{cursor:pointer;color:var(--muted);font-size:.9375rem}.jr-defer>summary span{font-size:.8125rem}
.jr-defer>.jr-fields{margin-top:14px}
.jr-prh{margin:16px 0 8px;font-size:.9375rem}
.jr-pri{margin:0;padding-inline-start:22px;display:grid;gap:10px}
.jr-pri li{line-height:1.6}.jr-pri small{display:block;color:var(--muted);font-size:.8125rem}
.jr-pri .jr-sm{margin-top:4px}
html[lang=ar] .jr-pri{list-style:arabic-indic}
/* calm, one-question layout */
.jr{max-width:820px}
.jr-grid{grid-template-columns:1fr!important}
.jr-grid.t-work .jr-side{display:none}.jr-grid.t-draft .jr-main{display:none}
.jr-side{position:static!important;max-height:none!important}
.jr-bar2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;flex-wrap:wrap}
.jr-bar2 .jr-tabs{display:flex!important;margin:0;position:static;flex:0 1 auto;gap:4px;background:var(--alt);border-radius:12px;padding:4px}
.jr-bar2 .jr-tabs button{border:0;background:none;padding:7px 16px;border-radius:9px;font:inherit;font-size:.9375rem;color:var(--ink);cursor:pointer}
.jr-bar2 .jr-tabs button[aria-selected=true]{background:var(--bg);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.jr-bar2 .jr-tabs small{color:var(--muted);font-weight:400}
.jr-menu{position:relative}
.jr-menu>summary{list-style:none;cursor:pointer;color:var(--muted);font-size:.9375rem;padding:7px 10px}
.jr-menu>summary::-webkit-details-marker{display:none}
.jr-menu>summary::after{content:" ▾"}
.jr-menu[open]>.jr-tools{position:absolute;inset-inline-end:0;top:100%;z-index:5;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:8px;margin:6px 0 0;display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:240px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.jr-menu .jr-tools .btn{border:0;background:none;text-align:start;justify-content:flex-start;padding:8px 12px;border-radius:9px;font-size:.9375rem;width:100%}
.jr-menu .jr-tools .btn:hover{background:var(--alt)}
.jr-map{justify-content:center}
.jr-step{padding:6px 4px}
.jr-sh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.jr-sh .eyebrow{margin:0}
.jr-cnt{color:var(--muted);font-size:.875rem}
.jr-pbar{height:3px;background:var(--line);border-radius:2px;margin:10px 0 18px;overflow:hidden}
.jr-pbar i{display:block;height:100%;background:var(--accent);transition:width .3s}
.jr-q{margin:6px 0 4px}
.jr-q>.jr-f>.jr-l{font-size:1.375rem;font-weight:700;color:var(--ink);margin-bottom:8px;line-height:1.5}
.jr-q .jr-help{font-size:.9375rem}
.jr-q textarea.jr-in{min-height:9em;font-size:1.0625rem}
.jr-q input.jr-in{font-size:1.0625rem;padding:12px 14px}
.jr-q .tl-chip>span{font-size:1rem;padding:9px 16px}
.jr-sumh{font-size:1.375rem;margin:4px 0 14px}
.jr-sum{display:grid;gap:2px;margin:0 0 16px}
.jr-sr{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.jr-sr span{font-size:.8125rem;color:var(--muted)}.jr-sr p{margin:2px 0 0;line-height:1.7}.jr-sr em{color:var(--tl-bad);font-style:normal;font-size:.9375rem}
.jr-edit{background:none;border:0;color:var(--accent);font:inherit;font-size:.875rem;cursor:pointer;padding:4px 0;white-space:nowrap}
.jr-okm{margin:0;color:var(--tl-ok);font-weight:600}
.jr-more2{margin-top:8px;font-size:.875rem}.jr-more2 summary{cursor:pointer;color:var(--muted)}
.jr-start h2{margin:0 0 12px}
.jr-opt{margin:16px 0 0}.jr-opt>summary{cursor:pointer;color:var(--muted);font-size:.9375rem}.jr-opt>.jr-setup{margin-top:14px}
.jr-start .jr-sf.wide .tl-chip>span{font-size:1rem;padding:10px 18px}
/* document view */
.jr:has(.jr-docw){max-width:1180px}
.jr-dbar{justify-content:space-between}
.jr-pct2{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.875rem}
.jr-acts{display:flex;align-items:center;gap:8px}.jr-acts>.btn{font-size:.875rem;padding:7px 14px}
.jr-docw{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.jr-paper{background:#fff;color:#1d1d1f;border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.07);padding:56px 64px 64px;font-family:"Amiri","Traditional Arabic",Georgia,serif;font-size:1.0625rem;line-height:2}
.jr-paper .jr-dch{font-size:1.25rem;text-align:center;margin:44px 0 18px;font-weight:700}
.jr-ds{position:relative;padding:4px 10px;margin:0 -10px 10px;border-radius:6px;transition:background .2s}
.jr-ds.on{background:rgba(0,113,227,.035)}
.jr-ds.on::before{content:"";position:absolute;inset-inline-start:-4px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--accent)}
.jr-dh3{font-size:1.0625rem;font-weight:700;margin:14px 0 2px;display:flex;align-items:center;gap:8px}
.jr-dtitle .jr-dh3{display:none}
.jr-dtitle .jr-in{text-align:center;font-size:1.5rem!important;font-weight:700}
.jr-nb{font-family:var(--sans,system-ui);font-size:.6875rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-grid;place-items:center;background:#f6e3b4;color:#7a5200}
.jr-nb.m{background:#fbd5cf;color:#9b2c1c}.jr-nb.ok{background:#d9f0de;color:#1e6b33}
.jr-paper .jr-in{border:0;background:transparent;padding:2px 0;font:inherit;line-height:2;color:inherit;border-radius:0;box-shadow:none;min-height:0}
.jr-paper .jr-in:focus{outline:none;border:0}
.jr-paper textarea.jr-in{resize:none;overflow:hidden;min-height:2.2em}
.jr-paper .jr-in::placeholder{color:#a8a8ad;font-style:normal}
.jr-di{margin:0 0 4px}
.jr-dl{display:block;font-family:var(--sans,system-ui);font-size:.75rem;color:#8a8a8e;margin:6px 0 0}
.jr-paper .tl-chips{margin:4px 0 6px}.jr-paper .tl-chip>span{font-family:var(--sans,system-ui);font-size:.8125rem;padding:4px 11px;background:#fff}
.jr-paper .jr-row.stack{background:#fafafa;border-color:#eee}
.jr-paper .jr-row .jr-in{border-bottom:1px dashed #e3e3e6!important;font-size:.9375rem}
.jr-paper .jr-sm{font-family:var(--sans,system-ui)}
.jr-cs .jr-dh3 input{border:0;background:transparent;font:inherit;font-weight:700;width:100%;color:inherit}
.jr-refs{font-size:.9375rem;padding-inline-start:20px}
.jr-hidn{text-align:center;margin-top:10px}
.jr-mg{position:relative;font-size:.875rem;line-height:1.7;transition:margin-top .25s}
.jr-mg>*{max-width:100%}
.jr-mg-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.jr-mg-h b{font-size:.9375rem}
.jr-mg-g{color:var(--muted);margin:0 0 10px}
.jr-mg-d{background:var(--alt);border-radius:10px;padding:8px 12px;margin:0 0 10px}.jr-mg-d span{display:block;font-size:.75rem;color:var(--muted)}.jr-mg-d p{margin:2px 0 0}
.jr-mg .jr-checks{margin:0 0 10px;font-size:.8125rem}
.jr-mg .jr-cmp,.jr-help2,.jr-secopt{margin:0 0 8px}
.jr-help2>summary,.jr-secopt>summary{cursor:pointer;color:var(--accent);font-size:.8125rem}
.jr-help2 .jr-fields{grid-template-columns:1fr;gap:12px;margin-top:10px}
.jr-help2 .jr-l{font-size:.8125rem}.jr-help2 .jr-in{font-size:.875rem;padding:7px 9px}
.jr-secopt>summary{color:var(--muted)}.jr-secopt div{display:flex;flex-direction:column;align-items:flex-start;margin-top:4px}
.jr-mg-empty{color:var(--muted)}.jr-mg-empty h4{color:var(--ink);font-size:.875rem;margin:12px 0 6px}
.jr-mgl{list-style:none;margin:0;padding:0;display:grid;gap:6px}.jr-mgl button{background:none;border:0;padding:0;color:var(--accent);font:inherit;cursor:pointer}
.jr-mg .jr-needs,.jr-mg .jr-guide{background:var(--alt);font-size:.8125rem}
@media (max-width:900px){
  .jr-docw{grid-template-columns:1fr}
  .jr-paper{padding:28px 18px 34px;font-size:1rem}
  .jr-mg{display:none;margin:4px 0 14px!important;background:var(--alt);border-radius:12px;padding:12px 14px}
  .jr-mg.open{display:block}
  .jr-dbar{flex-direction:column;align-items:stretch}.jr-acts{justify-content:space-between}
}
@media print{body.jr-printing .jr-printdoc{display:block!important}}
.jr-mg{font-family:var(--sans,system-ui),sans-serif}
.jr-appr{background:var(--alt);border:0;border-radius:99px;padding:5px 12px;font:inherit;font-size:.8125rem;color:var(--ink);cursor:pointer;margin-inline-end:8px}
.jr-acts{flex-wrap:wrap}
@media (max-width:900px){.jr-dtitle .jr-in{font-size:1.125rem!important}.jr-paper .jr-dch{font-size:1.0625rem;margin-top:30px}}
.jr-dch [contenteditable]{outline:none;border-radius:4px;padding:0 4px}.jr-dch [contenteditable]:hover,.jr-dch [contenteditable]:focus{background:rgba(0,0,0,.035)}
.jr-dch{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.jr-fold{width:26px;height:26px;border:0;border-radius:50%;background:transparent;cursor:pointer;display:inline-grid;place-items:center;color:#8a8a8e;flex:none}
.jr-fold::before{content:"";width:8px;height:8px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
.jr-dch.fd .jr-fold::before{transform:rotate(135deg);margin-top:0}
html[dir=ltr] .jr-dch.fd .jr-fold::before{transform:rotate(-45deg)}
.jr-fold:hover{background:rgba(0,0,0,.05);color:#1d1d1f}
.jr-fsum{flex-basis:100%;text-align:center;font-family:var(--sans,system-ui);font-size:.75rem;font-weight:400;color:#8a8a8e}
.jr-dch.fd{margin-bottom:6px;opacity:.85}
.jr-fold::before{border-inline-end:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.jr-dch.fd .jr-fold::before{transform:rotate(-45deg);margin-top:0}
.jr-paper[dir=rtl] .jr-dch.fd .jr-fold::before{transform:rotate(135deg)}
.jr-mg-pick{background:var(--alt);border-radius:12px;padding:10px 12px;margin:0 0 10px;display:grid;gap:10px}.jr-mg-pick .jr-l{font-size:.8125rem;margin:0 0 4px}.jr-mg-pick .jr-help{display:none}.jr-mg-pick .tl-chip>span{font-size:.8125rem;padding:5px 11px}
.jr-nextw{margin:-4px 0 14px}
.jr-next{display:flex;gap:6px;align-items:baseline;width:100%;text-align:start;background:none;border:0;border-inline-start:3px solid var(--accent);padding:6px 12px;font:inherit;font-size:.9375rem;color:var(--ink);cursor:pointer;border-radius:0 8px 8px 0}
.jr-next span{color:var(--accent);font-weight:600;white-space:nowrap}
.jr-next:hover{background:var(--alt)}
.jr-next.ok{color:var(--tl-ok);border-color:var(--tl-ok);cursor:default}
.jr-amap{max-width:none}
.jr-amt{font-size:.875rem;margin:0 0 10px}
.jr-amw{overflow-x:auto}
.jr-amw table{width:100%;border-collapse:collapse;font-size:.8125rem;line-height:1.6;min-width:640px}
.jr-amw th,.jr-amw td{border-bottom:1px solid var(--line);padding:8px;text-align:start;vertical-align:top}
.jr-amw thead th{color:var(--muted);font-weight:600;font-size:.75rem}
.jr-amw tbody th{font-weight:600;max-width:220px}
.jr-amw td.gap{background:color-mix(in srgb,var(--tl-bad) 8%,transparent)}
.jr-amw td.gap button{background:none;border:0;color:var(--tl-bad);font:inherit;cursor:pointer;padding:0}
.jr-wc{font-size:.75rem;color:var(--muted);margin:-4px 0 10px}.jr-wc.lo,.jr-wc.hi{color:#b7791f}
.jr-amw td.txt button{background:none;border:0;color:var(--muted);font:inherit;font-size:.75rem;cursor:pointer;padding:0;text-align:start}
.jr-sg{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:0 0 10px;font-size:.8125rem}
.jr-sg h5{margin:0 0 4px;font-size:.8125rem}
.jr-sg ul{margin:0;padding-inline-start:18px;display:grid;gap:2px}
.jr-sg li.d{color:var(--accent)}
.jr-sg details{margin-top:6px}.jr-sg summary{cursor:pointer;color:var(--accent)}
.jr-sgk{margin:6px 0 0;font-size:.6875rem;color:var(--accent)}