/* Layout: a reading column of verse beside a sticky map that follows the reader. Illuminated (light) scheme. */
:root{
  --bg:#f2e9d3; --surface:#f8f1df; --raise:#efe3c4; --ink:#2a2116; --muted:#6c5d45; --faint:#9a8a6b;
  --gold:#a77d22; --gold-deep:#7d5c16; --rule:rgba(30,58,110,.22); --accent:#1f3f7a; --rubric:#b23a1f; --lapis:#1f3f7a;
  --term:#1f3f7a; --note-bg:#fbf6e8; --shadow:0 14px 40px rgba(60,40,10,.18);
  --band:url("/img/tile.jpg");
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.55;font-feature-settings:"onum","liga","kern";-webkit-font-smoothing:antialiased}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
.sc{font-variant:small-caps;font-feature-settings:"smcp","c2sc";letter-spacing:.06em}

/* ---------- top bar ---------- */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--bg);border-bottom:1px solid var(--rule)}
:root .top{background:var(--surface)}
.top-in{max-width:1240px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.mark{display:flex;align-items:baseline;gap:10px;text-decoration:none}
.mark b{font-weight:500;font-size:1.25rem;letter-spacing:.14em;font-variant:small-caps;font-feature-settings:"smcp","c2sc";color:var(--gold)}
.mark span{font-family:var(--persian);font-size:1.05rem;color:var(--muted)}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{padding:4px 10px;border-radius:2px;text-decoration:none;color:var(--muted);font-size:.95rem;font-variant:small-caps;font-feature-settings:"smcp";letter-spacing:.08em}
.nav a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold)}
.nav a.soon{opacity:.45;pointer-events:none}
@media (max-width:560px){.nav a.soon{display:none}.look{margin-left:0}}
.look{margin-left:auto;display:flex;border:1px solid var(--rule);border-radius:2px;overflow:hidden}
.look button{border:0;background:transparent;padding:4px 12px;font-size:.85rem;cursor:pointer;color:var(--muted);font-variant:small-caps;font-feature-settings:"smcp";letter-spacing:.08em}
.look button[aria-pressed="true"]{background:var(--gold);color:var(--bg)}

/* illuminated band */
.band{height:14px;background:var(--band) center/360px repeat-x;border-bottom:1px solid var(--rule);display:none}
:root .band{display:block}

.wrap{max-width:1240px;margin:0 auto;padding-inline:20px}

/* ---------- story hero ---------- */
.hero{padding-block:44px 22px;display:grid;gap:14px;max-width:46rem}
.eyebrow{color:var(--gold);font-size:.9rem;letter-spacing:.16em;font-variant:small-caps;font-feature-settings:"smcp","c2sc"}
h1{font-weight:400;font-size:clamp(2.2rem,5.2vw,3.6rem);line-height:1.05;margin:0;text-wrap:balance;letter-spacing:.01em}
:root h1{color:var(--lapis)}
h1 em{font-style:italic;color:var(--gold)}
.dek{color:var(--muted);font-size:1.12rem;max-width:40rem;margin:0}
.stats{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:.95rem;font-variant-numeric:tabular-nums}
.stats b{color:var(--ink);font-weight:500}

.stages{display:flex;gap:6px;flex-wrap:wrap;padding-block:6px 26px;border-bottom:1px solid var(--rule)}
.stage{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--rule);border-radius:2px;background:transparent;cursor:pointer;color:var(--muted);font-size:.92rem;text-decoration:none}
.stage i{font-style:normal;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--rubric);color:var(--rubric);font-size:.85rem;font-variant-numeric:lining-nums}
.stage[aria-current="true"]{color:var(--ink);border-color:var(--gold)}
.stage[aria-current="true"] i{background:var(--rubric);color:var(--surface)}

/* ---------- reading grid ---------- */
.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:48px;padding-block:28px 80px;align-items:start}
.read{min-width:0;max-width:40rem}
.aside{position:sticky;top:calc(env(safe-area-inset-top,0px) + 66px);min-width:0}
@media (max-width:1020px){.grid{grid-template-columns:minmax(0,1fr)}.aside{position:static;order:-1}}

/* map */
.mapcard{background:var(--surface);border:1px solid var(--rule);padding:10px;box-shadow:var(--shadow)}
.mapbox{position:relative;line-height:0}
.mapbox img{width:100%;height:auto;display:block;cursor:zoom-in}
.pin{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:2px solid #fff6dc;background:rgba(160,40,20,.78);color:#fff6dc;font:500 15px/26px var(--serif);text-align:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.5);transition:transform .25s ease,background .25s}
.pin.on{transform:translate(-50%,-50%) scale(1.35);background:#c8962c;color:#1a1208;animation:pulse 1.8s ease-in-out infinite}
.pin.done{background:rgba(40,40,40,.55)}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(200,150,44,.6)}50%{box-shadow:0 0 0 10px rgba(200,150,44,0)}}
.mapcap{line-height:1.4;padding:10px 4px 2px;display:grid;gap:2px}
.mapcap small{color:var(--muted);font-size:.85rem;letter-spacing:.12em;font-variant:small-caps;font-feature-settings:"smcp"}
.mapcap strong{font-weight:500;font-size:1.08rem}
.mapcap span{color:var(--muted);font-size:.9rem}

/* sections */
.sec{padding-block:34px 10px;scroll-margin-top:80px}
.sec + .sec{border-top:1px solid var(--rule)}
.sechead{display:grid;gap:4px;margin-bottom:14px}
.code{color:var(--gold);font-size:.88rem;letter-spacing:.14em;font-variant:small-caps;font-feature-settings:"smcp","c2sc";font-variant-numeric:lining-nums}
h2{font-weight:500;font-size:1.65rem;line-height:1.15;margin:0;text-wrap:balance}
:root h2{color:var(--rubric)}
.summary{border-left:2px solid var(--gold);padding:4px 0 4px 16px;color:var(--muted);font-style:italic;font-size:1.02rem;margin:0 0 22px}
.summary b{font-style:normal;font-weight:500;color:var(--gold);font-size:.8rem;letter-spacing:.14em;font-variant:small-caps;font-feature-settings:"smcp";display:block;margin-bottom:2px}

.cp{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:0 10px;padding:5px 0;scroll-margin-top:90px;position:relative}
.cp:target{background:linear-gradient(90deg,var(--raise),transparent)}
.num{font-size:.8rem;color:var(--faint);text-align:right;padding-top:.32em;font-variant-numeric:tabular-nums lining-nums;cursor:pointer;border:0;background:none;padding-inline:0}
.num:hover{color:var(--gold)}
.lines{min-width:0}
.ln{display:block}
.ln + .ln{padding-left:1.4em}
.term{all:unset;cursor:pointer;color:var(--term);border-bottom:1px dotted currentColor}
.term:focus-visible{outline:2px solid var(--accent)}
.nmark{all:unset;cursor:pointer;color:var(--rubric);font-size:.72em;vertical-align:super;margin-left:3px;font-variant-numeric:lining-nums}
.note{grid-column:2;margin:8px 0 6px;padding:12px 14px;background:var(--note-bg);border:1px solid var(--rule);font-size:.95rem;line-height:1.5}
.note b{display:block;font-weight:500;font-style:italic;margin-bottom:4px;color:var(--gold)}
.cpmenu{grid-column:2;display:flex;gap:14px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-top:6px}
.cpmenu button{border:0;background:none;padding:0;cursor:pointer;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.suggest{grid-column:2;display:grid;gap:8px;margin-top:8px;padding:12px;border:1px dashed var(--rule)}
.suggest textarea{width:100%;min-height:4.4em;background:var(--surface);color:var(--ink);border:1px solid var(--rule);padding:8px;font:inherit;font-size:.95rem}
.suggest .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:.85rem;color:var(--muted)}
.suggest button{border:1px solid var(--gold);background:transparent;color:var(--ink);padding:3px 12px;cursor:pointer}

/* panels */
.panels{margin:14px 0 14px 3.2rem;display:grid;gap:8px;justify-items:start}
.panels.multi{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-items:start;justify-items:stretch}
.panels figure{margin:0;border:1px solid var(--rule);background:var(--surface);padding:5px;line-height:0;max-width:100%}
.panels img{width:100%;height:auto;display:block;cursor:zoom-in}
.panels:not(.multi) img{width:auto;height:min(70vh,640px);max-width:100%;object-fit:contain}
.panels:not(.multi) img.wide{width:min(100%,640px);height:auto}
.panels .more{display:flex;align-items:center;justify-content:center;border:1px dashed var(--rule);background:transparent;color:var(--accent,inherit);font:inherit;cursor:pointer;min-height:90px;padding:8px}
.panels.collapsed figure.x{display:none}
@media (max-width:560px){.panels{margin-left:0}}

.end{margin-top:40px;padding:22px;border:1px solid var(--rule);display:grid;gap:6px}
.end small{color:var(--muted)}

/* ---------- popover ---------- */
.pop{position:fixed;z-index:60;max-width:min(360px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--gold);box-shadow:var(--shadow);padding:14px 16px;font-size:.95rem;line-height:1.45}
.pop h3{margin:0;font-weight:500;font-size:1.2rem;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.pop .fa{font-family:var(--persian);font-size:1.25rem;color:var(--muted)}
.pop .pr{color:var(--muted);font-size:.85rem}
.pop p{margin:6px 0 0}
.pop .meta{margin-top:8px;color:var(--muted);font-size:.85rem;display:flex;gap:12px;flex-wrap:wrap}
.pop a{color:var(--accent)}

/* ---------- lightbox ---------- */
.lb{position:fixed;inset:0;z-index:80;background:rgba(8,6,3,.92);display:grid;grid-template-rows:1fr auto;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px)}
.lb img{max-width:100%;max-height:100%;margin:auto;object-fit:contain;align-self:center;justify-self:center;min-height:0}
.lb .bar{display:flex;gap:10px;justify-content:center;align-items:center;color:#e9dfc6;padding-top:10px;font-size:.95rem}
.lb button{background:transparent;border:1px solid rgba(233,223,198,.4);color:#e9dfc6;padding:5px 14px;cursor:pointer}

/* ---------- Rostam page ---------- */
.who{padding-block:44px 30px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}
@media (max-width:860px){.who{grid-template-columns:minmax(0,1fr)}.banner-slot{justify-self:start}}
.who h1 .fa{font-family:var(--persian);font-size:.62em;color:var(--muted);margin-left:.3em;font-weight:400}
.aka{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.chip{border:1px solid var(--rule);padding:2px 10px;font-size:.9rem;color:var(--muted)}
.lede{font-size:1.18rem;max-width:36rem;margin:14px 0 0}
.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin-top:22px;font-size:.98rem}
.facts dt{color:var(--muted);font-variant:small-caps;font-feature-settings:"smcp";letter-spacing:.08em}
.facts dd{margin:0;font-variant-numeric:tabular-nums lining-nums}
.banner-slot{aspect-ratio:4/5;width:100%;max-width:340px;justify-self:end;border:1px dashed var(--gold);display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted);background:repeating-linear-gradient(135deg,transparent 0 14px,var(--raise) 14px 15px)}
.banner-slot b{display:block;color:var(--gold);font-weight:500;font-variant:small-caps;font-feature-settings:"smcp";letter-spacing:.12em;margin-bottom:6px}
h3.sub{font-weight:500;font-size:1.05rem;letter-spacing:.14em;font-variant:small-caps;font-feature-settings:"smcp","c2sc";color:var(--gold);margin:0 0 14px}
.block{padding-block:28px;border-top:1px solid var(--rule)}

.tree{display:grid;gap:14px;justify-items:center;overflow-x:auto;padding-bottom:6px}
.gen{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}
.pnode{border:1px solid var(--rule);background:var(--surface);padding:6px 14px;text-align:center;line-height:1.25;min-width:7.5rem}
.pnode small{display:block;color:var(--muted);font-size:.78rem}
.pnode.me{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.pnode.me b{font-weight:500;font-size:1.15rem}
.wed{color:var(--gold);font-size:1.2rem}
.vline{width:1px;height:16px;background:var(--gold-deep)}

.bars{display:grid;gap:5px;font-size:.92rem}
.bar{display:grid;grid-template-columns:3.2rem minmax(0,1fr) 3rem;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}
.bar .t{position:relative;height:22px;background:var(--raise)}
.bar .t i{position:absolute;inset:0 auto 0 0;background:var(--gold-deep)}
.bar .t span{position:absolute;left:8px;top:0;bottom:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 12px);font-size:.85rem;color:var(--ink)}
.bar code{font-family:var(--serif);color:var(--gold);font-variant-numeric:lining-nums}
.bar em{font-style:normal;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.bar.here .t i{background:var(--gold)}
.bar.here .t span{color:var(--bg)}
.vols{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin-bottom:10px}

.books{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.book{border:1px solid var(--rule);padding:14px;display:grid;gap:4px;background:var(--surface)}
.book small{color:var(--muted)}
.book b{font-weight:500}
.flags{display:flex;gap:14px;overflow-x:auto;padding-block:18px 22px;border-bottom:1px solid var(--rule);scrollbar-width:thin}
.flags h3{flex:0 0 auto;align-self:center;margin:0 6px 0 0;font-weight:500;font-size:.85rem;letter-spacing:.14em;font-variant:small-caps;font-feature-settings:"smcp";color:var(--gold);writing-mode:vertical-rl;transform:rotate(180deg)}
.flag{flex:0 0 auto;width:104px;border:1px solid var(--rule);background:#fbf3e6;padding:6px 6px 0;cursor:pointer;display:grid;gap:4px;text-align:center}
.flag img{width:100%;height:92px;object-fit:contain;display:block}
.flag span{font-size:.85rem;color:#2a2116;padding:3px 0 5px;border-top:1px solid rgba(0,0,0,.08)}
.pop .flagimg{float:right;width:84px;margin:0 0 6px 12px;background:#fbf3e6;border:1px solid var(--rule);padding:4px}
.banner-art{width:100%;max-width:340px;justify-self:end;margin:0;background:#fbf3e6;border:1px solid var(--gold);padding:14px 14px 10px;display:grid;gap:8px}
.banner-art img{width:100%;height:auto;display:block}
.banner-art figcaption{color:#5a4a33;font-size:.92rem;text-align:center;font-style:italic}
@media (max-width:860px){.banner-art{justify-self:start}}
.foot{border-top:1px solid var(--rule);padding-block:26px 40px;color:var(--muted);font-size:.9rem}
.foot p{margin:0;max-width:52rem}
.hidden{display:none}
/* ---------- home ---------- */
.home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;padding-block:56px 48px}
.home-hero h1{font-size:clamp(2.6rem,6.4vw,4.6rem);line-height:1}
.home-hero .dek{font-size:1.25rem;margin-top:18px;max-width:34rem}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;text-decoration:none;padding:10px 20px;border:1px solid var(--gold);color:var(--gold);font-size:1rem;letter-spacing:.06em;font-variant:small-caps;font-feature-settings:"smcp"}
.btn.solid{background:var(--gold);color:var(--bg)}
.hero-art{margin:0;position:relative;justify-self:end;max-width:420px;width:100%}
.hero-art img{width:100%;height:auto;display:block;border:1px solid var(--gold);box-shadow:var(--shadow)}
.hero-art figcaption{position:absolute;left:-28px;bottom:28px;background:var(--surface);border:1px solid var(--gold);padding:12px 16px;max-width:280px;font-style:italic;line-height:1.4;font-size:.98rem;box-shadow:var(--shadow)}
.hero-art figcaption small{display:block;font-style:normal;color:var(--gold);font-size:.8rem;letter-spacing:.12em;font-variant:small-caps;font-feature-settings:"smcp";margin-top:6px}
@media (max-width:860px){.home-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:36px}.hero-art{justify-self:start}.hero-art figcaption{left:12px;right:12px;bottom:12px;max-width:none}}
.counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-block:1px solid var(--rule)}
.counts div{padding:22px 18px;border-left:1px solid var(--rule)}
.counts div:first-child{border-left:0}
.counts b{display:block;font-weight:400;font-size:2.1rem;line-height:1;color:var(--gold);font-variant-numeric:lining-nums}
.counts span{color:var(--muted);font-size:.95rem}
@media (max-width:560px){.counts div{border-left:0;border-top:1px solid var(--rule)}.counts div:first-child{border-top:0}}
.hsec{padding-block:56px;border-bottom:1px solid var(--rule)}
.hsec > h2,.hsec .h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:400;margin:0 0 10px}
.hsec .intro{color:var(--muted);font-size:1.12rem;max-width:42rem;margin:0 0 28px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
@media (max-width:860px){.two{grid-template-columns:minmax(0,1fr);gap:24px}}
.prose p{margin:0 0 14px;max-width:38rem}
.prose p:first-child::first-letter{float:left;font-size:3.6em;line-height:.82;padding:.06em .1em 0 0;color:var(--rubric)}
.verse{border-left:2px solid var(--gold);padding:6px 0 6px 20px;font-size:1.15rem;margin:0}
.verse span{display:block}.verse span+span{padding-left:1.4em}
.verse cite{display:block;margin-top:10px;font-style:normal;color:var(--gold);font-size:.85rem;letter-spacing:.12em;font-variant:small-caps;font-feature-settings:"smcp"}
.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.door{display:grid;grid-template-rows:auto 1fr;text-decoration:none;border:1px solid var(--rule);background:var(--surface);transition:border-color .2s}
.door:hover{border-color:var(--gold)}
.door .pic{aspect-ratio:4/3;overflow:hidden;background:var(--raise)}
.door .pic img{width:100%;height:100%;object-fit:cover;display:block}
.door .tx{padding:16px 18px 20px;display:grid;gap:6px;align-content:start}
.door .tx small{color:var(--gold);font-size:.82rem;letter-spacing:.14em;font-variant:small-caps;font-feature-settings:"smcp"}
.door .tx b{font-weight:500;font-size:1.3rem;line-height:1.2}
.door .tx span{color:var(--muted);font-size:.98rem}
.door.soon{opacity:.6}
.spine{aspect-ratio:2/3;border:1px solid var(--gold);background:linear-gradient(160deg,var(--raise),var(--surface));padding:16px 14px;display:grid;grid-template-rows:auto 1fr auto;text-align:center}
:root .spine{background:linear-gradient(160deg,#1f3f7a,#152c57);color:#f2e3b8;border-color:#a77d22}
.spine small{color:var(--gold);font-size:.75rem;letter-spacing:.16em;font-variant:small-caps;font-feature-settings:"smcp"}
:root .spine small{color:#d9b25a}
.spine b{font-weight:400;font-size:1.15rem;line-height:1.2;align-self:center}
.spine i{font-size:.8rem;opacity:.75}
.give{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.give div{border-top:2px solid var(--gold);padding-top:14px}
.give b{display:block;font-weight:500;font-size:1.15rem;margin-bottom:4px}
.give span{color:var(--muted)}
.about-hero{padding-block:52px 34px;max-width:46rem;display:grid;gap:14px}
.ph{border:1px dashed var(--gold);padding:14px 16px;color:var(--muted);font-style:italic;max-width:38rem;margin:0 0 14px}
.kit{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.kit div{border:1px solid var(--rule);background:var(--surface);padding:16px}
.kit b{display:block;font-weight:500;margin-bottom:4px}
.kit span{color:var(--muted);font-size:.98rem}

/* ---------- book covers (fixed art, independent of the site look) ---------- */
.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:22px 18px}
.bk{display:grid;gap:8px;align-content:start}
@media (max-width:560px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.cover .t{font-size:1rem}}
.bk .meta{font-size:.88rem;color:var(--muted);line-height:1.35}
.bk .meta b{display:block;color:var(--ink);font-weight:500;font-size:.98rem}
.cover{position:relative;aspect-ratio:2/3;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.35),inset 3px 0 0 rgba(255,255,255,.08),inset 6px 0 8px -4px rgba(0,0,0,.45);display:grid;grid-template-rows:auto 1fr auto;padding:14px 13px 12px;text-align:center;font-family:var(--serif);isolation:isolate}
.cover small{font-size:.68rem;letter-spacing:.18em;font-variant:small-caps;font-feature-settings:"smcp"}
.cover .t{align-self:center;font-size:1.12rem;line-height:1.15}
.cover i{font-size:.72rem;letter-spacing:.06em}
.cover .bg{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center}
.cover .bg::after{content:"";position:absolute;inset:0}
/* 1 complete: lapis, gold double frame */
.c-complete{background:#14295e;color:#f1dc9e}
.c-complete::before{content:"";position:absolute;inset:8px;border:1px solid #c9a24a;outline:1px solid #c9a24a;outline-offset:-5px;z-index:-1}
.c-complete .t{font-size:1.35rem;font-variant:small-caps;font-feature-settings:"smcp";letter-spacing:.06em}
.c-complete .t em{display:block;font-size:.75rem;letter-spacing:.2em;font-style:normal;margin-top:6px;color:#c9a24a}
/* 2 abridged: cream paperback, red band */
.c-abr{background:#f4ead2;color:#2a2116}
.c-abr .bg{background:linear-gradient(#f4ead2 0 36%,#a8321f 36% 64%,#f4ead2 64%)}
.c-abr .t{font-style:italic;color:#fbf1dc;font-size:1.2rem}
/* 3 Kavus: blue with sun */
.c-kavus{background:#1d3a86;color:#f6e3a6}
.c-kavus .bg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cpath%20d%3D%22M100%20100%20L189.7%2092.2%20L189.7%20107.8Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L186.9%20123.3%20L181.6%20138.0Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L173.7%20151.6%20L163.6%20163.6Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L151.6%20173.7%20L138.0%20181.6Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L123.3%20186.9%20L107.8%20189.7Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L92.2%20189.7%20L76.7%20186.9Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L62.0%20181.6%20L48.4%20173.7Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L36.4%20163.6%20L26.3%20151.6Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L18.4%20138.0%20L13.1%20123.3Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L10.3%20107.8%20L10.3%2092.2Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L13.1%2076.7%20L18.4%2062.0Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L26.3%2048.4%20L36.4%2036.4Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L48.4%2026.3%20L62.0%2018.4Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L76.7%2013.1%20L92.2%2010.3Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L107.8%2010.3%20L123.3%2013.1Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L138.0%2018.4%20L151.6%2026.3Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L163.6%2036.4%20L173.7%2048.4Z%22%20fill%3D%22%23e6b84a%22/%3E%3Cpath%20d%3D%22M100%20100%20L181.6%2062.0%20L186.9%2076.7Z%22%20fill%3D%22%23e6b84a%22/%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%2238%22%20fill%3D%22%23e6b84a%22/%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%2230%22%20fill%3D%22none%22%20stroke%3D%22%231d3a86%22%20stroke-width%3D%222%22/%3E%3C/svg%3E") 50% 34%/78% no-repeat}
.c-kavus .t{align-self:end;font-size:1.2rem}
/* 4 insults: black, crossed blades, red display */
.c-insult{background:#111;color:#f2ece0}
.c-insult .bg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20200%20300%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e04b3a%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M40%20270%20L160%2040%22/%3E%3Cpath%20d%3D%22M160%20270%20L40%2040%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%23e04b3a%22%20stroke-width%3D%226%22%3E%3Cline%20x1%3D%2252%22%20y1%3D%22230%22%20x2%3D%2280%22%20y2%3D%22244%22/%3E%3Cline%20x1%3D%22148%22%20y1%3D%22230%22%20x2%3D%22120%22%20y2%3D%22244%22/%3E%3C/g%3E%3C/svg%3E") center/88% no-repeat;opacity:.55}
.c-insult .t{font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:1.02rem;color:#fff}
.c-insult small{color:#e04b3a}
/* 5 pick-up lines: rose, heart lattice, script italic */
.c-love{background:linear-gradient(170deg,#8e2042,#4d0f24);color:#fde3e3}
.c-love .bg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M20%2030%20C8%2022%206%2014%2012%2011%20C16%209%2019%2012%2020%2014%20C21%2012%2024%209%2028%2011%20C34%2014%2032%2022%2020%2030Z%22%20fill%3D%22none%22%20stroke%3D%22%23f3c6c6%22%20stroke-width%3D%221.2%22%20opacity%3D%22.55%22/%3E%3C/svg%3E") 0 0/34px 34px repeat}
.c-love .t{font-style:italic;font-size:1.2rem;background:rgba(77,15,36,.88);border:1px solid #f3b9b9;padding:8px 6px}
/* 6 steampunk: brass & copper, gears */
.c-steam{background:radial-gradient(circle at 30% 20%,#5a3a1c,#24160b 75%);color:#f3d79a}
.c-steam .bg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20200%20300%22%3E%3Cpolygon%20points%3D%22124.0%2C92.0%20123.5%2C99.0%20113.5%2C103.6%20111.6%2C109.2%20116.8%2C119.0%20112.8%2C124.9%20101.8%2C123.8%2097.4%2C127.7%2097.0%2C138.8%2090.7%2C141.9%2081.6%2C135.5%2075.9%2C136.6%2070.0%2C146.0%2063.0%2C145.5%2058.4%2C135.5%2052.8%2C133.6%2043.0%2C138.8%2037.1%2C134.8%2038.2%2C123.8%2034.3%2C119.4%2023.2%2C119.0%2020.1%2C112.7%2026.5%2C103.6%2025.4%2C97.9%2016.0%2C92.0%2016.5%2C85.0%2026.5%2C80.4%2028.4%2C74.8%2023.2%2C65.0%2027.2%2C59.1%2038.2%2C60.2%2042.6%2C56.3%2043.0%2C45.2%2049.3%2C42.1%2058.4%2C48.5%2064.1%2C47.4%2070.0%2C38.0%2077.0%2C38.5%2081.6%2C48.5%2087.2%2C50.4%2097.0%2C45.2%20102.9%2C49.2%20101.8%2C60.2%20105.7%2C64.6%20116.8%2C65.0%20119.9%2C71.3%20113.5%2C80.4%20114.6%2C86.1%22%20fill%3D%22none%22%20stroke%3D%22%23e8c27a%22%20stroke-width%3D%222%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2292%22%20r%3D%2222%22%20fill%3D%22none%22%20stroke%3D%22%23e8c27a%22%20stroke-width%3D%222%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2292%22%20r%3D%227.7%22%20fill%3D%22%23e8c27a%22/%3E%3Cpolygon%20points%3D%22176.0%2C150.0%20175.5%2C156.3%20167.3%2C159.9%20165.1%2C164.5%20167.6%2C173.1%20163.1%2C177.6%20154.5%2C175.1%20149.9%2C177.3%20146.3%2C185.5%20140.0%2C186.0%20135.0%2C178.6%20130.1%2C177.3%20122.0%2C181.2%20116.9%2C177.6%20117.8%2C168.6%20114.9%2C164.5%20106.2%2C162.3%20104.5%2C156.3%20111.0%2C150.0%20111.4%2C145.0%20106.2%2C137.7%20108.8%2C132.0%20117.8%2C131.4%20121.4%2C127.8%20122.0%2C118.8%20127.7%2C116.2%20135.0%2C121.4%20140.0%2C121.0%20146.3%2C114.5%20152.3%2C116.2%20154.5%2C124.9%20158.6%2C127.8%20167.6%2C126.9%20171.2%2C132.0%20167.3%2C140.1%20168.6%2C145.0%22%20fill%3D%22none%22%20stroke%3D%22%23c98a4a%22%20stroke-width%3D%222%22/%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22150%22%20r%3D%2214%22%20fill%3D%22none%22%20stroke%3D%22%23c98a4a%22%20stroke-width%3D%222%22/%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22150%22%20r%3D%224.9%22%20fill%3D%22%23c98a4a%22/%3E%3Cpolygon%20points%3D%22120.0%2C200.0%20119.5%2C205.5%20112.3%2C208.4%20110.3%2C212.2%20111.8%2C219.8%20107.6%2C223.3%20100.4%2C220.3%2096.3%2C221.6%2092.0%2C228.0%2086.5%2C227.5%2083.6%2C220.3%2079.8%2C218.3%2072.2%2C219.8%2068.7%2C215.6%2071.7%2C208.4%2070.4%2C204.3%2064.0%2C200.0%2064.5%2C194.5%2071.7%2C191.6%2073.7%2C187.8%2072.2%2C180.2%2076.4%2C176.7%2083.6%2C179.7%2087.7%2C178.4%2092.0%2C172.0%2097.5%2C172.5%20100.4%2C179.7%20104.2%2C181.7%20111.8%2C180.2%20115.3%2C184.4%20112.3%2C191.6%20113.6%2C195.7%22%20fill%3D%22none%22%20stroke%3D%22%23e8c27a%22%20stroke-width%3D%222%22/%3E%3Ccircle%20cx%3D%2292%22%20cy%3D%22200%22%20r%3D%2210%22%20fill%3D%22none%22%20stroke%3D%22%23e8c27a%22%20stroke-width%3D%222%22/%3E%3Ccircle%20cx%3D%2292%22%20cy%3D%22200%22%20r%3D%223.5%22%20fill%3D%22%23e8c27a%22/%3E%3C/svg%3E") center/100% no-repeat;opacity:.8}
.c-steam .t{align-self:end;font-family:"Courier New",ui-monospace,monospace;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.98rem;background:rgba(36,22,11,.78);border:1px solid #c98a4a;padding:8px 6px}
.c-steam small{color:#c98a4a}
/* 7 heraldry: banner image on vellum */
.c-her{background:#fbf3e6;color:#3a2b17}
.c-her .bg{background:url("/img/banner-rostam-sm.jpg") 50% 46%/70% no-repeat}
.c-her .t{align-self:end;font-variant:small-caps;font-feature-settings:"smcp";letter-spacing:.06em}
.c-her::before{content:"";position:absolute;inset:6px;border:1px solid #b8932f;z-index:-1}
/* 8 atlas: full-bleed labors map, cartouche */
.c-atlas{color:#2c2216}
.c-atlas .bg{background-image:url("/img/b5-labors-map.jpg");background-position:40% 50%;background-size:300%}
.c-atlas .t{background:#f6ecd4;border:2px double #6b5530;padding:10px 6px;font-variant:small-caps;font-feature-settings:"smcp";letter-spacing:.05em;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.c-atlas small,.c-atlas i{background:#f6ecd4;justify-self:center;padding:1px 8px}
/* 9 in maps: inked teal duotone of the war map */
.c-maps{background:#0f3b3a;color:#e7f1e9}
.c-maps .bg{background-image:url("/img/b5-war-map.jpg");background-size:260%;background-position:60% 40%;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;opacity:.55}
.c-maps::after{content:"";position:absolute;left:13px;right:13px;top:50%;border-top:1px solid #9fd4c4;z-index:-1}
.c-maps .t{font-size:1.25rem;font-style:italic;background:#0f3b3a;padding:4px 6px;justify-self:center}
/* 10 artifacts: museum black, object outline, label */
.c-art{background:#0d0d0f;color:#e9e2d0}
.c-art .bg{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20200%20260%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9c08a%22%20stroke-width%3D%222.2%22%3E%3Cpath%20d%3D%22M55%2040%20Q100%2030%20145%2040%20L135%20120%20Q100%20150%2065%20120%20Z%22/%3E%3Cpath%20d%3D%22M65%2060%20Q100%2070%20135%2060%22/%3E%3Cpath%20d%3D%22M70%2090%20Q100%20100%20130%2090%22/%3E%3Cpath%20d%3D%22M100%20140%20L100%20200%22/%3E%3Cpath%20d%3D%22M70%20214%20Q100%20196%20130%20214%20Z%22/%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%2278%22%20r%3D%227%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%23d9c08a%22%20stroke-width%3D%221%22%20opacity%3D%22.5%22%3E%3Cline%20x1%3D%2220%22%20y1%3D%22236%22%20x2%3D%22180%22%20y2%3D%22236%22/%3E%3C/g%3E%3C/svg%3E") 50% 36%/62% no-repeat}
.c-art .t{align-self:end;text-align:left;font-size:.98rem;border-top:1px solid #d9c08a;padding-top:8px}
.c-art small{text-align:left;color:#d9c08a}
/* 11 manga: full-bleed panel */
.c-manga{color:#fff}
.c-manga .bg{background-image:url("/manga/m258.jpg");background-position:50% 30%}
.c-manga .bg::after{background:linear-gradient(transparent 45%,rgba(0,0,0,.85))}
.c-manga .t{align-self:end;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 6px #000}
.c-manga small{justify-self:start;background:#d0613f;color:#fff;padding:2px 8px}

/* ---------- the poem, plain ---------- */
.plainlink{justify-self:start;font-size:.85rem;color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--faint)}
.ptoc{padding-block:40px 60px;max-width:52rem}
.ptoc h1{margin-bottom:10px}
.ptoc .dek{margin-bottom:26px}
.ptoc h2{font-size:1.1rem;letter-spacing:.14em;font-variant:small-caps;font-feature-settings:"smcp";color:var(--gold);font-weight:500;margin:28px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--rule)}
.ptoc details{border-bottom:1px solid var(--rule)}
.ptoc summary{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:12px;padding:8px 0;cursor:pointer;list-style:none;align-items:baseline}
.ptoc summary::-webkit-details-marker{display:none}
.ptoc summary code{font-family:var(--serif);color:var(--gold);font-variant-numeric:lining-nums}
.ptoc summary em{font-style:normal;color:var(--faint);font-size:.88rem;font-variant-numeric:tabular-nums}
.ptoc ol{list-style:none;margin:0 0 12px 3.4rem;padding:0 0 0 12px;columns:2 18rem;column-gap:28px;font-size:.95rem}
.ptoc li{break-inside:avoid;padding:2px 0}
.ptoc li.l3{padding-left:1.2em;font-size:.9rem}
.ptoc li a{text-decoration:none;color:var(--ink)}
.ptoc li a:hover{color:var(--rubric)}
.ptoc li code{font-family:var(--serif);color:var(--faint);margin-right:6px;font-variant-numeric:lining-nums}
.ptoc .readbk{font-size:.9rem;margin-left:3.4rem;display:inline-block;margin-bottom:12px;color:var(--gold)}
.ptext{max-width:38rem;margin:0 auto;padding-block:36px 80px}
.ptext .crumb{font-size:.9rem;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.ptext .crumb a{color:var(--muted)}
.ptext h1{font-size:clamp(1.9rem,4vw,2.6rem);color:var(--ink)!important;margin-bottom:28px}
.ptext h1 small{display:block;font-size:.42em;letter-spacing:.16em;color:var(--faint);font-variant:small-caps;font-feature-settings:"smcp";margin-bottom:6px}
.pu{scroll-margin-top:80px;padding-top:18px}
.pu h2{font-size:1.2rem;font-weight:500;color:var(--ink)!important;margin:0 0 12px}
.pu h3{font-size:1.02rem;font-weight:500;font-style:italic;margin:0 0 10px}
.pu h2 span,.pu h3 span{color:var(--faint);font-weight:400;font-size:.85em;margin-right:8px;font-variant-numeric:lining-nums}
.pc{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:0 10px;padding:3px 0;scroll-margin-top:90px;position:relative}
.pc .num{padding-top:.25em}
.pc p{margin:0}
.pc p span{display:block}.pc p span+span{padding-left:1.4em}
.pc:target,.pc.hl{background:linear-gradient(90deg,rgba(167,125,34,.14),transparent)}
.pnav{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--rule);margin-top:40px;padding-top:18px;font-size:.95rem}
.pnav a{color:var(--gold);text-decoration:none}
.ploading{color:var(--muted);padding:60px 0;text-align:center}
@media (max-width:560px){.pc,.pu,.cp,.sec,.ep{scroll-margin-top:150px}}
.crest{display:block;width:auto;height:220px;margin:0 0 18px;filter:drop-shadow(0 6px 14px rgba(60,40,10,.18))}
.about-hero.has-crest{grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center;max-width:56rem}
.about-hero.has-crest .crest{height:200px;margin:0}
@media (max-width:560px){.about-hero.has-crest{grid-template-columns:minmax(0,1fr)}.crest{height:150px}}
.mark img{height:46px;width:auto;align-self:center;margin:-4px 2px -4px 0}
.mark{align-items:center}
/* ---------- character pages: episodes ---------- */
.eps{display:grid;grid-template-columns:minmax(0,1fr);gap:0;position:relative;margin-left:.4rem;border-left:1px solid var(--gold-deep)}
.ep{position:relative;padding:4px 0 22px 26px;min-width:0;scroll-margin-top:84px}
.ep::before{content:"";position:absolute;left:-6px;top:.55em;width:11px;height:11px;background:var(--bg);border:1px solid var(--gold);transform:rotate(45deg)}
.ep.labors::before{background:var(--gold)}
.ep .code{display:block}
.ep h4{font-weight:500;font-size:1.2rem;margin:2px 0 6px;line-height:1.3}
.ep p{margin:0 0 8px;max-width:40rem;color:var(--muted)}
.ep .acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ep .acts button,.ep .acts a{font:inherit;font-size:.92rem;border:1px solid var(--gold);background:transparent;color:var(--gold);padding:4px 14px;cursor:pointer;text-decoration:none}
.ep .acts button[aria-expanded="true"]{background:var(--gold);color:var(--bg)}
.ep .acts small{color:var(--faint);font-size:.85rem}
.ep .text{margin-top:14px;max-width:44rem}
.ep .text .cp{grid-template-columns:2.6rem minmax(0,1fr)}
.ep .art{display:grid;align-items:start;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:10px 0;max-width:40rem}
.ep .art figure{margin:0;border:1px solid var(--rule);background:var(--surface);padding:4px;line-height:0}
.ep .art img{width:100%;height:auto;cursor:zoom-in}
.plate{margin:0;background:#fff;border:1px solid var(--rule);padding:14px;max-width:760px}
.plate img{width:100%;height:auto;display:block;cursor:zoom-in}
.plate figcaption{color:#5a4a33;font-size:.9rem;font-style:italic;padding-top:8px;line-height:1.4}
.people{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.people a{border:1px solid var(--rule);padding:3px 12px;font-size:.92rem;color:var(--ink);text-decoration:none;background:var(--surface)}
.people a.on{border-color:var(--gold);color:var(--gold)}

/* ---------- drop-down menus ---------- */
.dd{position:relative}
.ddb{border:0;background:none;cursor:pointer;padding:4px 10px;color:var(--muted);font-size:.95rem;font-variant:small-caps;font-feature-settings:"smcp";letter-spacing:.08em;font-family:inherit}
.ddb i{font-style:normal;font-size:.7em;margin-left:4px;opacity:.7}
.ddb[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold)}
.ddm{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:60;min-width:250px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:6px}
.dd.open .ddm{display:block}
.nav .ddm a{display:block;padding:8px 10px;text-decoration:none;color:var(--ink);border-radius:2px;font-variant:normal;font-feature-settings:normal;letter-spacing:0;font-size:1rem}
.ddm a:hover,.ddm a:focus-visible{background:var(--raise)}
.ddm a b{font-weight:500;display:block}
.ddm a small{display:block;color:var(--muted);font-size:.82rem;line-height:1.3}
.ddm .more{display:block;padding:6px 10px 4px;color:var(--faint);font-style:italic;font-size:.82rem;border-top:1px solid var(--rule);margin-top:4px}
@media (max-width:560px){.ddm{position:fixed;left:16px;right:16px;top:auto;min-width:0}}
/* ---------- glossary ---------- */
.gl{padding-block:40px 70px;max-width:56rem}
.gl h1{margin-bottom:10px}
.gtools{position:sticky;top:calc(env(safe-area-inset-top,0px) + 58px);z-index:20;background:var(--bg);padding:12px 0;border-bottom:1px solid var(--rule);display:grid;gap:10px;margin-bottom:10px}
.gtools input{font:inherit;font-size:1rem;padding:8px 12px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);width:100%}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{font:inherit;font-size:.88rem;border:1px solid var(--rule);background:transparent;color:var(--muted);padding:3px 12px;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.letters{display:flex;flex-wrap:wrap;gap:2px}
.letters a{font-size:.9rem;padding:2px 7px;color:var(--gold);text-decoration:none}
.gletter{font-size:1.6rem;color:var(--rubric);font-weight:400;margin:26px 0 6px;scroll-margin-top:200px;border-bottom:1px solid var(--rule)}
.ge{padding:10px 0;border-bottom:1px dotted var(--rule);scroll-margin-top:200px}
.ge h3{margin:0;font-weight:500;font-size:1.12rem;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.ge h3 .fa{font-family:var(--persian);font-weight:400;color:var(--muted);font-size:1.05rem}
.ge h3 .pr{font-size:.85rem;color:var(--faint)}
.ge h3 .cat{font-size:.72rem;letter-spacing:.12em;font-variant:small-caps;font-feature-settings:"smcp";color:var(--gold);margin-left:auto}
.ge p{margin:4px 0 0;max-width:46rem}
.ge p small{color:var(--faint);font-size:.82rem;margin-left:6px;white-space:nowrap}
.ge p small a{color:var(--gold)}
.gcount{color:var(--muted);font-size:.9rem}
/* ---------- notes ---------- */
.nt{max-width:42rem;margin:0 auto;padding-block:36px 80px}
.nt .crumb{font-size:.9rem;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.nt .crumb a{color:var(--muted)}
.nt h1{font-size:clamp(1.9rem,4vw,2.6rem);color:var(--ink)!important;margin-bottom:28px}
.nt h1 small{display:block;font-size:.42em;letter-spacing:.16em;color:var(--faint);font-variant:small-caps;font-feature-settings:"smcp";margin-bottom:6px}
.ns{padding-top:22px;scroll-margin-top:80px;border-top:1px solid var(--rule);margin-top:18px}
.ns h2{font-size:1.2rem;font-weight:500;color:var(--ink)!important;margin:0 0 4px}
.ns h2 span{color:var(--faint);font-weight:400;font-size:.85em;margin-right:8px}
.ns .go{font-size:.88rem;color:var(--gold)}
.ns .sum{border-left:2px solid var(--gold);padding:2px 0 2px 14px;color:var(--muted);font-style:italic;margin:10px 0 12px}
.ns .n{margin:0 0 12px}
.ns .n b{font-weight:600}
.ns a.x{color:var(--lapis);text-decoration:none;border-bottom:1px dotted}
.pu .notelink{font-size:.8rem;font-weight:400;margin-left:10px;color:var(--gold);font-style:normal}