/* Room for Peace — layout concept: one calm reading column on a warm ground, a horizon line under every page head,
   and colour used only to classify (type of agreement, status, line on the map). */
:root {
  --bg: #fbf8f1; --surface: #ffffff; --sunk: #f3eee2; --ink: #14263d; --muted: #55627a; --line: #e2dac8;
  --blue: #123a63; --teal: #14797a; --olive: #5e6d1f; --sun: #d9960f; --sun-soft: #fbeac2; --link: #0f4f8a;
  --good: #1f6f43; --good-bg: #e2f2e7; --warn: #8a5a00; --warn-bg: #fdf0cf; --bad: #9a2f1c; --bad-bg: #fbe3dc; --calm: #3d4f69; --calm-bg: #e8edf4;
  --m-sea: #d9e9ee; --m-land: #f0e8d6; --m-il: #ffffff; --m-coast: #a8a394; --m-ps: #fbf0cc; --m-ps-line: #d9a514; --m-gol-line: #14797a; --m-und: #9ccfcf;
  --m-intl: #8f8a7c; --m-treaty: #123a63; --m-green: #2c7a3a; --m-blue: #1f6fd0; --m-cease: #b3401f; --m-city: #14263d; --m-halo: #ffffff; --m-water: #3f7388;
  --r-peace: #6ea6d6; --r-norm: #7fcfc6; --r-pending: #cdbfe6; --r-interim: #f0c24a; --r-talks: #f1b98a; --r-none: #cfd9a8; --r-self: #123a63; --r-other: #ece6d6;
  --display: 'Karantina', 'Assistant', 'Arial Hebrew', Arial, sans-serif; --body: 'Assistant', 'Arial Hebrew', 'Segoe UI', Arial, sans-serif;
  --h1: clamp(2.6rem, 6.5vw, 4.6rem); --h2: clamp(1.9rem, 3.6vw, 2.5rem); --dlh: 1; --dls: .01em; --dw: 700;
  --measure: 68ch; --gut: clamp(16px, 4vw, 40px); --rad: 10px;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #0d1826; --surface: #152336; --sunk: #101d2e; --ink: #edf1f6; --muted: #a9b6c8; --line: #293b54;
  --blue: #9ccaf5; --teal: #63d0cb; --olive: #c0cc74; --sun: #f2c14e; --sun-soft: #3a3013; --link: #9ccaf5;
  --good: #8fdcae; --good-bg: #173524; --warn: #f2cf7a; --warn-bg: #3a3013; --bad: #f4a898; --bad-bg: #43201a; --calm: #c3d0e2; --calm-bg: #22344c;
  --m-sea: #0f2738; --m-land: #24364b; --m-il: #40546d; --m-coast: #5b6c82; --m-ps: #4a4324; --m-ps-line: #e0b53a; --m-gol-line: #63d0cb; --m-und: #2f6e6e;
  --m-intl: #7c8aa0; --m-treaty: #cfe4fb; --m-green: #8fdc98; --m-blue: #7db6ff; --m-cease: #ff9d7c; --m-city: #edf1f6; --m-halo: #0d1826; --m-water: #86b9cc;
  --r-peace: #4f86b8; --r-norm: #3f9d95; --r-pending: #7566a3; --r-interim: #c79a1f; --r-talks: #b9773f; --r-none: #7f8b4d; --r-self: #edf1f6; --r-other: #24364b;
  color-scheme: dark } }
:root[data-theme="dark"] {
  --bg: #0d1826; --surface: #152336; --sunk: #101d2e; --ink: #edf1f6; --muted: #a9b6c8; --line: #293b54;
  --blue: #9ccaf5; --teal: #63d0cb; --olive: #c0cc74; --sun: #f2c14e; --sun-soft: #3a3013; --link: #9ccaf5;
  --good: #8fdcae; --good-bg: #173524; --warn: #f2cf7a; --warn-bg: #3a3013; --bad: #f4a898; --bad-bg: #43201a; --calm: #c3d0e2; --calm-bg: #22344c;
  --m-sea: #0f2738; --m-land: #24364b; --m-il: #40546d; --m-coast: #5b6c82; --m-ps: #4a4324; --m-ps-line: #e0b53a; --m-gol-line: #63d0cb; --m-und: #2f6e6e;
  --m-intl: #7c8aa0; --m-treaty: #cfe4fb; --m-green: #8fdc98; --m-blue: #7db6ff; --m-cease: #ff9d7c; --m-city: #edf1f6; --m-halo: #0d1826; --m-water: #86b9cc;
  --r-peace: #4f86b8; --r-norm: #3f9d95; --r-pending: #7566a3; --r-interim: #c79a1f; --r-talks: #b9773f; --r-none: #7f8b4d; --r-self: #edf1f6; --r-other: #24364b;
  color-scheme: dark }
:lang(ar) { --display: 'Alexandria', 'IBM Plex Sans Arabic', 'Geeza Pro', Tahoma, sans-serif; --body: 'IBM Plex Sans Arabic', 'Geeza Pro', Tahoma, Arial, sans-serif; --h1: clamp(1.9rem, 4.6vw, 3.2rem); --h2: clamp(1.4rem, 2.6vw, 1.8rem); --dlh: 1.3; --dls: 0; --dw: 800 }
:lang(en) { --display: 'Bricolage Grotesque', 'Assistant', 'Segoe UI', Arial, sans-serif; --body: 'Assistant', 'Segoe UI', Arial, sans-serif; --h1: clamp(2rem, 4.8vw, 3.4rem); --h2: clamp(1.45rem, 2.7vw, 1.9rem); --dlh: 1.08; --dls: -.015em; --dw: 800 }
:lang(he) { --display: 'Karantina', 'Assistant', 'Arial Hebrew', Arial, sans-serif; --body: 'Assistant', 'Arial Hebrew', 'Segoe UI', Arial, sans-serif; --h1: clamp(2.6rem, 6.5vw, 4.6rem); --h2: clamp(1.9rem, 3.6vw, 2.5rem); --dlh: 1; --dls: .01em; --dw: 700 }

*, *::before, *::after { box-sizing: border-box }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 5rem }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--body); font-size: 1.0625rem; line-height: 1.65; overflow-wrap: break-word }
.wrap { max-width: 1160px; margin-inline: auto; padding-inline: var(--gut) }
main.wrap { padding-block: 1.25rem 3.5rem; display: flex; flex-direction: column; gap: 2.25rem; min-width: 0 }
a { color: var(--link); text-underline-offset: .18em; text-decoration-thickness: .06em }
a:hover { text-decoration-thickness: .12em }
:focus-visible { outline: 3px solid var(--sun); outline-offset: 2px; border-radius: 3px }
h1, h2, h3 { margin: 0; text-wrap: balance }
h1 { font: var(--dw) var(--h1)/var(--dlh) var(--display); letter-spacing: var(--dls); color: var(--blue) }
h2 { font: var(--dw) var(--h2)/calc(var(--dlh) + .08) var(--display); letter-spacing: var(--dls); color: var(--blue) }
h3 { font: 700 1.14rem/1.35 var(--body) }
p, ul, ol, dl, figure, blockquote { margin: 0 }
img, svg { max-width: 100% }
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap }
.skip { position: absolute; inset-inline-start: 8px; top: -60px; background: var(--blue); color: var(--bg); padding: .5rem .9rem; border-radius: 6px; z-index: 50 }
.skip:focus { top: calc(8px + env(safe-area-inset-top, 0px)) }
.hint { color: var(--muted); font-size: .92rem }
.mini { color: var(--muted); font-size: .85rem }
.eyebrow { font-size: .86rem; font-weight: 700; letter-spacing: .06em; color: var(--teal); text-transform: uppercase }
:lang(he) .eyebrow, :lang(ar) .eyebrow { letter-spacing: .02em }
.more { font-weight: 700 }
.more::after { content: ' ←' } :lang(en) .more::after { content: ' →' }
.empty { background: var(--warn-bg); color: var(--warn); padding: .7rem 1rem; border-radius: var(--rad) }

/* header */
.top { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line) }
.top-in { display: flex; align-items: center; gap: .6rem 1.1rem; flex-wrap: wrap; padding-block: .55rem }
.brand { display: inline-flex; align-items: center; gap: .5rem; font: var(--dw) 1.6rem/1 var(--display); color: var(--blue); text-decoration: none; white-space: nowrap }
:lang(ar) .brand, :lang(en) .brand { font-size: 1.15rem }
.ps { width: 1.15em; height: 1.15em; color: var(--teal); flex: none }
.menu-btn { display: none; font: inherit; font-weight: 700; background: none; border: 1.5px solid var(--line); color: var(--ink); border-radius: 8px; padding: .35rem .7rem; cursor: pointer }
.nav { flex: 1 1 auto; min-width: 0 }
.nav ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .1rem .15rem }
.nav a { display: block; padding: .3rem .55rem; border-radius: 6px; color: var(--ink); text-decoration: none; font-weight: 600; font-size: .95rem }
.nav a:hover { background: var(--sunk) }
.nav a[aria-current] { background: var(--blue); color: var(--bg) }
.tools { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap }
.search { position: relative }
.search input { font: inherit; font-size: .95rem; width: 13.5rem; max-width: 100%; padding: .38rem .7rem; border: 1.5px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink) }
.search-out { position: absolute; inset-inline-end: 0; top: calc(100% + 6px); width: min(26rem, calc(100vw - 2 * var(--gut))); max-height: 60vh; overflow: auto; background: var(--surface); border: 1px solid var(--line); border-radius: var(--rad); box-shadow: 0 12px 30px rgb(0 0 0 / .18); padding: .4rem; z-index: 30 }
.search-out a { display: block; padding: .5rem .65rem; border-radius: 7px; text-decoration: none; color: var(--ink) }
.search-out a:hover, .search-out a:focus { background: var(--sunk) }
.search-out small { display: block; color: var(--muted) }
.search-out p { padding: .6rem; color: var(--muted) }
.langs { display: flex; gap: .15rem; font-size: .9rem }
.langs a { padding: .25rem .5rem; border-radius: 6px; text-decoration: none; color: var(--ink); font-weight: 600 }
.langs a[aria-current] { background: var(--sun-soft); color: var(--ink) }
.crumbs ol { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .2rem .4rem; font-size: .88rem; color: var(--muted) }
.crumbs li + li::before { content: '/'; margin-inline-end: .4rem; color: var(--line) }
@media (max-width: 900px) {
  .menu-btn { display: inline-flex; gap: .4rem; margin-inline-start: auto }
  .nav { display: none; flex-basis: 100%; order: 5 } .nav.open { display: block }
  .nav ul { flex-direction: column } .nav a { padding: .6rem .7rem; font-size: 1.05rem }
  .tools { flex-basis: 100%; order: 4; justify-content: space-between } .search { flex: 1 1 12rem; min-width: 0 } .search input { width: 100% }
}

/* page head */
.phead { display: flex; flex-direction: column; gap: .8rem; padding-block-end: 1.4rem; border-bottom: 3px solid var(--blue); position: relative }
.phead::after { content: ''; position: absolute; inset-inline-start: 0; bottom: -9px; width: 15px; height: 15px; border-radius: 50%; background: var(--sun) }
.lead { font-size: clamp(1.1rem, 1.9vw, 1.3rem); line-height: 1.55; max-width: var(--measure); color: var(--ink) }
.typenote { max-width: var(--measure); color: var(--muted); font-weight: 600 }
.depth { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; font-size: .92rem; color: var(--muted) }
.depth a { padding: .2rem .7rem; border: 1.5px solid var(--line); border-radius: 999px; text-decoration: none; font-weight: 700; background: var(--surface) }

/* prose */
.prose { display: flex; flex-direction: column; gap: 2.2rem; min-width: 0 }
.sec { display: flex; flex-direction: column; gap: .8rem; min-width: 0 }
.sec > p, .sec > ul, .sec > ol, .sec > dl, .short p { max-width: var(--measure) }
.sec ul, .sec ol { padding-inline-start: 1.25rem; display: flex; flex-direction: column; gap: .45rem }
.ref a { font-size: .72em; font-weight: 700; text-decoration: none; padding: 0 .28em; margin-inline-start: .1em; border-radius: 4px; background: var(--sunk); color: var(--teal); font-variant-numeric: tabular-nums }
.deflist { display: flex; flex-direction: column; gap: .9rem }
.deflist > div { border-inline-start: 4px solid var(--teal); padding-inline-start: .9rem }
.deflist dt { font-weight: 700 } .deflist dd { margin: 0 }
.disputes > div { border-inline-start-color: var(--sun) }
.note { background: var(--sunk); border-radius: var(--rad); padding: 1.1rem 1.25rem; border: 1px dashed var(--line) }
.note h2 { font: 700 1.1rem/1.3 var(--body); color: var(--ink); letter-spacing: 0 }
.vision { background: linear-gradient(160deg, var(--sun-soft), var(--surface) 70%); border-radius: 16px; padding: clamp(1.2rem, 3vw, 2.2rem); border: 1px solid var(--line) }
.vision p { font-size: 1.14rem; line-height: 1.7 }
.vision-tag { font-size: .85rem !important; font-weight: 700; color: var(--warn); max-width: none }
.tablewrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--rad); background: var(--surface) }
table { border-collapse: collapse; width: 100%; font-size: .95rem }
th, td { text-align: start; vertical-align: top; padding: .6rem .75rem; border-bottom: 1px solid var(--line) }
thead th { background: var(--sunk); font-size: .88rem; position: sticky; top: 0 } tbody th { font-weight: 700; min-width: 9rem } td { min-width: 12rem } .gloss td { min-width: 0 }
tr:last-child > * { border-bottom: 0 }

/* chips */
.chip, .status, .tag, .kind { display: inline-block; font-size: .78rem; font-weight: 700; line-height: 1.35; padding: .12rem .55rem; border-radius: 999px; white-space: nowrap }
.chip { background: var(--calm-bg); color: var(--calm); border: 1px solid transparent }
.type-peace { background: var(--blue); color: var(--bg) } .type-normalization { background: var(--teal); color: var(--bg) }
.type-interim { background: var(--sun-soft); color: var(--ink); border-color: var(--sun) } .type-ceasefire { background: var(--bad-bg); color: var(--bad) }
.type-negotiation { background: transparent; color: var(--muted); border: 1px dashed var(--muted) } .type-initiative { background: transparent; color: var(--olive); border-color: var(--olive) }
.type-framework { background: var(--calm-bg); color: var(--calm) } .type-unratified, .type-unilateral, .type-boundary, .type-event { background: var(--sunk); color: var(--ink); border-color: var(--line) }
.tone-good { background: var(--good-bg); color: var(--good) } .tone-warn { background: var(--warn-bg); color: var(--warn) } .tone-bad { background: var(--bad-bg); color: var(--bad) } .tone-calm { background: var(--calm-bg); color: var(--calm) }
.status::before { content: '● '; font-size: .7em; vertical-align: .12em }
.tag { background: var(--sunk); color: var(--muted); white-space: normal } .tag-sun { background: var(--sun-soft); color: var(--ink) }
.kind { background: var(--sunk); color: var(--muted); border-radius: 4px; font-size: .72rem } .kind-primary { background: var(--good-bg); color: var(--good) } .kind-press { background: var(--calm-bg); color: var(--calm) }
.unchecked { font-size: .8rem; color: var(--warn); background: var(--warn-bg); padding: 0 .4rem; border-radius: 4px }

/* agreement page */
.alayout { display: grid; grid-template-columns: minmax(0, 1fr) 19rem; gap: 2.5rem; align-items: start }
.amain { min-width: 0 }
.factcard { position: sticky; top: calc(5rem + env(safe-area-inset-top, 0px)); background: var(--surface); border: 1px solid var(--line); border-top: 5px solid var(--blue); border-radius: var(--rad); padding: 1rem 1.1rem; display: flex; flex-direction: column; gap: .7rem; font-size: .95rem }
.factcard h2 { font: 700 1rem/1.3 var(--body); letter-spacing: 0; color: var(--muted) }
.factcard dl { display: flex; flex-direction: column; gap: .6rem } .factcard dt { font-size: .8rem; color: var(--muted); font-weight: 700 } .factcard dd { margin: 0 } .factcard .chip, .factcard .status { white-space: normal }
.verified { font-size: .82rem; color: var(--muted); border-top: 1px solid var(--line); padding-top: .6rem }
.short { background: var(--surface); border: 1px solid var(--line); border-inline-start: 6px solid var(--sun); border-radius: var(--rad); padding: 1.1rem 1.3rem; display: flex; flex-direction: column; gap: .6rem }
.short h2 { font: 700 .9rem/1.3 var(--body); letter-spacing: .04em; color: var(--warn) } .short h3 { font-size: .9rem; color: var(--muted); margin-top: .3rem } .short p:first-of-type { font-size: 1.14rem }
.oneline { font: 600 clamp(1.2rem, 2.3vw, 1.5rem)/1.4 var(--body); color: var(--blue); max-width: 34ch }
.road { list-style: none; padding: 0 !important; border-inline-start: 3px solid var(--line); gap: 0 !important }
.road li { display: grid; grid-template-columns: 10.5rem minmax(0, 1fr); gap: .2rem 1rem; padding: .45rem 0; padding-inline-start: 1.1rem; position: relative }
.road li::before { content: ''; position: absolute; inset-inline-start: -8px; top: .95rem; width: 13px; height: 13px; border-radius: 50%; background: var(--bg); border: 3px solid var(--teal) }
.road time { font-weight: 700; color: var(--teal); font-variant-numeric: tabular-nums }
.roles { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: .8rem }
.roles > div { background: var(--surface); border: 1px solid var(--line); border-radius: var(--rad); padding: .7rem .9rem } .roles dt { font-size: .8rem; font-weight: 700; color: var(--teal) } .roles dd { margin: 0 }
.split { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: 1.2rem }
.split > div { border-radius: var(--rad); padding: 1rem 1.2rem; display: flex; flex-direction: column; gap: .7rem; min-width: 0 }
.split h2 { font: 700 1.1rem/1.3 var(--body); letter-spacing: 0 } .did { background: var(--good-bg) } .did h2 { color: var(--good) } .didnot { background: var(--bad-bg) } .didnot h2 { color: var(--bad) }
@media (max-width: 900px) { .alayout { grid-template-columns: minmax(0, 1fr) } .factcard { position: static; order: -1 } .road li { grid-template-columns: minmax(0, 1fr) } }

/* maps */
.mapfig { background: var(--surface); border: 1px solid var(--line); border-radius: var(--rad); padding: .6rem; display: flex; flex-direction: column; gap: .7rem; max-width: 34rem; min-width: 0 }
.mapfig-wide { max-width: none } .map { display: block; width: 100%; height: auto; border-radius: 6px }
.map text { font-family: var(--body); paint-order: stroke; stroke: var(--m-halo); stroke-linejoin: round; fill: var(--m-city) }
.m-country { font-weight: 700; letter-spacing: .03em } .m-area { font-weight: 600; font-style: italic } .map .m-water { fill: var(--m-water); stroke: none; font-style: italic }
.map a text { text-decoration: underline; text-decoration-thickness: .5px } .map a:hover text, .map a:focus text { fill: var(--link) }
.rg { fill: var(--r-other); stroke: var(--m-coast) } .rg-peace { fill: var(--r-peace) } .rg-norm { fill: var(--r-norm) } .rg-pending { fill: var(--r-pending) } .rg-interim { fill: var(--r-interim) } .rg-talks { fill: var(--r-talks) } .rg-none { fill: var(--r-none) } .rg-self { fill: var(--r-self) }
.legend { list-style: none; padding: 0 !important; display: flex; flex-direction: column; gap: .4rem !important; font-size: .88rem }
.legend li { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: .6rem; align-items: center }
.legend-rg { flex-direction: row; flex-wrap: wrap; gap: .4rem 1.1rem !important } .legend-rg li { grid-template-columns: 1.1rem minmax(0, 1fr); gap: .4rem }
.sw { display: block; height: 0; border-top: 3px solid var(--m-intl) }
.legend-rg .sw { height: 1.1rem; width: 1.1rem; border: 1px solid var(--m-coast); border-radius: 3px; background: var(--r-other) }
.sw.rg-peace { background: var(--r-peace) } .sw.rg-norm { background: var(--r-norm) } .sw.rg-pending { background: var(--r-pending) } .sw.rg-interim { background: var(--r-interim) } .sw.rg-talks { background: var(--r-talks) } .sw.rg-none { background: var(--r-none) } .sw.rg-self { background: var(--r-self) }
.sw-treaty { border-top: 4px solid var(--m-treaty) } .sw-treatywp { border-top: 4px dotted var(--m-treaty) } .sw-green { border-top: 3px dashed var(--m-green) } .sw-blue { border-top: 3px dotted var(--m-blue) } .sw-ceasefire { border-top: 3px dashed var(--m-cease) } .sw-intl { border-top: 1.5px solid var(--m-intl) }
.sw-area-ps, .sw-area-gol, .sw-area-und { height: 1rem; border: 1px solid var(--m-coast); border-radius: 3px }
.sw-area-ps { background: repeating-linear-gradient(45deg, var(--m-ps) 0 4px, var(--m-ps-line) 4px 6px) } .sw-area-gol { background: repeating-linear-gradient(-45deg, var(--m-il) 0 4px, var(--m-gol-line) 4px 6px) } .sw-area-und { background: var(--m-und) }
.maprow { display: grid; grid-template-columns: minmax(0, 30rem) minmax(0, 1fr); gap: 2rem; align-items: start } .maprow > div { display: flex; flex-direction: column; gap: .9rem; min-width: 0 }
@media (max-width: 820px) { .maprow { grid-template-columns: minmax(0, 1fr) } }
details { min-width: 0 } summary { cursor: pointer; font-weight: 700; color: var(--link) }
.alt, .typekey, .tocwrap { background: var(--sunk); border-radius: var(--rad); padding: .7rem 1rem } .alt p { margin-top: .5rem; font-size: .95rem }
.typekey ul { list-style: none; padding: 0; margin-block: .7rem; display: flex; flex-direction: column; gap: .4rem }

/* agreements index */
.filters { display: flex; flex-wrap: wrap; gap: .8rem 1rem; align-items: end; background: var(--surface); border: 1px solid var(--line); border-radius: var(--rad); padding: .9rem 1rem }
.filters label { display: flex; flex-direction: column; gap: .2rem; font-size: .82rem; font-weight: 700; color: var(--muted); flex: 1 1 12rem; min-width: 0 }
select { font: inherit; font-size: .98rem; padding: .45rem .6rem; border: 1.5px solid var(--line); border-radius: 8px; background: var(--bg); color: var(--ink); max-width: 100%; min-width: 0 }
.btn-ghost { font: inherit; font-weight: 700; font-size: .92rem; background: none; border: 1.5px solid var(--line); color: var(--link); border-radius: 8px; padding: .45rem .8rem; cursor: pointer }
.count { font-size: .92rem; color: var(--muted); font-variant-numeric: tabular-nums; flex-basis: 100% } .count output { font-weight: 700; color: var(--ink) }
.tracks { display: flex; flex-direction: column; gap: 2rem } .track { display: flex; flex-direction: column; gap: .7rem }
.alist { list-style: none; padding: 0; display: flex; flex-direction: column; border-top: 1px solid var(--line) }
.aitem a { display: grid; grid-template-columns: 4.2rem minmax(0, 1fr); gap: 1rem; padding: .85rem .3rem; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink) }
.aitem a:hover { background: var(--surface) }
.ayear { font: var(--dw) 1.9rem/1 var(--display); color: var(--teal); font-variant-numeric: tabular-nums } :lang(ar) .ayear, :lang(en) .ayear { font-size: 1.3rem; line-height: 1.3 }
.abody { display: flex; flex-direction: column; gap: .25rem; min-width: 0 } .aname { font-weight: 700; font-size: 1.1rem; color: var(--link) } .aone { color: var(--muted); font-size: .95rem } .ameta { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .15rem }

/* timeline */
.timeline { list-style: none; padding: 0; border-inline-start: 3px solid var(--line); margin-inline-start: .4rem; display: flex; flex-direction: column }
.tl { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: .2rem 1.2rem; padding: .7rem 0; padding-inline-start: 1.3rem; position: relative }
.tl::before { content: ''; position: absolute; inset-inline-start: -9px; top: 1.15rem; width: 15px; height: 15px; border-radius: 50%; background: var(--teal); border: 3px solid var(--bg) }
.tl time { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--teal) } .tl p { color: var(--muted); font-size: .95rem; max-width: var(--measure) } .tl a { font-weight: 700 }
.tl-ev::before { background: var(--bad); border-radius: 2px; transform: rotate(45deg) } .tl-ev time { color: var(--bad) } .tl-ev .evname { font-weight: 600 } .tl-ev a.mini { font-weight: 400 }
@media (max-width: 640px) { .tl { grid-template-columns: minmax(0, 1fr) } }

/* people, profiles, cards */
.people, .profiles, .civil, .quotes, .vgrid, .pgrid { display: grid; gap: 1.1rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)) }
.people-big, .profiles { grid-template-columns: minmax(0, 1fr) } .quotes { grid-template-columns: repeat(auto-fill, minmax(min(100%, 24rem), 1fr)) }
.person, .org, .pcard { background: var(--surface); border: 1px solid var(--line); border-radius: var(--rad); padding: 1rem 1.15rem; display: flex; flex-direction: column; gap: .6rem; min-width: 0; scroll-margin-top: 6rem }
.person-big { border-top: 5px solid var(--blue); padding: 1.3rem 1.5rem } .person-big h3 { font: var(--dw) var(--h2)/1.1 var(--display); color: var(--blue) }
.psub { color: var(--muted); font-size: .92rem } .years { font-variant-numeric: tabular-nums; font-weight: 700 } .plead { font-weight: 600 }
.contrib { padding-inline-start: 1.1rem; display: flex; flex-direction: column; gap: .35rem; font-size: .97rem } .person-big .contrib, .person-big .plead, .person-big .pcontext { max-width: var(--measure) }
.pcontext { font-size: .93rem; background: var(--sunk); border-radius: 8px; padding: .55rem .75rem }
.pin ul { list-style: none; padding: 0; margin-top: .4rem; display: flex; flex-direction: column; gap: .3rem; font-size: .93rem }
.plinks-row { display: flex; flex-wrap: wrap; gap: .3rem 1rem; font-size: .9rem; margin-top: auto } .plinks-row span { color: var(--muted) }
.toc ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .3rem .5rem; font-size: .9rem } .toc a { display: inline-block; padding: .15rem .6rem; background: var(--surface); border: 1px solid var(--line); border-radius: 999px; text-decoration: none }
.tocwrap .toc { margin-top: .7rem }
.profile { background: var(--surface); border: 1px solid var(--line); border-radius: var(--rad); overflow: hidden; scroll-margin-top: 6rem; min-width: 0 }
.profile > header { padding: 1rem 1.3rem .8rem; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, var(--sun-soft), transparent 55%) } [dir="rtl"] .profile > header { background: linear-gradient(270deg, var(--sun-soft), transparent 55%) }
.profile h3 { font: var(--dw) calc(var(--h2) * .82)/1.15 var(--display); color: var(--blue) }
.profile-body { display: grid; grid-template-columns: minmax(0, 22rem) minmax(0, 1fr); gap: 1.5rem; padding: 1.1rem 1.3rem }
.facts { display: flex; flex-direction: column; gap: .55rem; font-size: .93rem } .facts dt { font-size: .78rem; font-weight: 700; color: var(--teal) } .facts dd { margin: 0 }
.profile-text { display: flex; flex-direction: column; gap: .7rem; min-width: 0 } .plinks { list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; gap: .3rem 1rem !important; font-size: .9rem; flex-direction: row !important }
@media (max-width: 760px) { .profile-body { grid-template-columns: minmax(0, 1fr) } }
.quote { background: var(--surface); border-radius: var(--rad); border: 1px solid var(--line); padding: 1.2rem 1.3rem; display: flex; flex-direction: column; gap: .7rem; min-width: 0 }
.quote blockquote p { font: 600 clamp(1.15rem, 2vw, 1.4rem)/1.45 var(--body); color: var(--blue) }
.quote blockquote::before { content: '“'; font: 800 3rem/.6 Georgia, serif; color: var(--sun); display: block; height: 1.3rem }
.q-orig { font-size: .92rem; color: var(--muted) } .q-lab, .q-note { font-size: .8rem; font-weight: 700 } .q-note { color: var(--warn) }
.quote figcaption { font-size: .88rem; color: var(--muted); border-top: 1px solid var(--line); padding-top: .6rem } .q-status { font-size: .82rem }
.vcard { display: grid; grid-template-columns: 3.4rem minmax(0, 1fr); gap: .9rem; background: var(--surface); border: 1px solid var(--line); border-radius: var(--rad); padding: .9rem 1rem; min-width: 0 }
.vplay { width: 3.4rem; height: 3.4rem; border-radius: 50%; background: var(--blue); display: grid; place-items: center; text-decoration: none }
.vtri { width: 0; height: 0; border-block: .6rem solid transparent; border-inline-start: 1rem solid var(--bg); margin-inline-start: .25rem }
.vbody { display: flex; flex-direction: column; gap: .3rem; min-width: 0; font-size: .95rem } .vbody h3 { font-size: 1rem } .vdate { font-size: .82rem; font-weight: 700; color: var(--teal); display: flex; flex-wrap: wrap; gap: .3rem .5rem; align-items: center } .vwhy { color: var(--muted) } .vch { font-size: .8rem; color: var(--muted) }
.pcard h3 { font-size: 1rem } .pdate { font-size: .82rem; font-weight: 700; color: var(--teal) } .pcard dl { font-size: .85rem; color: var(--muted); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .15rem .6rem } .pcard dt { font-weight: 700 } .pcard dd { margin: 0 }
.seealso { border-top: 1px solid var(--line); padding-top: 1rem; display: flex; flex-direction: column; gap: .5rem } .seealso h2 { font: 700 .95rem/1.3 var(--body); color: var(--muted); letter-spacing: 0 }
.seealso ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem .6rem } .seealso li a { display: inline-block; padding: .3rem .8rem; border: 1.5px solid var(--line); border-radius: 999px; background: var(--surface); text-decoration: none; font-weight: 600 }
.sources { border-top: 3px solid var(--line); padding-top: 1.4rem; display: flex; flex-direction: column; gap: .8rem }
.srclist { padding-inline-start: 1.6rem; display: flex; flex-direction: column; gap: .55rem; font-size: .9rem } .plainlist { list-style: none; padding-inline-start: 0 } .srclist li:target { background: var(--sun-soft); outline: 6px solid var(--sun-soft); border-radius: 2px }
.pub { font-weight: 700 } .sdate { color: var(--muted) } .allsrc { margin-top: .8rem }

/* future tool */
.pick { border: 1px solid var(--line); border-radius: var(--rad); padding: .8rem 1rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); gap: .5rem .9rem; background: var(--surface); min-width: 0 }
.pick legend { font-weight: 700; padding-inline: .4rem } .pickitem { display: flex; gap: .5rem; align-items: baseline; cursor: pointer } .pickitem small { display: block; color: var(--muted) }
input[type="checkbox"] { accent-color: var(--blue); width: 1.05rem; height: 1.05rem; flex: none }
.dimpick { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; font-weight: 700 }
#plan-out th small { display: block; font-weight: 400; color: var(--muted); margin-top: .2rem }

/* home */
.hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; padding-block: clamp(.5rem, 3vw, 2rem) }
.hero-text { display: flex; flex-direction: column; gap: 1.1rem; min-width: 0 } .hero h1 { max-width: 15ch } :lang(ar) .hero h1, :lang(en) .hero h1 { max-width: 19ch }
.hero-cta { display: flex; flex-wrap: wrap; gap: .7rem }
.btn { display: inline-block; background: var(--blue); color: var(--bg); padding: .7rem 1.3rem; border-radius: 999px; font-weight: 700; text-decoration: none; border: 2px solid var(--blue) }
.btn-2 { background: transparent; color: var(--blue) } .btn:hover { filter: brightness(1.12) }
.hero-mark { display: flex; flex-direction: column; align-items: center; gap: .8rem; min-width: 0 }
.mark { position: relative; width: min(100%, 23rem); aspect-ratio: 1; display: grid; place-items: center }
.mark-ps { width: 62%; height: 62%; color: var(--blue) }
.mark .w { position: absolute; line-height: 1; font-weight: 800; background: var(--bg); padding: .05em .22em; border-radius: .2em; white-space: nowrap }
.w-he { font-family: 'Karantina', 'Assistant', Arial, sans-serif; font-size: clamp(3.2rem, 9vw, 5.2rem); font-weight: 700; color: var(--teal); top: 0; inset-inline: 0; margin-inline: auto; width: fit-content }
.w-ar { font-family: 'Alexandria', 'IBM Plex Sans Arabic', Tahoma, sans-serif; font-size: clamp(2.1rem, 6vw, 3.4rem); color: var(--olive); bottom: 9%; left: -2% }
.w-en { font-family: 'Bricolage Grotesque', 'Assistant', Arial, sans-serif; font-size: clamp(2rem, 5.6vw, 3.2rem); color: var(--sun); bottom: 9%; right: -2%; letter-spacing: -.02em }
.olive { position: absolute; width: 46%; bottom: -3%; left: 27%; color: var(--olive); opacity: .9 }
.words-note { font-size: .88rem; color: var(--muted); text-align: center; max-width: 30ch }
@media (max-width: 760px) { .hero { grid-template-columns: minmax(0, 1fr) } .hero-mark { order: -1 } .mark { width: min(78%, 17rem) } }
.doors { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1rem }
.door { display: flex; flex-direction: column; gap: .5rem; padding: 1.3rem 1.4rem 1.4rem; background: var(--blue); color: var(--bg); border-radius: 16px; text-decoration: none; min-width: 0 }
.door:nth-child(2) { background: var(--teal) } .door:nth-child(3) { background: var(--olive) }
.door-n { font: var(--dw) calc(var(--h2) * .95)/1.1 var(--display) } .door-d { font-size: .98rem; opacity: .95 } .door:hover { transform: translateY(-2px) } .door { transition: transform .15s ease }
.band { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(1.2rem, 3vw, 2.5rem); align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: clamp(1.1rem, 3vw, 2rem) }
.band > div { display: flex; flex-direction: column; gap: .8rem; min-width: 0 } .band .mapfig { max-width: none; border: 0; padding: 0 }
.band-moment { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: var(--sunk) } .moment { font-size: 1.14rem }
@media (max-width: 820px) { .band, .band-moment { grid-template-columns: minmax(0, 1fr) } }
.strip-wrap { overflow-x: auto; padding-block: .3rem .8rem }
.sec .strip { list-style: none; padding: 0; display: flex; flex-direction: row; gap: 0; border-top: 3px solid var(--blue); min-width: max-content }
.strip li { width: 9.6rem; flex: none; padding: .9rem .7rem 0; position: relative } .strip li::before { content: ''; position: absolute; top: -8px; inset-inline-start: .7rem; width: 13px; height: 13px; border-radius: 50%; background: var(--sun); border: 2px solid var(--bg) }
.strip a { display: flex; flex-direction: column; gap: .3rem; align-items: flex-start; text-decoration: none; color: var(--ink) } .sy { font: var(--dw) 2rem/1 var(--display); color: var(--blue) } :lang(ar) .sy, :lang(en) .sy { font-size: 1.4rem } .sn { font-weight: 600; font-size: .93rem; line-height: 1.3 }
.morelinks { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: 0 1.5rem }
.morelinks a { display: flex; flex-direction: column; gap: .15rem; padding: .8rem 0; border-top: 1px solid var(--line); text-decoration: none; color: var(--ink) } .morelinks strong { color: var(--link); font-size: 1.08rem } .morelinks span { color: var(--muted); font-size: .93rem }
.principles ol { counter-reset: p; list-style: none; padding: 0 !important; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: .8rem 1.4rem !important; max-width: none !important }
.principles li { counter-increment: p; display: grid; grid-template-columns: 2.1rem minmax(0, 1fr); gap: .6rem; align-items: start; font-weight: 600 }
.principles li::before { content: counter(p); font: var(--dw) 1.9rem/1 var(--display); color: var(--sun) } :lang(ar) .principles li::before, :lang(en) .principles li::before { font-size: 1.4rem }

/* footer */
.foot { border-top: 3px solid var(--blue); background: var(--sunk); margin-top: 1rem }
.foot-in { padding-block: 1.6rem 2.2rem; display: flex; flex-direction: column; gap: .6rem; font-size: .9rem; color: var(--muted) } .foot-in p { max-width: 80ch }
.foot-brand { color: var(--ink); display: flex; flex-wrap: wrap; gap: .4rem; align-items: center } .copyrow { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center } .copy-out { user-select: all; overflow-wrap: anywhere }

/* root gateway */
.gate { min-height: 100%; display: grid; place-items: center; padding-block: clamp(1.5rem, 5vw, 3.5rem) }
.gate-in { display: flex; flex-direction: column; align-items: center; gap: 2rem; width: 100% }
.gate-langs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 1rem; width: 100% }
.gate-l { display: flex; flex-direction: column; gap: .6rem; padding: 1.4rem 1.5rem; border-radius: 18px; text-decoration: none; background: var(--blue); color: var(--bg); min-width: 0 }
.gate-l.l-ar { background: var(--olive) } .gate-l.l-en { background: var(--teal) }
.gl-name { font: var(--dw) calc(var(--h1) * .72)/1.05 var(--display) } .gl-d { font-family: var(--body); font-size: 1rem; line-height: 1.5; opacity: .95 } .gl-go { font-family: var(--body); font-weight: 700; margin-top: auto; text-decoration: underline; text-underline-offset: .2em }
.gate-foot { color: var(--muted); font-family: var(--body); text-align: center }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto } * { transition: none !important; animation: none !important } }
@media print { .top, .foot, .filters, .depth, .seealso { display: none } body { background: #fff } }

.gate .hero-mark { width: 100% }
/* Editorial edition: local fonts, archive-led storytelling and readable navigation. */
:root,:lang(he){--display:'Assistant','Arial Hebrew',Arial,sans-serif;--dlh:1.14;--dls:-.025em;--h1:clamp(2.4rem,5vw,4.2rem);--h2:clamp(1.65rem,3vw,2.4rem);--rad:16px}
:lang(ar){--display:'Alexandria',Tahoma,sans-serif;--dlh:1.5;--dls:0;--h1:clamp(2rem,4vw,3.4rem);--h2:clamp(1.35rem,2.5vw,1.85rem)}
:lang(en){--display:'Bricolage Grotesque','Assistant',Arial,sans-serif;--dlh:1.1;--dls:-.035em}
body{line-height:1.8}h1,h2,h3{letter-spacing:var(--dls)}.wrap{max-width:1280px}.top-in{padding-block:12px;gap:10px 20px}.brand{font-size:1.45rem;letter-spacing:-.03em}.nav a{font-size:.9rem}.tools{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:8px}.search{margin-inline-end:auto}.search input{width:20rem}.theme-toggle{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;color:var(--ink);background:var(--surface);font-size:1.4rem;cursor:pointer}
.reading-progress{position:fixed;top:0;inset-inline-start:0;width:var(--progress,0%);height:3px;background:var(--teal);z-index:100}.editorial-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;padding:40px 0 56px}.hero-copy h1{font-size:clamp(4.8rem,8vw,8rem);line-height:1.03;margin:24px 0;color:var(--ink);letter-spacing:-.055em}.l-ar .hero-copy h1{font-size:clamp(3.1rem,6.2vw,5.8rem);line-height:1.45;letter-spacing:0}.l-en .hero-copy h1{font-size:clamp(4.2rem,7vw,6.7rem)}.hero-lead{font-size:1.3rem;line-height:1.7;max-width:35ch;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{border-radius:999px;padding:.8rem 1.4rem;font-weight:700}.hero-caption{font-size:.9rem;color:var(--muted);margin-top:18px}.hero-art{position:relative;min-height:490px;border-radius:180px 180px 24px 24px;background:var(--sunk);overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:24px}.hero-symbol{width:210px;height:220px;position:relative}.hero-symbol .mark{width:190px;height:190px;font-size:1rem}.hero-symbol .mark-ps{width:130px;height:130px}.hero-archive{width:100%;border:8px solid var(--surface);border-radius:9px;background:var(--surface);transform:rotate(-3deg);box-shadow:0 15px 36px #14263d22;margin-top:8px}.hero-archive img{width:100%;aspect-ratio:1.65;object-fit:cover;display:block}.hero-archive figcaption{font-size:.7rem;line-height:1.4;padding:7px;color:var(--muted)}
.values-ribbon{display:flex;align-items:center;gap:24px;background:var(--ink);color:var(--bg);padding:28px 32px;border-radius:18px}.values-ribbon>span{font-size:3.2rem;color:#abd6c6}.values-ribbon h2{font:700 1.45rem/1.5 var(--body);color:inherit}.values-ribbon p{font-size:.95rem;opacity:.86;max-width:84ch}.values-ribbon>a{color:inherit;white-space:nowrap;font-size:.85rem}.editorial-section{padding-block:22px}.section-heading{margin-bottom:25px}.section-heading h2{margin:8px 0 10px}.section-heading>p:last-child{color:var(--muted);max-width:72ch}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s}.story-card:hover{transform:translateY(-4px)}.story-image{position:relative;display:block;aspect-ratio:1.55;background:var(--sunk)}.story-image img{width:100%;height:100%;object-fit:cover;display:block}.story-year{position:absolute;bottom:14px;inset-inline-start:18px;background:#fff;color:#14263d;padding:2px 12px;border-radius:999px;font-weight:700;font-size:1.1rem}.story-copy{padding:24px}.story-copy h3{font-size:1.45rem;line-height:1.4;margin:13px 0}.story-copy h3 a{color:var(--ink);text-decoration:none}.story-copy>p{font-size:1rem;color:var(--muted);margin-bottom:16px}.story-copy .story-credit{font-size:.7rem;margin:12px 0 0}.story-credit a{color:var(--muted)}.doors{gap:18px}.door{position:relative;padding:28px;border-radius:16px}.door-index{font-size:.85rem;color:var(--teal);letter-spacing:.1em;margin-bottom:22px}.door-arrow{position:absolute;inset-inline-end:22px;top:22px}.door-n{font-size:1.7rem}.home-map{border:1px solid var(--line);border-radius:24px;background:var(--sunk);padding:36px;gap:42px}.home-map h2{font-size:2.9rem}.home-map>div{display:flex;flex-direction:column;gap:20px}.leader-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:22px}.leader-tile{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:9px}.leader-tile img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:14px;background:var(--sunk)}.leader-tile strong{font-size:1.35rem}.leader-tile span{font-size:.95rem;color:var(--muted);line-height:1.6}.home-listen{display:grid;grid-template-columns:.7fr 1fr;gap:48px;padding:38px;background:var(--sunk);border-radius:24px}.home-listen>div{display:flex;flex-direction:column;gap:22px;justify-content:center}.home-listen .vcard{margin:0}.archive-image{display:block;width:100%;height:auto}.pcard{padding:0;overflow:hidden}.pcard>img{aspect-ratio:1.55;object-fit:cover}.photo-caption{padding:20px;display:flex;flex-direction:column;gap:8px}.photo-caption summary{font-size:.85rem}.person-photo{margin-bottom:20px}.person-photo img{max-height:280px;object-fit:cover;border-radius:12px}.person-photo figcaption{font-size:.72rem;line-height:1.4;margin-top:7px;color:var(--muted)}.agreement-photo{max-width:950px;align-self:center;width:100%}.agreement-photo img{max-height:470px;object-fit:contain;background:var(--sunk);border-radius:18px}.agreement-photo figcaption{font-size:.82rem;color:var(--muted);margin-top:10px}.section-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:18px 0;border-block:1px solid var(--line);font-size:.9rem;line-height:1.6}.section-nav a{padding:5px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:var(--surface)}.section-nav a:hover{background:var(--sunk)}.read-time{color:var(--muted);font-size:.9rem;margin-top:12px}.phead{gap:20px}.status-review{padding:14px 20px;border-inline-start:3px solid var(--teal);background:var(--sunk);font-size:.9rem;color:var(--muted)}.prose{font-size:1.1rem}.prose p{line-height:1.85}.sec{scroll-margin-top:180px}.sources{max-width:100%;font-size:.9rem}.sources .srclist{overflow-wrap:anywhere}.video-frame{aspect-ratio:16/9;position:relative;background:#143b46;overflow:hidden}.video-load{width:100%;height:100%;padding:0;border:0;background:linear-gradient(140deg,#123a63,#176d68);color:#fff;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font:700 1rem var(--body)}.video-load img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.video-play-icon{position:relative;display:grid;place-items:center;width:62px;height:62px;border:1px solid #ffffff88;border-radius:50%;font-size:1.5rem;background:#10283d88}.video-action{position:relative}.video-consent{font-size:.73rem;color:var(--muted);padding:8px 16px 0;line-height:1.5}.video-frame iframe{width:100%;height:100%;border:0}.vcard{overflow:hidden;border-radius:16px}.profile summary{cursor:pointer}.song-player{margin-top:16px}.song-player .video-frame{max-width:620px}.foot{margin-top:40px}.gate{min-height:100vh}.gate-l{border-radius:20px}.gate-langs{gap:20px}.gate .mark{max-width:280px}
@media(max-width:900px){.editorial-hero{gap:24px}.hero-copy h1{font-size:5rem}.hero-art{min-height:410px}.values-ribbon{flex-wrap:wrap}.values-ribbon>div{flex:1;min-width:220px}.values-ribbon>a{margin-inline-start:70px}.story-grid{gap:15px}.story-copy{padding:18px}.leader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools{justify-content:flex-start}.home-map{padding:24px}.home-map h2{font-size:2rem}}
@media(max-width:650px){.top-in{padding-block:8px}.tools{gap:5px}.search{width:100%;order:3}.search input{width:100%;font-size:16px}.langs{margin-inline-start:auto}.editorial-hero{grid-template-columns:1fr;padding-block:20px 12px;gap:28px}.hero-copy h1,.l-en .hero-copy h1{font-size:4.8rem}.l-ar .hero-copy h1{font-size:3.4rem}.hero-lead{font-size:1.15rem}.hero-art{min-height:0;border-radius:140px 140px 22px 22px;padding:12px 22px 24px}.hero-symbol{height:175px;width:175px}.hero-symbol .mark{width:160px;height:160px}.hero-symbol .mark-ps{width:105px;height:105px}.hero-archive{width:100%;margin-top:0}.hero-archive img{aspect-ratio:1.85}.values-ribbon{padding:20px;gap:14px}.values-ribbon>span{font-size:2.3rem}.values-ribbon h2{font-size:1.2rem}.values-ribbon>div{min-width:190px}.values-ribbon>a{margin:0}.story-grid{grid-template-columns:1fr}.story-image{aspect-ratio:1.8}.story-copy{padding:22px}.home-map{padding:20px;grid-template-columns:1fr}.home-listen{grid-template-columns:1fr;gap:24px;padding:20px}.leader-grid{gap:16px}.leader-tile strong{font-size:1.15rem}.leader-tile span{font-size:.88rem}.section-nav{gap:8px;font-size:.82rem}.section-nav strong{width:100%}.prose{font-size:1.05rem}.person-big .quote{font-size:1rem}.archive-image{min-width:0}.pgrid{grid-template-columns:1fr}.foot{font-size:.9rem}.sec{scroll-margin-top:190px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Reset the former icon-column media layout now that cards contain players. */
.vcard{display:block;padding:0;min-width:0}.vbody{padding:20px}.vdate{display:flex;gap:6px;flex-wrap:wrap}.vbody h3{margin-block:10px}.video-consent+.video-consent{padding-top:4px}.hero-symbol{width:260px;height:230px;display:grid;place-items:center}.hero-symbol .mark{width:250px;height:210px;display:grid;place-items:center}.hero-symbol .mark-ps{width:138px;height:138px;margin-top:0}.hero-symbol .mark .w{background:transparent;padding:0;line-height:1.2}.hero-symbol .w-he{font:700 1.6rem/1.2 'Assistant',Arial,sans-serif;top:0}.hero-symbol .w-ar{font:500 1.25rem/1.3 'Alexandria',Tahoma,sans-serif;bottom:0;left:26px}.hero-symbol .w-en{font:700 1.4rem/1.2 'Bricolage Grotesque',Arial,sans-serif;bottom:0;right:26px}.hero-symbol .olive{display:none}.person-photo:has(img[src*="portrait-"]) img{object-fit:contain;background:var(--sunk);width:100%;height:250px}.leader-tile img{object-position:50% 28%}.door-index{color:inherit;opacity:.75}.door-arrow{font-size:1.3rem}.values-ribbon>span{color:inherit}.home-listen h2{font-size:2.3rem}.home-listen .vbody p{font-size:.95rem}.home-map .mapfig{background:transparent}
@media(max-width:650px){.hero-symbol{width:240px;height:190px}.hero-symbol .mark{width:230px;height:180px}.hero-symbol .mark-ps{width:112px;height:112px}.hero-symbol .w-he{font-size:1.5rem}.hero-symbol .w-ar,.hero-symbol .w-en{font-size:1.2rem}.home-listen h2{font-size:1.8rem}.vbody{padding:16px}}
/* Interactive atlas. The original map and source notes remain usable without scripts. */
.map-explorer{container-type:inline-size;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;width:100%;min-width:0;color:var(--ink)}.map-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:16px;background:var(--sunk);border-bottom:1px solid var(--line)}.map-toolbar label,.map-info label{display:flex;flex-direction:column;gap:5px;font-size:.82rem;font-weight:700;flex:1;min-width:160px}.map-explorer select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:8px;font:inherit;font-size:.9rem;max-width:100%}.map-buttons{display:flex;gap:6px;align-items:center;direction:ltr}.map-explorer button{border:1px solid var(--line);border-radius:9px;min-height:44px;background:var(--surface);color:var(--ink);font:600 .86rem var(--body);padding:9px 12px;cursor:pointer}.map-buttons button{font-size:1.35rem;min-width:44px}.map-buttons output{min-width:48px;text-align:center;font-size:.78rem}.map-explorer button:hover{background:var(--sunk)}.map-explorer button:disabled{opacity:.35;cursor:default}.map-explore-layout{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.map-canvas-column{min-width:0}.map-stage{overflow:hidden;position:relative;background:var(--m-sea);isolation:isolate}.map-stage>svg{display:block;width:100%;height:auto;max-height:650px;touch-action:pan-y pinch-zoom;user-select:none;cursor:grab}.map-stage.gestures-on>svg{touch-action:none}.map-stage>svg:active{cursor:grabbing}.map-stage>svg [data-map-country]{transition:opacity .15s}.map-stage .map-selectable{cursor:pointer}.map-stage path.map-selectable:hover{filter:brightness(.92)}.map-stage path.map-selected{stroke:var(--ink)!important;stroke-width:3px!important;vector-effect:non-scaling-stroke;paint-order:fill stroke;filter:brightness(.9)}.map-stage a.map-selected text{fill:var(--ink);text-decoration:underline;font-weight:800}.map-stage .map-dimmed{opacity:.17}.map-info{padding:20px;background:var(--surface);border-top:1px solid var(--line);min-width:0}.map-info h3{font-size:1.5rem;color:var(--blue);margin-bottom:9px}.map-info p{font-size:.92rem;line-height:1.7}.map-info-icon{font-size:2.1rem;color:var(--teal)}.map-info button{margin-top:12px}.map-info h4{font-size:.95rem;margin:18px 0 8px}.map-info ul{list-style:none;padding:0;max-height:280px;overflow:auto;overscroll-behavior:contain}.map-info li{padding:12px 0;border-top:1px solid var(--line)}.map-info li a{font-weight:700;font-size:.95rem;line-height:1.5}.map-info li span{display:block;font-size:.74rem;color:var(--muted);margin-block:3px}.map-info li p{font-size:.83rem}.map-info [data-map-period-box]{margin-top:15px}.map-info [data-map-period-box][hidden]{display:none}.map-help,.map-date{font-size:.75rem;line-height:1.55;color:var(--muted);padding:10px 16px}.map-help span{display:block;margin-top:4px}.map-info .map-help{padding:5px 0}.map-date{margin:0;border-top:1px solid var(--line)}.map-touch-row{padding:10px 16px 0}.map-touch-row button[aria-pressed="true"]{background:var(--blue);color:var(--bg)}.map-layers{padding:0 16px 14px;font-size:.8rem}.map-layers summary{cursor:pointer;font-weight:700}.map-layer-options{display:flex;flex-wrap:wrap;gap:12px;margin-block:12px}.map-layer-options label{display:flex;align-items:center;min-height:44px;gap:6px}.map-layer-options input{width:18px;height:18px;accent-color:var(--teal)}.map-layers .legend{font-size:.8rem;display:flex;gap:9px 18px;flex-wrap:wrap}.hide-map-labels .m-country,.hide-map-labels .m-area,.hide-map-labels .m-water{visibility:hidden}.hide-map-cities .m-city,.hide-map-cities svg circle{visibility:hidden}.hide-map-borders .ln{visibility:hidden}.map-expanded{position:fixed;inset:12px;z-index:2000;width:auto;max-width:none;overflow:auto;box-shadow:0 0 0 200vmax #0b152bbb}.map-expanded .map-stage>svg{height:min(66vh,780px);max-height:none}.map-expanded .map-info ul{max-height:48vh}.home-map{display:block}.home-map>div{margin-bottom:22px}.home-map .mapfig{width:100%;max-width:none}.mapfig:has(.map-explorer){padding:0;overflow:visible}.mapfig .map-explorer{max-width:100%}.maprow:has(.map-explorer){display:block}.maprow>div{margin-top:20px}.map-explorer+.legend{margin-top:15px}
@container(min-width:800px){.map-explore-layout{grid-template-columns:minmax(0,1fr) 275px}.map-info{border-top:0;border-inline-start:1px solid var(--line)}.map-info ul{max-height:360px}}
@media(max-width:650px){.map-toolbar{padding:12px;gap:10px}.map-toolbar>label{flex-basis:100%;min-width:0}.map-buttons{width:100%;justify-content:space-between}.map-buttons button{min-width:46px;min-height:46px}.map-buttons output{font-size:.85rem}.map-info{padding:16px}.map-info h3{font-size:1.3rem}.map-expanded{inset:5px;border-radius:12px}.map-expanded .map-stage>svg{height:46vh}.map-help span{display:none}.home-map{padding:16px}.map-explorer select{font-size:16px}.map-explorer .legend{font-size:.77rem}}
@media(prefers-reduced-motion:reduce){.map-stage>svg [data-map-country]{transition:none}}
/* Editorial discovery components: readable without JavaScript, never autoplay. */
.discovery-deck{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface)}.discovery-slide{display:grid;grid-template-columns:1fr 1fr;min-width:0}.discovery-slide[hidden],[data-timeline-year][hidden],article[id^="p-"][hidden],section.sec[hidden],.explore-filters[hidden],.discovery-controls[hidden]{display:none}.discovery-art{position:relative;min-height:330px;background:var(--blue);color:var(--bg);display:grid;place-items:center;overflow:hidden}.discovery-art>span:not(.discovery-year){font-size:10rem;opacity:.35}.discovery-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.discovery-year{position:absolute;top:18px;inset-inline-start:20px;font:800 clamp(2.8rem,7vw,5rem)/1 var(--display);color:white;text-shadow:0 2px 14px #0009}.discovery-credit{position:absolute;bottom:0;inset-inline:0;padding:12px 16px;font-size:.7rem;background:#071529da;color:white}.discovery-copy{padding:clamp(22px,4vw,45px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.discovery-copy h3{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.25}.discovery-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:18px 0}.discovery-controls button,.explore-filters button{min-height:44px;border:1px solid var(--line);border-radius:99px;padding:10px 18px;background:var(--surface);color:var(--ink);font:600 .95rem var(--body);cursor:pointer}.discovery-controls button:hover,.explore-filters button:hover{background:var(--sunk)}.discovery-controls output{direction:ltr;min-width:48px;text-align:center;color:var(--muted)}.discovery-controls [data-story-random]{background:var(--blue);color:var(--bg)}.explore-filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);margin-block:24px}.explore-filters label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px;font-weight:600}.explore-filters input,.explore-filters select{min-height:46px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);padding:10px;font:inherit;width:100%;min-width:0}.explore-filters output{font-size:.85rem;padding:10px}.explore-filters [data-timeline-empty]{flex-basis:100%}.story-image img,.leader-tile img{transition:transform .25s ease}.story-image:hover img,.leader-tile:hover img{transform:scale(1.035)}.leader-tile,.story-image{overflow:hidden}
@media(max-width:650px){.discovery-slide{grid-template-columns:1fr}.discovery-art{min-height:225px}.discovery-copy{padding:22px}.discovery-controls{gap:8px}.discovery-controls button{font-size:.85rem;padding:10px 12px}.discovery-controls [data-story-random]{flex-basis:100%}.explore-filters{padding:16px}.explore-filters label{min-width:0;flex-basis:100%}.explore-filters input,.explore-filters select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.story-image img,.leader-tile img{transition:none}}
.map-explorer .legend-rg{flex-direction:row}.map-buttons button svg{display:block;margin:auto}.discovery,.map-explorer{scroll-margin-top:100px}.discovery-copy .eyebrow{direction:ltr}.discovery-credit{line-height:1.5}
/* Refinements: focus, grouped mobile comparisons and quiet navigation. */
.search-out a:focus{outline:3px solid var(--teal);outline-offset:-3px;background:var(--sunk)}.search-out{max-height:min(65vh,520px);overflow-y:auto;overscroll-behavior:contain}.back-to-top{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));inset-inline-end:20px;z-index:90;border:1px solid var(--line);width:46px;height:46px;border-radius:50%;background:var(--blue);color:var(--bg);font:700 1.5rem var(--body);box-shadow:0 3px 16px #0002;cursor:pointer}.back-to-top[hidden]{display:none}.story-dots{display:flex;justify-content:center;gap:2px;margin-top:16px}.story-dots button{width:44px;height:44px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.story-dots button:after{content:'';display:block;width:10px;height:10px;border-radius:50%;background:var(--muted);opacity:.4;transition:width .2s}.story-dots button[aria-pressed="true"]:after{width:25px;border-radius:8px;background:var(--blue);opacity:1}.discovery-deck{touch-action:pan-y pinch-zoom}.pickitem:has(input:checked){background:var(--sunk);border-radius:8px;outline:1px solid var(--line)}.pickitem{padding:9px}.pickitem input{min-width:20px;min-height:20px}.explore-filters .empty{flex-basis:100%}#plan-out .empty{padding:24px}.map-stage [role="button"]:focus-visible{outline:3px solid var(--teal)}
@media(max-width:650px){#plan-out{overflow:visible;border:0}#plan-out table,#plan-out tbody{display:block;width:100%;min-width:0}#plan-out thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#plan-out tr{display:grid;grid-template-columns:minmax(0,1fr);margin-block:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}#plan-out th[scope="row"]{display:block;width:auto;background:var(--blue);color:var(--bg);padding:14px;position:static}#plan-out td{display:block;padding:16px;min-width:0;width:auto;border-bottom:1px solid var(--line)}#plan-out td:before{content:attr(data-plan);display:block;font-weight:800;color:var(--blue);margin-bottom:8px}#plan-out tr:last-child th:empty{display:none}.dimpick select{max-width:100%;min-height:44px}.back-to-top{bottom:calc(14px + env(safe-area-inset-bottom));inset-inline-end:12px}}
@media(prefers-reduced-motion:reduce){.story-dots button:after{transition:none}}
.privacy-dialog{width:min(92vw,580px);max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);padding:clamp(22px,4vw,34px);font:1rem/1.7 var(--body);box-shadow:0 20px 80px #0004}.privacy-dialog::backdrop{background:#061a30aa}.privacy-dialog h2{font-size:1.7rem;line-height:1.3;margin-bottom:16px}.privacy-dialog label{display:flex;align-items:center;gap:12px;padding:14px 0}.privacy-dialog input{min-width:22px;min-height:22px}.privacy-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:20px}.privacy-actions button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--sunk);color:var(--ink);font:600 1rem var(--body);cursor:pointer}.privacy-actions button:hover{outline:2px solid var(--teal)}.privacy-dialog p[role="status"]{font-size:.9rem}.legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.legal-links button{min-height:44px}
/* Archive viewing and contextual evidence, with no extra remote requests. */
.photo-enlarge{display:block;margin:10px 14px;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--blue);font:700 .9rem var(--body);cursor:pointer}.photo-enlarge:hover{background:var(--sunk)}.reader-dialog{width:min(92vw,680px);max-height:88dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);padding:24px;font:1rem/1.65 var(--body)}.reader-dialog::backdrop{background:#061a30c9}.reader-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.reader-dialog h2{font-size:1.55rem;line-height:1.3}.reader-dialog button{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:var(--sunk);color:var(--ink);font:600 .9rem var(--body);cursor:pointer}.reader-dialog a{overflow-wrap:anywhere}.reader-source-list{padding:0!important;list-style:none;line-height:1.85;margin-bottom:18px}.reader-source-list li{margin:0}.reader-photo-dialog{width:min(94vw,1100px)}.photo-view-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.photo-view-controls output{font-size:.85rem;color:var(--muted)}.photo-viewport{height:min(58dvh,680px);overflow:auto;background:var(--sunk);border-radius:12px;direction:ltr;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.photo-viewport img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.photo-viewport.photo-zoomed img{width:200%;height:200%}.reader-dialog [data-photo-caption]{font-weight:700;margin-top:18px}.reader-dialog .hint{font-size:.8rem}.reader-dialog button[aria-pressed="true"]{background:var(--blue);color:var(--bg)}.reader-bar{position:fixed;top:var(--reader-header,120px);inset-inline:0;z-index:15;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 4px 12px #0001;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px max(18px,calc((100vw - 1200px)/2));min-height:60px}.reader-bar[hidden]{display:none}.reader-bar label{display:flex;align-items:center;gap:12px;min-width:0;flex:1;max-width:700px}.reader-bar label>span{font-size:.8rem;color:var(--muted);white-space:nowrap}.reader-bar select{min-width:0;width:100%;min-height:44px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;font:600 1rem var(--body);padding:7px}.reader-bar button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--sunk);color:var(--ink);font-size:1.1rem;cursor:pointer}.reader-bar button:disabled{opacity:.4;cursor:default}.reader-bar [data-section-count]{font-size:.8rem;white-space:nowrap;direction:ltr}.section-nav a[aria-current="location"]{background:var(--blue);color:var(--bg)}.prose>section[id],#sources,#short{scroll-margin-top:calc(var(--reader-header,120px) + 86px)}
@media(max-width:650px){.reader-dialog{padding:18px;width:94vw;max-height:92dvh}.reader-dialog-head{gap:10px}.reader-dialog-head button{font-size:.8rem}.photo-viewport{height:42dvh}.photo-view-controls{gap:7px}.photo-view-controls button{font-size:.8rem;padding:8px 10px}.reader-bar{gap:7px;padding:6px 10px}.reader-bar label>span,.reader-bar [data-section-count]{display:none}.reader-bar select{font-size:16px}.reader-bar button{min-width:40px}.photo-enlarge{font-size:.9rem}}
@media print{.reader-bar,.photo-enlarge,.back-to-top,.reading-progress{display:none!important}}
/* Sharing is explicit: no social widgets, tracking scripts or automatic connections. */
.share-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;align-self:flex-start;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--blue);font:700 .95rem var(--body);cursor:pointer;max-width:100%}.share-trigger:hover{background:var(--sunk)}.copyrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.share-dialog{width:min(94vw,630px);max-height:90dvh;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);font:1rem/1.65 var(--body);overflow:auto;overscroll-behavior:contain}.share-dialog::backdrop{background:#061a30bb}.share-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.share-heading>span{font-size:2.3rem;color:var(--teal)}.share-heading h2{font-size:1.7rem;line-height:1.3;flex:1}.share-heading button{width:44px;height:44px;flex:none;font-size:1.5rem;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}.share-preview{display:block;aspect-ratio:1200/630;width:100%;height:auto;object-fit:contain;margin-block:18px;border-radius:14px;background:var(--sunk);border:1px solid var(--line)}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-actions>a,.share-actions>button{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--sunk);color:var(--ink);font:700 1rem var(--body);text-decoration:none;cursor:pointer}.share-actions .share-primary{grid-column:1/-1;background:var(--blue);color:var(--bg)}.share-actions .share-whatsapp{background:#106c43;color:white}.share-actions>button[hidden]{display:none}.share-actions>button:disabled{opacity:.5;cursor:default}.share-link-label{display:flex;flex-direction:column;gap:6px;font-size:.85rem}.share-link-label input{min-width:0;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--bg);color:var(--ink)}.share-dialog .hint{font-size:.82rem;margin-block:12px}.share-dialog p[role="status"]{font-size:.9rem;margin-top:10px}.share-dialog button:hover,.share-actions a:hover{outline:2px solid var(--teal)}
@media(max-width:650px){.share-dialog{padding:18px}.share-heading h2{font-size:1.4rem}.share-actions>a,.share-actions>button{font-size:.9rem;padding:10px}.share-link-label input{font-size:16px}}
@media print{.share-trigger{display:none!important}}
html.has-reader{scroll-padding-top:0}.has-reader main [id]{scroll-margin-top:calc(var(--reader-header,120px) + 86px)}
/* Paired historical introductions: equal visual weight, readable long-form text. */
.story-pair{margin-block:1.5rem;padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);border-radius:1.2rem;background:linear-gradient(120deg,rgba(67,161,146,.12),rgba(222,163,93,.1));max-width:60rem}
.story-pair .story-pair-title{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:800;margin:0 0 .5rem}
.story-pair-title span{font-size:1.7em;vertical-align:middle;margin-inline-end:.35em}
.story-pair>p:not(.story-pair-title){font-size:1rem;margin:0 0 1rem}
.story-pair>div{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.story-pair a{display:flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.75rem 1rem;border:1px solid currentColor;border-radius:.8rem;text-decoration:none;text-align:center;font-weight:700;font-size:1rem}
.story-pair a[aria-current]{background:var(--ink);color:var(--bg)}
.story-chapters{max-width:60rem;margin-block:1rem 2rem;border-block:1px solid var(--line);padding-block:.8rem}
.story-chapters summary{cursor:pointer;min-height:2.8rem;align-content:center;font-size:1.05rem;font-weight:700}
.story-chapters .section-nav{margin-bottom:.5rem}
.story-prose .sec{scroll-margin-top:11rem}
.story-prose h2{max-width:34ch;text-wrap:balance}
.story-prose p{line-height:1.9}
@media(max-width:480px){.story-pair>div{grid-template-columns:1fr}.story-pair{padding:1rem}.story-prose .sec{scroll-margin-top:13rem}}