:root{--bg:#07060f;--bg2:rgba(20,17,36,.78);--bg3:#100e1d;--ink:#ece4d0;--ink2:#c9bfa8;--muted:#978d7a;--gold:#d6b26a;--gold2:#f0d79a;--violet:#8c7cf0;--rule:rgba(214,178,106,.22);--rule2:rgba(214,178,106,.12)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}
body{background:radial-gradient(ellipse at 50% -10%,#1a1438 0%,#0b0918 45%,var(--bg) 80%) fixed,var(--bg);color:var(--ink);font-family:"EB Garamond",Georgia,serif;font-size:20px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--gold2);text-decoration-color:rgba(240,215,154,.35);text-underline-offset:3px}a:hover{color:#fff}
img{max-width:100%;display:block}
canvas#sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.wide{position:relative;z-index:2;width:min(1120px,calc(100% - 32px));margin:0 auto}
.wrap{position:relative;z-index:2;width:min(760px,calc(100% - 32px));margin:0 auto;display:block}
/* masthead */
.mast{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;text-align:center;padding:64px 0 40px}
.over{font-family:Cinzel,serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
h1{font-weight:400;line-height:.9;margin:0 0 14px}
.h1a{display:block;font-family:Cinzel,serif;font-weight:500;font-size:clamp(20px,4vw,44px);letter-spacing:.28em;color:var(--gold);padding-left:.28em}
.h1b{display:block;font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:600;font-size:clamp(84px,17vw,210px);line-height:.95;background:linear-gradient(180deg,#fff7e2 0%,#f0d79a 45%,#b98d3e 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 30px rgba(214,178,106,.25))}
.tag{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(22px,3vw,32px);color:var(--ink2);margin:0 auto 26px}
.hero-board{width:min(720px,100%);margin:0 auto}
.spelled{font-family:Cinzel,serif;font-size:clamp(15px,2.2vw,22px);letter-spacing:.34em;color:var(--gold2);min-height:1.6em;margin:16px 0 0;text-shadow:0 0 18px rgba(240,215,154,.45)}
.caret{display:inline-block;width:2px;height:1em;background:var(--gold);vertical-align:-.12em;margin-left:2px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.lede{max-width:740px;margin:26px auto 0;color:var(--ink2);font-size:21px}
.scroll{display:inline-block;margin-top:30px;font-family:Cinzel,serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);text-decoration:none;border:1px solid var(--rule);padding:14px 30px;border-radius:2px}
.scroll:hover{background:rgba(214,178,106,.1);color:var(--gold2)}
/* contents */
nav.contents{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;padding:16px 16px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:rgba(7,6,15,.78);backdrop-filter:blur(8px)}
nav.contents a{font-family:Cinzel,serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);text-decoration:none}
nav.contents a:hover{color:var(--gold2)}
/* prose */
h2{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(38px,5.6vw,62px);line-height:1.04;color:#fff;margin:120px 0 10px;scroll-margin-top:24px}
h2 small{display:block;font-family:Cinzel,serif;font-weight:500;font-size:13px;letter-spacing:.32em;color:var(--gold);margin-bottom:14px}
.host{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:23px;color:var(--gold2);opacity:.85;margin:0 0 30px}
article p{margin:0 0 1.05em}
.dropcap::first-letter{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:4.7em;float:left;line-height:.78;padding:8px 12px 0 0;color:var(--gold)}
em{color:var(--gold2)}
.glyphs{font-family:"Cormorant Garamond",serif;font-size:1.3em;letter-spacing:.3em;color:var(--gold2)}
blockquote.pull{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:500;font-size:clamp(28px,4.2vw,42px);line-height:1.18;color:var(--gold2);border-left:2px solid var(--gold);padding:4px 0 4px 26px;margin:48px 0}
h3.sub{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:32px;color:#fff;margin:56px 0 18px}
.coda{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:26px;line-height:1.3;color:var(--gold2);margin-top:30px}
/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:10px 0 36px}
.stat{background:var(--bg2);border:1px solid var(--rule);padding:20px 20px 18px;border-radius:3px;backdrop-filter:blur(4px)}
.stat .n{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:35px;white-space:nowrap;line-height:1;color:var(--gold2);margin-bottom:8px}
.stat .l{font-size:16.5px;line-height:1.4;color:var(--ink2)}.stat .s{font-size:13.5px;font-style:italic;color:var(--muted);margin-top:8px}
/* record */
h3.era{font-family:Cinzel,serif;font-weight:500;font-size:15px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:54px 0 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
h3.era span{color:var(--muted);letter-spacing:.14em;font-size:12.5px}
h3.era::after{content:"";flex:1;min-width:40px;height:1px;background:var(--rule)}
ol.rec{list-style:none;border-left:1px solid var(--rule);margin:0 0 0 6px;padding:0 0 0 28px}
.ev{position:relative;margin:0 0 30px}
.ev::before{content:"";position:absolute;left:-33.5px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(214,178,106,.15),0 0 16px rgba(214,178,106,.6)}
.ev .yr{font-family:Cinzel,serif;font-size:14px;letter-spacing:.14em;color:var(--gold)}
.ev h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:27px;line-height:1.15;color:#fff;margin:2px 0 6px}
.ev p{font-size:18.5px;margin:0 0 6px}.ev .src{display:block;font-size:14px;font-style:italic;color:var(--muted)}
ol.rec.brief .ev{margin-bottom:18px}ol.rec.brief .ev h4{font-size:22px;display:inline;margin-right:8px}ol.rec.brief .ev p{display:inline;font-size:17.5px}ol.rec.brief .ev .src{margin-top:2px}
/* plates */
.plate{margin:36px 0}.plate img{width:100%;height:auto;border:1px solid var(--rule);border-radius:2px;background:#000}
.plate figcaption{font-size:15px;line-height:1.5;color:var(--muted);margin-top:10px;font-style:italic}.plate figcaption b{color:var(--ink);font-style:normal;font-weight:500}
.plate .cr{opacity:.8}
.plates{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:36px 0}.plates .plate{margin:0}
.plates{align-items:start}
.plate.wide{width:min(1000px,calc(100vw - 32px));margin-left:50%;transform:translateX(-50%)}.plate.wide.reveal{transform:translateX(-50%) translateY(14px)}.plate.wide.reveal.in{transform:translateX(-50%)}
.plate.narrow{max-width:560px;margin-left:auto;margin-right:auto}
/* further */
.further{border:1px solid var(--rule);border-left:3px solid var(--gold);background:var(--bg2);padding:20px 24px;margin:34px 0;border-radius:2px}
.further h4{font-family:Cinzel,serif;font-weight:500;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.further ul{list-style:none}.further li{font-size:17.5px;margin:4px 0}.further li span{color:var(--muted);font-style:italic}
/* steps, whys */
.steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin:30px 0}
.step{position:relative;background:var(--bg2);border:1px solid var(--rule);padding:26px 24px 20px;border-radius:3px}
.step .k,.rung .k{position:absolute;top:-15px;left:18px;width:32px;height:32px;border-radius:50%;background:var(--gold);color:#140e06;font-family:Cinzel,serif;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center}
.step h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:24px;color:#fff;margin-bottom:6px;line-height:1.15}.step p{font-size:17.5px;margin:0}
.steps .step:last-child:nth-child(odd){grid-column:1/-1}
.whys{display:grid;gap:14px}.why{border-top:1px solid var(--rule);padding-top:16px}
.why h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:25px;color:var(--gold2);margin-bottom:4px}.why p{margin:0}
/* boards */
.board{position:relative;width:100%;aspect-ratio:1000/620;user-select:none;-webkit-user-select:none}
.board>svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 24px 50px rgba(0,0,0,.55))}
.board .st{font-family:Cinzel,serif;font-weight:500;font-size:50px;fill:var(--ink2);text-anchor:middle;dominant-baseline:central;transition:fill .35s}
.board .st.num{font-size:40px}.board .st.word{font-size:36px;letter-spacing:6px}
.board .st.lit{fill:#fff;filter:drop-shadow(0 0 10px rgba(240,215,154,.95))}
.board .st.next{fill:var(--gold2);filter:drop-shadow(0 0 12px rgba(240,215,154,.9));animation:pulse 1.6s ease-in-out infinite}
.board .st.done{fill:#fff}
@keyframes pulse{50%{opacity:.55}}
.planchette{position:absolute;width:15%;transform:translate(-50%,-44.737%);filter:drop-shadow(0 12px 18px rgba(0,0,0,.6));will-change:left,top}
.planchette svg{display:block;width:100%;height:auto}
#pb-pl{cursor:grab;touch-action:none}#pb-pl:active{cursor:grabbing}#pb-pl:focus-visible{outline:2px solid var(--gold2);outline-offset:4px;border-radius:50%}
@media(max-width:640px){.planchette{width:17%}}
/* practice + ledger */
.practice,.ledger{background:rgba(12,10,24,.82);border:1px solid var(--rule);border-radius:4px;padding:6px 26px 26px;margin:48px 0;backdrop-filter:blur(6px)}
.practice h3.sub,.ledger h3.sub{margin:22px 0 6px}
.note-s{font-size:17px;color:var(--ink2);margin-bottom:18px}
.pb-ui{display:flex;gap:24px;align-items:center;margin-top:18px;flex-wrap:wrap}
.say{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:64px;line-height:1;min-width:2.2em;color:var(--gold2);text-align:center;text-shadow:0 0 24px rgba(240,215,154,.4)}
.say.small{font-size:30px}
.pb-meta{flex:1;min-width:240px}.pb-meta p{margin:0 0 6px;font-size:17.5px}.aim{color:var(--muted);font-style:italic}.aim.ok{color:var(--gold2)}
.pb-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.cells{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:6px 0 14px}
.cell{aspect-ratio:1;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--muted);font-family:Cinzel,serif;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.cell.on{background:radial-gradient(circle at 40% 35%,#fff3cf,#d6b26a 60%,#9a7330);color:#140e06;border-color:var(--gold2);box-shadow:0 0 14px rgba(214,178,106,.45)}
.cell.today{outline:1px dashed var(--gold2);outline-offset:3px}.cell.future{opacity:.45;cursor:default}
.lg-sum{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:22px;color:var(--gold2)}
/* feats, rungs */
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:30px 0 36px}
.feat{background:var(--bg2);border:1px solid var(--rule);border-radius:3px;padding:20px 22px}
.feat .yr{font-family:Cinzel,serif;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.feat h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:25px;color:#fff;margin:4px 0 6px}.feat p{font-size:17px;margin:0}
.rungs{list-style:none;display:grid;gap:24px;margin:34px 0}
.rung{position:relative;background:var(--bg2);border:1px solid var(--rule);border-radius:3px;padding:26px 26px 18px}
.rung h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:28px;color:#fff;margin-bottom:6px}.rung p{font-size:18px}.rung .do{border-top:1px solid var(--rule2);padding-top:10px;color:var(--ink2)}.rung .do b{color:var(--gold2);font-weight:500}
.practice-box{border:1px solid var(--gold);background:linear-gradient(180deg,rgba(214,178,106,.10),rgba(214,178,106,.03));padding:22px 26px;margin:36px 0;border-radius:3px}
.practice-box h4{font-family:Cinzel,serif;font-weight:500;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold2);margin-bottom:8px}.practice-box p{margin:0}
/* powers band */
.band{position:relative;z-index:2;margin-top:120px;padding:10px 0 90px;background:linear-gradient(180deg,rgba(7,6,15,0),rgba(16,13,32,.88) 12%,rgba(16,13,32,.88) 88%,rgba(7,6,15,0))}
.band h2{margin-top:70px}
.powers{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-top:10px}
.power{background:rgba(9,8,19,.9);border:1px solid var(--rule);border-radius:3px;padding:24px 24px 18px;display:flex;flex-direction:column}
.power .called{font-family:Cinzel,serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.power h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:30px;color:#fff;margin:2px 0 10px}
.power dl{flex:1}.power dt{font-family:Cinzel,serif;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:8px}.power dd{font-size:17px;line-height:1.5;margin:2px 0 6px}
.power .warn{font-size:15.5px;font-style:italic;color:#e9b7a0;border-left:2px solid #b5694e;padding-left:12px;margin:8px 0 6px}
.power .go{margin:12px 0 0;font-size:16.5px}
/* houses */
.houses{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:26px 0 20px}
.house{display:block;text-decoration:none;color:inherit;background:var(--bg2);border:1px solid var(--rule);border-radius:3px;padding:18px 20px;transition:border-color .3s,transform .3s}
.house:hover{border-color:var(--gold);color:inherit}
.house .dom{font-family:Cinzel,serif;font-size:11.5px;letter-spacing:.14em;color:var(--gold)}
.house h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:24px;color:#fff;margin:2px 0 4px}.house p{font-size:16px;line-height:1.45;color:var(--ink2);margin:0}
/* buttons, forms */
.btn{display:inline-block;font-family:Cinzel,serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:13px 22px;border:1px solid var(--gold);color:var(--gold2);background:rgba(7,6,15,.5);border-radius:2px;cursor:pointer;text-decoration:none}
.btn:hover{background:rgba(214,178,106,.14);color:#fff}.btn.solid{background:var(--gold);color:#140e06}.btn.solid:hover{background:var(--gold2)}.btn.ghost{border-color:var(--rule);color:var(--ink2)}
.enquire{position:relative;z-index:2;padding:110px 0 80px}.enquire .two{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.enquire h2{margin:0 0 10px;font-size:40px}.enquire .lead{color:var(--ink2);font-style:italic;margin-bottom:16px}
input,textarea{width:100%;background:rgba(14,12,28,.9);border:1px solid var(--rule);color:var(--ink);font-family:inherit;font-size:18px;padding:12px 14px;margin-bottom:12px;border-radius:2px}
textarea{min-height:140px;resize:vertical}input:focus,textarea:focus{outline:none;border-color:var(--gold)}
.row{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.hp{position:absolute;left:-9999px}.note{font-size:15.5px;color:var(--muted);min-height:1.4em;margin-top:10px}.note.ok{color:var(--gold2)}.note.err{color:#e9a0a0}
footer{position:relative;z-index:2;border-top:1px solid var(--rule);padding:40px 16px 60px;text-align:center;font-size:15px;color:var(--muted);background:rgba(7,6,15,.92)}
footer p{max-width:820px;margin:0 auto 10px}
footer .links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:18px;font-family:Cinzel,serif;letter-spacing:.12em;text-transform:uppercase;font-size:12px}footer .links a{text-decoration:none}
/* motion */
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .8s,transform .8s}.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.board .st.next{animation:none}.caret{animation:none}html{scroll-behavior:auto}}
@media(max-width:820px){.enquire .two{grid-template-columns:1fr}}
@media(max-width:700px){.plates{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps .step:last-child:nth-child(odd){grid-column:auto}}
@media(max-width:640px){body{font-size:18.5px}h2{margin-top:88px}.lede{font-size:19px}.practice,.ledger{padding:4px 16px 20px}.cells{gap:5px}.cell{font-size:10px}.row{grid-template-columns:1fr}.say{font-size:48px}
 nav.contents{gap:4px 14px}nav.contents a{font-size:11px}.over{font-size:10.5px;letter-spacing:.2em}.powers{grid-template-columns:1fr}.mast{padding-top:40px}}

/* parts and contents */
.part{position:relative;z-index:2;text-align:center;margin:150px auto 0;padding:0 16px}
.part .pn{font-family:Cinzel,serif;font-size:13px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold)}
.part .pt{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:500;font-size:clamp(44px,7vw,84px);line-height:1;color:#fff;margin:14px 0 12px}
.part .pl{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:22px;color:var(--ink2);max-width:640px;margin:0 auto}
.orn{display:block;width:min(420px,80%);height:22px;margin:22px auto 0;background:radial-gradient(circle at 50% 50%,var(--gold2) 0 3px,transparent 3.5px),linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold) 46%,transparent 46%,transparent 54%,var(--gold) 54%,var(--gold) 70%,transparent) center/100% 1px no-repeat}
.toc{position:relative;z-index:2;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:70px 0 10px}
.toc h2{text-align:center;margin:0 0 34px}
.toc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 34px}
.toc-part h3{font-family:Cinzel,serif;font-weight:500;font-size:12.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--rule);padding-bottom:10px;margin-bottom:10px}
.toc-part h3 span{display:block;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:24px;letter-spacing:0;text-transform:none;color:#fff;margin-top:4px}
.toc-part ol{list-style:none}.toc-part li{margin:5px 0}
.toc-part a{display:flex;gap:12px;align-items:baseline;text-decoration:none;color:var(--ink2);font-size:18px}
.toc-part a i{font-style:normal;font-family:Cinzel,serif;font-size:11.5px;color:var(--gold);min-width:2.6em}
.toc-part a:hover{color:#fff}
@media(max-width:900px){.toc-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.toc-grid{grid-template-columns:1fr}}
/* top bar */
.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:16px;padding:10px 18px;background:rgba(7,6,15,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule2);transform:translateY(-100%);transition:transform .35s}
.topbar.on{transform:none}
.topbar .tb-name{font-family:Cinzel,serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);text-decoration:none;white-space:nowrap}
.topbar .tb-now{flex:1;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:19px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.topbar .tb-toc{font-family:Cinzel,serif;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink2);text-decoration:none;border:1px solid var(--rule);padding:6px 12px;border-radius:2px;white-space:nowrap}
.topbar .prog{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2))}
@media(max-width:640px){.topbar .tb-name{display:none}.topbar .tb-now{text-align:left;font-size:17px}}
/* widened blocks and tables */
.widen{width:min(1060px,calc(100vw - 32px));margin-left:calc(50% - min(530px,calc(50vw - 16px)))!important}
.tbl{margin-top:26px;margin-bottom:34px;border:1px solid var(--rule);border-radius:3px;background:rgba(9,8,19,.86);backdrop-filter:blur(4px)}
table.cmp{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
table.cmp th{font-family:Cinzel,serif;font-weight:500;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-align:left;padding:14px 14px 12px;border-bottom:1px solid var(--rule);vertical-align:bottom}
table.cmp td{padding:13px 14px;border-bottom:1px solid var(--rule2);vertical-align:top;color:var(--ink2)}
table.cmp tr:last-child td{border-bottom:0}
table.cmp td:first-child{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:19px;color:#fff;min-width:150px}
table.cmp tbody tr:hover td{background:rgba(214,178,106,.04)}
table.evid td:nth-child(5),table.mm td:nth-child(5){font-family:Cinzel,serif;font-size:15px;color:var(--gold2);text-align:center;white-space:nowrap}
table.brands{font-size:15px}table.brands td:last-child{color:var(--gold2);font-style:italic}
@media(max-width:760px){
 .tbl{background:none;border:0;backdrop-filter:none}
 table.cmp,table.cmp tbody,table.cmp tr,table.cmp td{display:block;width:100%}
 table.cmp thead{display:none}
 table.cmp tr{background:rgba(9,8,19,.9);border:1px solid var(--rule);border-radius:3px;margin:0 0 14px;padding:6px 0}
 table.cmp td{border:0;padding:6px 16px}
 table.cmp td::before{content:attr(data-l);display:block;font-family:Cinzel,serif;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
 table.cmp td:first-child::before{display:none}
 table.evid td:nth-child(5),table.mm td:nth-child(5){text-align:left}}
/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:24px 0 34px}
.cards .card{background:var(--bg2);border:1px solid var(--rule);border-radius:3px;padding:18px 20px}
.cards .kicker{font-family:Cinzel,serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.cards h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:23px;line-height:1.15;color:#fff;margin:4px 0 6px}
.cards p{font-size:16.5px;line-height:1.5;margin:0;color:var(--ink2)}
.cards.hopes,.cards.hosp,.cards.classes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
/* timeline tags */
span.tag{display:inline-block;font-family:Cinzel,serif;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:3px 9px;border-radius:999px;margin-left:10px;vertical-align:2px;border:1px solid}
.t-quack{color:#e9a48c;border-color:rgba(233,164,140,.5)}.t-cure{color:var(--gold2);border-color:rgba(240,215,154,.5)}.t-test{color:#b3a8ff;border-color:rgba(179,168,255,.55)}.t-show{color:#9fd8e6;border-color:rgba(159,216,230,.5)}
.ev.quack::before{background:#c9775c;box-shadow:0 0 0 4px rgba(201,119,92,.15)}.ev.test::before{background:#9c8cff;box-shadow:0 0 0 4px rgba(156,140,255,.18),0 0 14px rgba(156,140,255,.6)}.ev.show::before{background:#7fc6d8;box-shadow:0 0 0 4px rgba(127,198,216,.15)}
/* roadmap */
.roadmap{margin:30px 0 36px}.roadmap svg{width:100%;height:auto;display:block}
.roadmap .rv{font-family:Cinzel,serif;font-size:17px;fill:#f0d79a;text-anchor:middle}.roadmap .ry{font-family:"EB Garamond",serif;font-size:16px;fill:#c9bfa8;text-anchor:middle}
.roadmap figcaption{font-size:15px;font-style:italic;color:var(--muted);margin-top:8px}.roadmap figcaption b{color:var(--ink);font-style:normal;font-weight:500}
/* notes */
.practice-box.warn{border-color:#b5694e;background:linear-gradient(180deg,rgba(181,105,78,.12),rgba(181,105,78,.03))}.practice-box.warn h4{color:#eab49f}
.practice-box ol,.practice-box ul{padding-left:22px;margin:4px 0 0}.practice-box li{margin:6px 0}
/* chooser */
.chooser{border:1px solid var(--gold);background:rgba(12,10,24,.88);border-radius:4px;padding:24px 26px;margin:24px 0 36px;backdrop-filter:blur(6px)}
.ch-q h4{font-family:Cinzel,serif;font-weight:500;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.ch-q+.ch-q{margin-top:20px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative;cursor:pointer}.opt input{position:absolute;opacity:0;pointer-events:none}
.opt span{display:inline-block;border:1px solid var(--rule);border-radius:999px;padding:8px 15px;font-size:16px;color:var(--ink2);transition:all .2s}
.opt input:checked+span{border-color:var(--gold2);background:rgba(214,178,106,.16);color:#fff}
.opt input:focus-visible+span{outline:2px solid var(--gold2);outline-offset:2px}
.ch-out{margin-top:24px;border-top:1px solid var(--rule);padding-top:20px}
.ch-out h5{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:26px;color:#fff;margin:0 0 12px}
.rx{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.rx .it{border:1px solid var(--rule);border-radius:3px;padding:14px 16px;background:rgba(214,178,106,.04)}
.rx .it b{font-family:"Cormorant Garamond",serif;font-size:21px;font-weight:600;color:#fff;display:block}
.rx .it .g{float:right;font-family:Cinzel,serif;font-size:13px;color:var(--gold2)}
.rx .it p{font-size:15.5px;margin:4px 0 0;color:var(--ink2)}.rx .it .d{color:var(--gold2)}
.ch-warn{margin-top:14px;border-left:2px solid #b5694e;padding:4px 0 4px 14px;font-size:16px;color:#eab49f}
.ch-warn li{margin:4px 0}.ch-warn ul{padding-left:18px}
.signs{padding-left:22px}
.brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;margin:24px 0 36px}
.brand{background:rgba(9,8,19,.9);border:1px solid var(--rule);border-radius:3px;padding:22px 22px 18px;display:flex;flex-direction:column}
.brand .kicker{font-family:Cinzel,serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.brand h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:28px;color:#fff;margin:2px 0 10px}
.brand dl{flex:1;margin:0}.brand dt{font-family:Cinzel,serif;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.brand dd{font-size:15.5px;line-height:1.45;color:var(--ink2);margin:2px 0 0}
.brand .verdict{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--rule);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:19px;line-height:1.35;color:var(--gold2)}