/* Crux public site v2, the codex. Paper leads, after the notebooks; night is the same instrument by dark.
   Legacy token names carry codex values so every page inherits. No engine code ships here. */
:root{--bg:#E9DDBE;--bg-2:#E3D5B2;--bg-deep:#E0D2AE;--bg-lift:#F3EAD3;
--tx:#42341F;--tx-dim:#66553A;--tx-body:#54452D;
--gold:#7A4E1F;--gold-hi:#8A5A28;--gold-deep:#6B4519;--sang:#A85535;
--line:rgba(96,74,42,.5);--line-soft:rgba(96,74,42,.22);--wash:rgba(122,92,44,.07);--seal:#9E3B24;
--disc-fill:#EFE5C9;--plate-shadow:rgba(60,45,20,.28);
--serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"Instrument Sans",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
--ease:cubic-bezier(.22,.61,.21,1)}
html[data-mode="dark"] body{--bg:#070B14;--bg-2:#0B1220;--bg-deep:#04070E;--bg-lift:#0D1424;
--tx:#E9E3D3;--tx-dim:#9A9484;--tx-body:#CFC8B4;
--gold:#C8A96A;--gold-hi:#E3CD9A;--gold-deep:#B08F52;--sang:#C8A96A;
--line:rgba(200,169,106,.42);--line-soft:rgba(200,169,106,.16);--wash:rgba(200,169,106,.06);--seal:#8E3B2F;
--disc-fill:#0B1220;--plate-shadow:rgba(0,0,0,.55)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);background:var(--bg);color:var(--tx);line-height:1.62;font-size:17px;-webkit-font-smoothing:antialiased;transition:background .5s var(--ease),color .5s var(--ease)}
html[data-mode="dark"] body{background:radial-gradient(130% 100% at 50% 0%,var(--bg-2),var(--bg) 60%)}
/* the page itself: mottled ground, grain, folio frame (layers injected by mode.js) */
.blotch{position:fixed;inset:0;pointer-events:none;z-index:0;
background:radial-gradient(52vw 40vh at 12% 8%,rgba(122,92,44,.10),transparent 60%),
radial-gradient(44vw 36vh at 88% 22%,rgba(122,92,44,.08),transparent 60%),
radial-gradient(60vw 44vh at 70% 92%,rgba(122,92,44,.10),transparent 62%),
radial-gradient(30vw 26vh at 30% 70%,rgba(150,110,50,.06),transparent 60%),
radial-gradient(140% 120% at 50% 50%,transparent 58%,rgba(84,62,28,.16) 100%)}
html[data-mode="dark"] .blotch{background:radial-gradient(140% 120% at 50% 50%,transparent 60%,rgba(0,0,0,.5) 100%)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:multiply;
background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity=".16"/></svg>')}
html[data-mode="dark"] .grain{opacity:.22;mix-blend-mode:screen}
.frame{position:fixed;inset:12px;border:1px solid var(--line-soft);pointer-events:none;z-index:5}
.frame::before{content:"";position:absolute;inset:4px;border:1px solid var(--line-soft);opacity:.6}
main,header.site,footer.site{position:relative;z-index:1}
a{color:var(--gold-deep);text-decoration:none;border-bottom:1px solid var(--line-soft)}
a:hover{color:var(--tx);border-color:var(--gold)}
.wrap{max-width:1240px;margin:0 auto;padding:0 5vw}
.caps{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600}
h1,h2,h3{font-family:var(--serif);font-weight:390;letter-spacing:-.012em;line-height:1.1;color:var(--tx)}
em{font-style:italic}
header.site{display:flex;align-items:center;justify-content:space-between;padding:1.7rem 0;gap:1rem;flex-wrap:wrap}
header.site .brand{display:flex;align-items:center;gap:.65rem;border:none;color:var(--tx)}
header.site .brand b{font-family:var(--serif);font-weight:540;font-size:1.18rem}
nav.site{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}
nav.site a{border:none;color:var(--tx-dim);font-size:.92rem}
nav.site a:hover{color:var(--tx)}
nav.site a.cta{background:none;color:var(--tx);border:1px solid var(--line);padding:.7em 1.5em;border-radius:2px;
font-weight:600;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;transition:background .3s,color .3s}
nav.site a.cta:hover{background:var(--tx);color:var(--bg)}
.cruxmark{color:var(--gold)}
#modeBtn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:none;cursor:pointer;color:var(--gold);display:inline-flex;align-items:center;justify-content:center;padding:0}
#modeBtn:hover{border-color:var(--gold)}
/* ---------- articles: notebook pages ---------- */
.article{max-width:46em;margin:0 auto;padding:4rem 0 5rem}
.article .caps{display:block;margin-bottom:1.1rem}
.article h1{font-size:clamp(2.2rem,4.8vw,3.4rem);max-width:14em}
.article .lead{font-family:var(--serif);font-size:1.2rem;line-height:1.6;margin-top:1.6rem;padding:1.3rem 1.5rem;
background:var(--bg-lift);border:1px solid var(--line-soft);position:relative}
.article .lead::first-letter{font-family:var(--serif);font-size:2.9em;float:left;line-height:.82;padding:.05em .13em .02em 0;color:var(--gold-deep)}
.article h2{font-size:1.5rem;margin:2.6rem 0 .9rem;padding-top:1.5rem;position:relative}
.article h2::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;
background:linear-gradient(90deg,var(--line) 0%,var(--line-soft) 70%,transparent)}
.article h2::after{content:"";position:absolute;top:-4px;left:0;width:1px;height:9px;background:var(--line)}
.article p{margin:1rem 0;color:var(--tx-body)}
.article table{border-collapse:collapse;width:100%;margin:1.4rem 0;font-size:.95rem}
.article th{text-align:left;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);padding:.55rem .7rem;border-bottom:1px solid var(--line)}
.article td{padding:.6rem .7rem;border-bottom:1px solid var(--line-soft);vertical-align:top}
.crisis{background:var(--bg-lift);border:1px solid var(--line);padding:1.4rem 1.6rem;margin:2.2rem 0;position:relative}
.crisis::before{content:"";position:absolute;inset:5px;border:1px solid var(--line-soft);pointer-events:none}
.crisis .caps{color:var(--seal)}
.crisis p{margin:.6rem 0 0}
.quiet{font-size:.9rem;color:var(--tx-dim)}
.faq{counter-reset:q;margin-top:2.4rem;max-width:52em}
.faq dt{counter-increment:q;font-family:var(--serif);font-weight:480;font-size:1.28rem;letter-spacing:-.01em;
padding:1.35rem 0 .1rem;border-top:1px solid var(--line-soft);display:flex;gap:.9rem;align-items:baseline}
.faq dt:first-of-type{border-top:none;padding-top:.2rem}
.faq dt::before{content:counter(q,lower-roman) ".";font-style:italic;font-weight:400;color:var(--gold-deep);font-size:1.02rem;flex:none;min-width:1.7em}
.faq dd{margin:.45rem 0 1.3rem 2.6em;color:var(--tx-body);max-width:44em}
@media (max-width:720px){.faq dd{margin-left:0}}
/* ---------- the landing folio ---------- */
#hero{position:relative;padding:8vh 0 6vh;overflow:visible}
#hero h1{font-size:clamp(2.9rem,6.8vw,5.4rem);line-height:1.05;max-width:12em;position:relative}
#hero .lede{font-size:1.18rem;color:var(--tx-dim);max-width:30em;margin-top:1.8rem;line-height:1.72;position:relative}
#heroStudy{position:absolute;top:6vh;right:-4vw;width:min(42vw,540px);aspect-ratio:1;pointer-events:none;opacity:.8}
html[data-mode="dark"] #heroStudy{opacity:.5}
@media (max-width:980px){#heroStudy{display:none}}
.plate{margin-top:2.5rem;max-width:760px;background:var(--bg-lift);border:1px solid var(--line);
padding:1.5rem 1.7rem 1.3rem;position:relative;box-shadow:0 18px 44px -34px var(--plate-shadow)}
.plate::after{content:"";position:absolute;inset:5px;border:1px solid var(--line-soft);pointer-events:none}
.plate:focus-within{border-color:var(--gold)}
.plate .caps{display:block;margin-bottom:.75rem}
.plate textarea{display:block;width:100%;font-family:var(--serif);font-size:1.5rem;line-height:1.45;font-style:italic;
background:transparent;border:none;color:var(--tx);padding:.1em 0 .3em;resize:none;outline:none;height:auto;max-height:9.5em;overflow:hidden;caret-color:var(--gold)}
.plate textarea::placeholder{color:var(--tx-dim);opacity:.8}
.platerow{display:flex;align-items:center;gap:1.4rem;margin-top:1.05rem;padding-top:1.05rem;flex-wrap:wrap;position:relative;z-index:1}
.platerow::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
background:linear-gradient(90deg,var(--line) 0%,var(--line-soft) 60%,transparent)}
.platerow .hint{font-size:.9rem;color:var(--tx-dim);max-width:24em;line-height:1.5}
.btn{display:inline-flex;align-items:center;background:none;color:var(--tx);border:1px solid var(--line);
padding:1.05em 2em;border-radius:2px;font-weight:600;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;
cursor:pointer;font-family:var(--sans);transition:background .3s,color .3s}
.btn:hover{background:var(--tx);color:var(--bg);border-color:var(--tx)}
section.band{padding:4.4rem 0;position:relative}
section.band::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
background:linear-gradient(90deg,transparent,var(--line) 12%,var(--line) 88%,transparent)}
.band h2{font-size:clamp(1.7rem,3.4vw,2.4rem);max-width:18em}
.band .caps{display:block;margin-bottom:1.2rem}
.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:2.6rem;margin-top:2.8rem}
@media (max-width:820px){.acts{grid-template-columns:1fr}}
.act .n{font-family:var(--serif);font-style:italic;color:var(--gold-deep);display:block;margin-bottom:.7rem}
.act h3{font-size:1.16rem;margin-bottom:.5rem}
.act p{color:var(--tx-dim);font-size:.96rem}
.price{font-family:var(--serif);font-size:2.6rem}
.anchor{color:var(--tx-dim);max-width:38em;margin-top:1.2rem}
.tariff{max-width:660px;margin-top:2.4rem;background:var(--bg-lift);border:1px solid var(--line);
padding:.5rem 1.8rem;position:relative;box-shadow:0 18px 44px -34px var(--plate-shadow)}
.tariff::after{content:"";position:absolute;inset:5px;border:1px solid var(--line-soft);pointer-events:none}
.tariff .sealdot{position:absolute;top:-8px;right:28px}
.trow{display:flex;align-items:baseline;gap:1.4rem;padding:1.3rem 0;flex-wrap:wrap;position:relative;z-index:1}
.trow + .trow{border-top:1px solid var(--line-soft)}
.trow .price{min-width:2.4em}
.trow .tlbl{flex:1;min-width:14em}
.trow .tlbl p{color:var(--tx-dim);font-size:.92rem;margin-top:.2rem}
.sealdot{display:inline-block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#B95A40,var(--seal) 62%,#732A1B);box-shadow:0 0 0 4px var(--wash)}
footer.site{margin-top:4rem;border-top:1px solid var(--line-soft);padding:2.6rem 0 3rem;font-size:.9rem;color:var(--tx-dim)}
footer.site .cols{display:flex;gap:3.5rem;flex-wrap:wrap;margin-bottom:1.8rem}
footer.site a{border:none;color:var(--tx-dim);display:block;margin:.3rem 0}
footer.site a:hover{color:var(--tx)}
footer.site .ent{max-width:44em;margin-bottom:1.4rem}
/* ---------- the chamber: a folio spread, injected by flow.js ---------- */
#chamber{position:fixed;inset:0;background:var(--bg);color:var(--tx);overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .8s var(--ease),background .5s var(--ease);z-index:10}
html[data-mode="dark"] #chamber{background:radial-gradient(130% 100% at 50% 0%,var(--bg-2),var(--bg) 60%)}
#chamber.on{opacity:1;pointer-events:auto}
#chamber .blotch,#chamber .grain{position:absolute}
.cwrap{position:relative;z-index:2;max-width:640px;margin:0 auto;padding:7vh 6vw 14vh}
#study[hidden]{display:none}
@media (min-width:1080px){
.cwrap{max-width:1080px;display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:3.6rem}
.chead{grid-column:1/-1}
.qecho{grid-column:1/-1;max-width:22em}
#stage{grid-column:1;grid-row:3;min-width:0}
#study{grid-column:2;grid-row:3;position:sticky;top:2.4rem;align-self:start}
#study #retBox{margin-top:.4rem}
}
.chead{display:flex;align-items:center;gap:.9rem;margin-bottom:2.4rem}
.chead .rule{flex:1;height:9px;position:relative}
.chead .rule::before{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.chead .rule::after{content:"";position:absolute;left:0;top:0;width:1px;height:9px;background:var(--line)}
.chead .amend{margin-left:auto;font-size:.8rem;color:var(--tx-dim);border-bottom:1px solid var(--line-soft);cursor:pointer}
.qecho{font-family:var(--serif);font-style:italic;font-size:1.42rem;line-height:1.45;margin-bottom:2.4rem}
.line{margin:1.1rem 0;opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.line.in{opacity:1;transform:none}
.moment{font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--tx-dim)}
.moment b{display:block;font-family:var(--serif);font-weight:440;font-size:2rem;letter-spacing:.04em;color:var(--tx);text-transform:none;margin-bottom:.2rem}
.speak{font-family:var(--serif);font-style:italic;font-size:1.16rem;color:var(--tx)}
.proc{display:flex;gap:.8rem;align-items:baseline;font-family:var(--serif);font-size:1.04rem;color:var(--tx-body)}
.proc::before{content:"";width:14px;height:5px;flex:none;transform:translateY(-3px);border-bottom:1px solid var(--gold);border-left:1px solid var(--gold)}
.echo{font-family:var(--sans);font-size:.88rem;color:var(--tx-dim);border-left:1px solid var(--line);padding-left:.9rem}
.ask label{display:block;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:.5rem}
.ask .pq{font-family:var(--serif);font-size:1.22rem;line-height:1.45;color:var(--tx);margin:0 0 .7rem}
.ask input{width:100%;font-family:var(--serif);font-size:1.25rem;background:none;border:none;border-bottom:1px solid var(--line);color:var(--tx);padding:.3em 0 .4em;outline:none;caret-color:var(--gold);color-scheme:light}
html[data-mode="dark"] .ask input{color-scheme:dark}
.ask input:focus{border-color:var(--gold)}
.ask .sub{font-size:.88rem;color:var(--tx-dim);margin-top:.55rem}
.ask .sub a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--line-soft);cursor:pointer}
.ferr{color:var(--seal);font-size:.93rem;margin-top:.8rem}
.steprow{display:flex;align-items:center;gap:1.3rem;margin-top:1.25rem;padding-top:1.1rem;flex-wrap:wrap;position:relative}
.steprow::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
background:linear-gradient(90deg,var(--line) 0%,var(--line-soft) 60%,transparent)}
/* ---------- the study: the wheel, drawn as in the notebooks ---------- */
#retBox{display:flex;flex-direction:column;align-items:center;margin:2rem 0 1.2rem}
.retcap{margin-top:.8rem;font-family:var(--serif);font-style:italic;color:var(--tx-dim);font-size:.92rem;text-align:center}
.ret{width:min(70vw,340px)}
.ret circle,.ret line,.ret path,.ret polyline,.ret rect{stroke:var(--tx-body);fill:none}
html[data-mode="dark"] .ret circle,html[data-mode="dark"] .ret line,html[data-mode="dark"] .ret path,html[data-mode="dark"] .ret polyline,html[data-mode="dark"] .ret rect{stroke:var(--gold)}
.ret .r1{stroke-width:1.1;stroke-dasharray:670;stroke-dashoffset:670}
.ret .r2{stroke-width:.55;opacity:.7;stroke-dasharray:560;stroke-dashoffset:560}
.ret .c3{stroke-width:.6;opacity:.55;stroke-dasharray:2 4}
.ret .sq{stroke-width:.6;opacity:.55;stroke-dasharray:525;stroke-dashoffset:525}
.ret .dg{stroke-width:.5;opacity:.45;stroke-dasharray:190;stroke-dashoffset:190}
.ret .sq,.ret .dg,.ret .c3{stroke:var(--sang)}
.ret .hpl{stroke:var(--sang)}
.ret .pent{stroke:var(--sang);opacity:0}
.ret.draw .pent{transition:opacity 1.6s var(--ease) .7s;opacity:.15}
.ret .hair{stroke-width:.6;opacity:.75}
.ret .mt{stroke-width:.7;opacity:.7}
.ret .tick{stroke-width:.8}
.ret .ct{stroke-width:.8}
.ret .hw{fill:url(#hatch);stroke:none;opacity:0;transition:opacity 1.2s var(--ease)}
.ret.draw .hw{opacity:.3}
.ret.draw .hw2{opacity:.16}
html[data-mode="dark"] .ret.draw .hw{opacity:.12}
html[data-mode="dark"] .ret.draw .hw2{opacity:.07}
.ret .deg{transform-origin:130px 130px}
html[data-mode="dark"] .ret.draw .deg{animation:spin 26s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ret.draw .r1{transition:stroke-dashoffset 2.2s var(--ease);stroke-dashoffset:0}
.ret.draw .r2{transition:stroke-dashoffset 2.2s var(--ease) .4s;stroke-dashoffset:0}
.ret.draw .sq{transition:stroke-dashoffset 2s var(--ease) .9s;stroke-dashoffset:0}
.ret.draw .dg{transition:stroke-dashoffset 1.6s var(--ease) 1.6s;stroke-dashoffset:0}
.ret .zg{opacity:0}
.ret .zg path{stroke:var(--tx-body);fill:none;stroke-width:.75;stroke-linecap:round;stroke-linejoin:round}
html[data-mode="dark"] .ret .zg path{stroke:var(--gold)}
.ret .hn{stroke:none;font-family:var(--serif);text-anchor:middle;dominant-baseline:central;fill:var(--tx-body);font-size:7px;font-style:italic;opacity:0}
html[data-mode="dark"] .ret .hn{fill:var(--gold)}
.ret.draw .zg{transition:opacity .7s var(--ease) 2.3s;opacity:.9}
.ret.draw .hn{transition:opacity .7s var(--ease) 2.8s;opacity:.55}
html[data-mode="dark"] .ret.draw .zg{opacity:.65}
html[data-mode="dark"] .ret.draw .hn{opacity:.35}
.ret .an{font-family:var(--serif);font-style:italic;font-size:8px;fill:var(--tx-body);stroke:none;opacity:.75}
.ret .an.mir{opacity:.35}
html[data-mode="dark"] .ret .an{opacity:.35;fill:var(--gold)}
.ret .pl{font-family:var(--serif);font-style:italic;font-size:7px;fill:var(--tx-body);stroke:none;opacity:0}
.ret.lock .pl{transition:opacity .8s var(--ease) 1.1s;opacity:.85}
html[data-mode="dark"] .ret .pl{fill:var(--gold)}
html[data-mode="dark"] .ret.lock .pl{opacity:.55}
.ret .star{stroke:var(--tx);fill:none;stroke-width:.9;stroke-linecap:round;opacity:0;transition:opacity .8s var(--ease)}
html[data-mode="dark"] .ret .star{stroke:var(--tx)}
.ret .cline{stroke-width:.7;stroke-dasharray:400;stroke-dashoffset:400}
.ret.lock .star{opacity:1}
.ret.lock .cline{transition:stroke-dashoffset 2s var(--ease);stroke-dashoffset:0}
.ret.lock .star.s1{filter:drop-shadow(0 0 5px rgba(120,95,45,.8))}
html[data-mode="dark"] .ret.lock .star.s1{filter:drop-shadow(0 0 6px rgba(233,227,211,.9))}
.scalebar{display:block;margin:.9rem auto 0}
.scalebar .sb{stroke:var(--tx-body);fill:none;stroke-width:.8}
.scalebar .sf{fill:var(--tx-body);opacity:.65}
html[data-mode="dark"] .scalebar .sb{stroke:var(--gold)}
html[data-mode="dark"] .scalebar .sf{fill:var(--gold);opacity:.4}
/* ---------- the sealed entry and the register ---------- */
.entrycard{border:1px solid var(--line);padding:1.6rem 1.7rem 1.4rem;margin:1.6rem 0 1.4rem;position:relative;background:var(--bg-lift);box-shadow:0 24px 50px -36px var(--plate-shadow)}
.entrycard::before{content:"";position:absolute;inset:6px;border:1px solid var(--line-soft);pointer-events:none}
.entrycard .eq{font-family:var(--serif);font-style:italic;font-size:1.25rem;line-height:1.4;margin:0 3.2rem .9rem 0}
.eline{display:flex;gap:1rem;align-items:baseline;font-size:.9rem;color:var(--tx-dim);margin:.35rem 0}
.eline .k,.eline .caps{font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:600;flex:none;width:7.5em;font-family:var(--sans)}
.eline span:last-child{color:var(--tx)}
.waxseal{position:absolute;top:1.15rem;right:1.2rem;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#B95A40,var(--seal) 60%,#732A1B);display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.6,1);box-shadow:0 2px 8px rgba(40,25,10,.35);z-index:1}
.waxseal.on{transform:scale(1)}
.waxseal svg{color:rgba(240,232,214,.9)}
.tiers{border:1px solid var(--line);padding:.4rem 1.4rem;margin:1.4rem 0;background:var(--bg-lift)}
.tier2{display:flex;gap:1.2rem;align-items:baseline;padding:1.05rem 0;cursor:pointer}
.tier2 + .tier2{border-top:1px solid var(--line-soft)}
.tier2 .p{font-family:var(--serif);font-size:1.6rem;flex:none;min-width:2.3em;color:var(--tx)}
.tier2 .d{font-size:.92rem;color:var(--tx-dim)}
.tier2 .d b{color:var(--tx);font-weight:600;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;margin-right:.5em}
.tier2.on .p,.tier2.on .d b{color:var(--gold)}
.entrycard .sealdot{position:absolute;top:1.15rem;right:1.2rem;z-index:1}
.sugwrap{position:relative}
.sug{position:absolute;left:0;right:0;top:100%;margin-top:2px;background:var(--bg-lift);border:1px solid var(--line);z-index:30;box-shadow:0 18px 40px -24px var(--plate-shadow);max-height:15em;overflow:auto}
.sugi{padding:.55em .9em;font-family:var(--serif);font-size:1.05rem;cursor:pointer;border-top:1px solid var(--line-soft)}
.sugi:first-child{border-top:none}
.sugi.on,.sugi:hover{background:var(--wash);color:var(--gold-deep)}
.specimen{border:1px solid var(--line);background:var(--bg-lift);padding:1.3rem 1.5rem 1.1rem;margin:1.2rem 0;position:relative}
.specimen::before{content:"";position:absolute;inset:5px;border:1px solid var(--line-soft);pointer-events:none}
.specimen .caps{display:block;margin-bottom:.7rem}
.fm{display:flex;gap:.8rem;align-items:baseline;font-family:var(--serif);font-size:1.08rem;color:var(--tx);margin:.5rem 0}
.fm::before{content:"";width:14px;height:5px;flex:none;transform:translateY(-3px);border-bottom:1px solid var(--gold);border-left:1px solid var(--gold)}
.spstats{display:flex;gap:2rem;flex-wrap:wrap;margin:.2rem 0 1rem;padding-bottom:.9rem;border-bottom:1px solid var(--line-soft)}
.spstats span{font-family:var(--sans);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tx-dim);display:flex;align-items:baseline;gap:.5em}
.spstats b{font-family:var(--serif);font-size:1.5rem;font-weight:440;letter-spacing:0;color:var(--tx);text-transform:none}
.spline{display:flex;gap:1rem;align-items:baseline;font-size:.93rem;margin:.32rem 0}
.spline b{font-family:var(--serif);font-weight:480;color:var(--tx);flex:none;width:9.5em}
.spline span{color:var(--tx-dim);font-style:italic;font-family:var(--serif)}
.spq{font-family:var(--serif);font-style:italic;font-size:1.06rem;line-height:1.55;color:var(--tx-body);margin:.9rem 0 .4rem;padding-left:.9rem;border-left:2px solid var(--sang)}
pre.entrytext{font-family:var(--serif);font-size:1.02rem;white-space:pre-wrap;line-height:1.6;margin:0 1.8rem 0 0}
@media (prefers-reduced-motion:reduce){.line{transition:none;opacity:1;transform:none}#chamber{transition:none}html[data-mode="dark"] .ret.draw .deg{animation:none}}