/* =========================================================
   Option 2 — plain & clear.
   Light beige and grays, colour only on buttons, condensed layout.
   Everything is scoped to html[data-v="2"], so Option 1 is untouched.
   ========================================================= */

/* ---------- version toggle (shown in both options) ---------- */
.vtoggle{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:400;display:flex;flex-direction:column;gap:2px;padding:4px;background:#fff;border:1px solid #e3e3e3;border-radius:12px;box-shadow:0 8px 24px -12px rgba(0,0,0,.25);font:500 11px/1 "Geist",ui-sans-serif,system-ui,sans-serif}
.vtoggle button{appearance:none;border:0;background:transparent;color:#6b6b6b;padding:9px 11px;border-radius:8px;cursor:pointer;text-align:left;white-space:nowrap;font:inherit;letter-spacing:.2px;transition:background-color .2s ease,color .2s ease}
.vtoggle button:hover{color:#1f1f1f;background:#f3f3f3}
.vtoggle button[aria-pressed="true"]{background:#1f1f1f;color:#fff}
.vtoggle button:focus-visible{outline:2px solid #317f8c;outline-offset:1px}
.vtoggle .vt-sep{display:block;height:1px;margin:3px 6px;background:#e6e6e6}
.vtoggle .vt-story{display:block;color:#6b6b6b;padding:9px 11px;border-radius:8px;text-decoration:none;white-space:nowrap;letter-spacing:.2px;transition:background-color .2s ease,color .2s ease}
.vtoggle .vt-story:hover{color:#1f1f1f;background:#f3f3f3}
.vtoggle .vt-story[aria-current="page"]{background:#e9e7df;color:#1f1f1f}
.vtoggle .vt-story[aria-current="page"]::before{content:"✓ ";}
.vtoggle .vt-story:focus-visible{outline:2px solid #317f8c;outline-offset:1px}
@media (max-width:900px){.vtoggle{top:auto;bottom:12px;left:12px;transform:none;flex-direction:row;flex-wrap:wrap;max-width:calc(100vw - 24px)}.vtoggle .vt-sep{width:1px;height:auto;margin:6px 3px}}
@media print{.vtoggle{display:none}}

/* ---------- shared by both options ---------- */
/* each generated illustration ships twice: dots (Option 1) and clean lines (Option 2) */
.v2-art{display:none!important}
html[data-v="2"] .v1-art{display:none!important}
html[data-v="2"] .v2-art{display:block!important}
/* photographs get soft corners */
.ab-frame,.ed-frame,.author .portrait img,.res figure img,.philo figure img{border-radius:16px;overflow:hidden}
/* 3D book: Ben's printed jacket (front, spine, back) at the jacket's true proportions */
.cover .front{background-image:url(book/hvb-front.jpg)!important;background-size:100% 100%!important}
.b-spine{background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(255,255,255,.08) 35%,rgba(255,255,255,0) 60%,rgba(0,0,0,.14)),url(book/hvb-spine.jpg) center/100% 100% no-repeat!important}
.b-spine span{display:none}
.b-back{background:#f3f1ea center/100% 100% no-repeat!important}.book.seen .b-back{background-image:url(/assets/book/hvb-back.b924d710.webp)!important}
.bookstage{--bt:calc(var(--bw) * .153)!important}

/* primary buttons: CTA teal (#215F69), a touch darker on hover; --deep stays for everything else */
:root{--cta:#215F69;--cta-hi:#1a4f58}
html:not([data-v="2"]) .btn,html:not([data-v="2"]) .topnav .links .btn,html:not([data-v="2"]) .sub-form .btn,html:not([data-v="2"]) .form .btn{background:var(--cta);border-color:var(--cta);color:#fff}
html:not([data-v="2"]) .btn:hover,html:not([data-v="2"]) .btn:focus-visible,html:not([data-v="2"]) .topnav .links .btn:hover,html:not([data-v="2"]) .sub-form .btn:hover,html:not([data-v="2"]) .sub-form .btn:focus-visible,html:not([data-v="2"]) .form .btn:hover,html:not([data-v="2"]) #stage .btn:hover,html:not([data-v="2"]) #stage .btn.primary:hover{background:var(--cta-hi);border-color:var(--cta-hi);color:#fff}
/* secondary buttons: the original thin outline, turning white on hover */
html:not([data-v="2"]) .btn.ghost{background:transparent;border-color:rgba(44,44,44,.2);color:var(--ink)}
html:not([data-v="2"]) .btn.ghost:hover,html:not([data-v="2"]) .btn.ghost:focus-visible{background:#fff;border-color:#fff;color:var(--ink)}

/* cards: solid, faint hairline, slight drop shadow (no frosted glass, no long shadow) */
html:not([data-v="2"]) :is(.preorder .fmt,.card,.tool-card,.offer-card,.sg-card,.cmp,.demo-card,.video-slot){background:var(--cream);border:1px solid #fff;box-shadow:0 1px 3px rgba(25,35,40,.025),0 6px 22px rgba(25,35,40,.035);-webkit-backdrop-filter:none;backdrop-filter:none}
html:not([data-v="2"]) :is(.preorder .fmt,.card,.tool-card,.offer-card):hover{background:var(--cream);box-shadow:0 1px 3px rgba(25,35,40,.03),0 10px 30px rgba(25,35,40,.05)}

html[data-v="2"]{
  --paper:#f3f6f7;--cream:#fafbfc;--mist:#f3f6f7;--sky:#eceae2;--sky-line:#e2e0d6;
  --ink:#1f1f1f;--slate:#555;--graphite:#777;--link-line:#bdbdbd;
  --accent:#215F69;--accent-hi:#1a4f58;
  --hair:#dde4e6;--soft:#e6ecee;--card:#fafbfc;
  --max:1040px;
}

/* ---------- base ---------- */
html[data-v="2"] body{background:var(--paper);color:var(--ink)}
html[data-v="2"] .speckle,html[data-v="2"] .loader,html[data-v="2"] .fig1,
html[data-v="2"] .book-hint,html[data-v="2"] .hint,html[data-v="2"] .wordmark{display:none!important}
html[data-v="2"].is-loading,html[data-v="2"].is-loading body{overflow:visible}
html[data-v="2"] .hero canvas{opacity:0;pointer-events:none}
html[data-v="2"] .js .rv,html[data-v="2"].js .rv{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
html[data-v="2"] [data-par]{translate:none!important}
html[data-v="2"] .sec,html[data-v="2"] section{background:transparent!important}
html[data-v="2"] .sec{padding:56px 0}
html[data-v="2"] main>section+section,html[data-v="2"] body>section+section,main>section+section{border-top:1px solid var(--hair)}

/* type: same families, calmer sizes */
html[data-v="2"] h1,html[data-v="2"] .hero h1,html[data-v="2"] .page-hero h1,html[data-v="2"] .bhero h1,html[data-v="2"] .begin-h1{font-size:clamp(36px,4.6vw,52px)!important;line-height:1.08!important;letter-spacing:-.02em}
html[data-v="2"] h2,html[data-v="2"] .sec h2,html[data-v="2"] .about h2,html[data-v="2"] .rr h2,html[data-v="2"] .guide h2,html[data-v="2"] .om h2,html[data-v="2"] .ed-head h2,html[data-v="2"] .fw-h{font-size:clamp(26px,2.8vw,32px)!important;line-height:1.2!important;letter-spacing:-.01em}
html[data-v="2"] .body16,html[data-v="2"] .about .lede,html[data-v="2"] .rr-head p,html[data-v="2"] .guide-copy p,html[data-v="2"] .om p.body,html[data-v="2"] .fw-p,html[data-v="2"] .bonus{font-family:var(--sans);font-size:17px;line-height:1.65;color:#444}
html[data-v="2"] .sub,html[data-v="2"] .lead,html[data-v="2"] .begin-lede,html[data-v="2"] .page-hero .sub,html[data-v="2"] .bhero .sub{font-size:19px!important;color:#555}
html[data-v="2"] .rule{display:none}
html[data-v="2"] .mono,html[data-v="2"] .label,html[data-v="2"] .kicker{color:#8a8a8a}

/* ---------- buttons: the only colour ---------- */
html[data-v="2"] .btn{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:6px;font:500 13px/1 var(--sans);letter-spacing:.2px;text-transform:none;padding:13px 18px}
html[data-v="2"] .btn:hover,html[data-v="2"] .btn:focus-visible{background:var(--accent-hi);border-color:var(--accent-hi);color:#fff}
html[data-v="2"] .btn.ghost{background:transparent;border-color:var(--accent);color:var(--accent)}
html[data-v="2"] .btn.ghost:hover,html[data-v="2"] .btn.ghost:focus-visible{background:var(--accent);color:#fff}
html[data-v="2"] .btn.lg{padding:14px 20px}
html[data-v="2"] .sub-form{background:var(--card);border:1px solid #d9d9d9;border-radius:8px}
html[data-v="2"] .sub-form .btn{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:6px}

/* ---------- top strip + nav ---------- */
html[data-v="2"] .pbar{background:var(--soft);color:#444;border-bottom:1px solid var(--hair)}
html[data-v="2"] .topnav{position:sticky;background:var(--paper);border-bottom:1px solid var(--hair);height:60px}
html[data-v="2"] .topnav .wrap,html[data-v="2"] .topnav.stuck .wrap{height:60px;margin-top:0;max-width:var(--max);padding:0 var(--gutter);background:transparent;border-color:transparent;box-shadow:none;border-radius:0}
html[data-v="2"] .lnk{font:400 15px/36px var(--sans)}
html[data-v="2"] .links .btn{padding:10px 14px}

/* ---------- footer ---------- */
html[data-v="2"] .foot{background:var(--soft)!important;border-top:1px solid var(--hair);padding:48px 0 40px}
html[data-v="2"] .foot::before,html[data-v="2"] .foot::after{display:none}
html[data-v="2"] .fcols a::after{background:#999}
html[data-v="2"] .fbar{color:#888;margin-top:32px}

/* ---------- press strip ---------- */
html[data-v="2"] .press,html[data-v="2"] .press.alt{padding:20px 0 28px;background:transparent}
html[data-v="2"] .press .wrap{border-top:0}

/* ---------- 3D books become a flat cover ---------- */
html[data-v="2"] .bookstage{--bw:220px;--bh:293px;height:auto!important;perspective:none;translate:none!important;margin:0}
html[data-v="2"] .bookstage::before,html[data-v="2"] .bookstage::after{display:none}
html[data-v="2"] .float{animation:none!important}
html[data-v="2"] .book{transform:none!important;cursor:default;border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.06),0 18px 36px -18px rgba(40,40,30,.35)}
html[data-v="2"] .cover,html[data-v="2"] .cover .front{border-radius:16px;overflow:hidden}
html[data-v="2"] .cover .front{box-shadow:none}
html[data-v="2"] .guide .bookstage{--bw:270px;--bh:360px;justify-self:center;padding:12px 0}
html[data-v="2"] .guide .book{transform:rotate(-4deg)!important}
html[data-v="2"] .b-shadow,html[data-v="2"] .b-back,html[data-v="2"] .b-spine,html[data-v="2"] .b-edge-r,html[data-v="2"] .b-edge-t,html[data-v="2"] .b-edge-b,html[data-v="2"] .page,html[data-v="2"] .cover .inside{display:none!important}
html[data-v="2"] .cover,html[data-v="2"] .cover.open{transform:none!important}
html[data-v="2"] .cover .front::before,html[data-v="2"] .cover .front::after{display:none}
html[data-v="2"] .is-open .fade-on-open{opacity:1}

/* ---------- decorative illustrations step back ---------- */
html[data-v="2"] .band{display:none!important}
html[data-v="2"] .plate svg{max-width:220px;margin:0 0 10px}
html[data-v="2"] .fern{max-width:240px}
html[data-v="2"] .fern svg{max-width:240px}
html[data-v="2"] .ten-fig svg{width:96px;margin:0 0 10px}
html[data-v="2"] .fw-list figure{max-width:220px;margin:0 0 12px}
html[data-v="2"] .fp-art{max-width:170px;margin:0 0 24px}
html[data-v="2"] .sprout svg{width:96px;margin:0 0 12px}
html[data-v="2"] .step .drawsvg.mini{width:84px;height:84px;margin:0 0 8px -4px}

/* ================= HOME ================= */
html[data-v="2"] .hero{min-height:0;margin-top:0;padding:0;display:block;background:transparent}
html[data-v="2"] .hero-in{max-width:760px;text-align:left;padding:64px var(--gutter) 40px;pointer-events:auto}
html[data-v="2"] .hero .ctas{justify-content:flex-start}
html[data-v="2"] .hero .kicker{margin-bottom:14px}
html[data-v="2"] .hero .sub{margin-bottom:26px}
html[data-v="2"] .about{background:transparent;padding:56px 0}
html[data-v="2"] .about .wrap{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:36px;max-width:820px;align-items:start}
html[data-v="2"] .ab-head{grid-column:1 / -1;border-bottom:0;padding-bottom:0;margin-bottom:20px;justify-content:flex-start;gap:16px}
html[data-v="2"] .ab-photo{grid-column:1;max-width:none;margin:0}
html[data-v="2"] .ab-frame{border-radius:16px}
html[data-v="2"] .ab-story,html[data-v="2"] .about .belief{grid-column:2}
html[data-v="2"] .about .belief{font-size:20px;margin-top:8px;padding:0}
html[data-v="2"] .rr{background:transparent;padding:56px 0}
html[data-v="2"] .rr-head{text-align:left;max-width:760px;margin:0 auto}
html[data-v="2"] .plates{max-width:760px;margin:28px auto 0;gap:16px}
html[data-v="2"] .plate{text-align:left;background:var(--card);border:1px solid var(--hair);border-radius:8px;padding:20px 22px}
html[data-v="2"] .plate ul{font:400 16px/1.7 var(--sans);color:#444}
html[data-v="2"] .rr-foot{text-align:left;max-width:760px;margin:28px auto 0;padding-top:24px;border-top:1px solid var(--hair)}
html[data-v="2"] .guide{background:transparent;padding:56px 0;overflow:visible}
html[data-v="2"] .guide .wrap{grid-template-columns:minmax(0,1fr) 300px;min-height:0;max-width:820px;gap:40px}
html[data-v="2"] .guide-copy .meta{margin-bottom:22px}
html[data-v="2"] .om{background:transparent;padding:56px 0}
html[data-v="2"] .om .wrap{grid-template-columns:minmax(0,1fr) 220px;max-width:860px;gap:40px}
html[data-v="2"] .om .fern{order:2}
html[data-v="2"] .om .pre{font-size:16px}

/* ================= BOOK ================= */
html[data-v="2"] .bhero{background:transparent;padding:48px 0}
html[data-v="2"] .bhero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:40px;text-align:left;max-width:860px;padding-top:0;align-items:center}
html[data-v="2"] .bhero .sub{margin-left:0}
html[data-v="2"] .bhero .ctas{justify-content:flex-start}
html[data-v="2"] .bhero .bookstage{--bw:220px;--bh:293px;margin-top:0}
html[data-v="2"] .po-head{text-align:left;max-width:860px;margin:0 auto 24px}
html[data-v="2"] .preorder .formats,html[data-v="2"] .finalpre .formats{max-width:860px;margin-left:auto;margin-right:auto;gap:14px}
html[data-v="2"] .preorder .fmt,html[data-v="2"] .finalpre .fmt{background:var(--card)!important;border:1px solid var(--hair)!important;box-shadow:none;border-radius:8px;padding:20px 20px 8px}
html[data-v="2"] .preorder .fmt:hover,html[data-v="2"] .finalpre .fmt:hover{background:var(--soft)!important}
html[data-v="2"] :is(.preorder,.finalpre) .fmt h3{font-size:22px}
html[data-v="2"] :is(.preorder,.finalpre) .fmt .shops .btn{background:transparent!important;color:#333;border-radius:0;font:400 14px/20px var(--sans);padding:10px 0}
html[data-v="2"] :is(.preorder,.finalpre) .fmt .shops .btn:hover{color:var(--accent)}
html[data-v="2"] .po-foot{max-width:860px;text-align:left}
html[data-v="2"] .po-foot .bonus{border:1px solid var(--hair);background:var(--soft);border-style:solid}
html[data-v="2"] .ten h2{text-align:left;max-width:860px;margin-left:auto;margin-right:auto}
html[data-v="2"] .tenlist{max-width:860px;column-gap:40px}
html[data-v="2"] .tenlist li{padding:12px 0;font:400 16px/1.5 var(--sans);color:#333;grid-template-columns:32px 1fr;border-top-color:var(--hair)}
html[data-v="2"] .tenlist li::before{font:500 14px/1.5 var(--sans);color:#999}
html[data-v="2"] .qcta{text-align:left;max-width:860px;margin-top:28px;padding-top:24px;border-top-color:var(--hair)}
html[data-v="2"] .aboutbook .wrap,html[data-v="2"] .author .wrap{max-width:860px}
html[data-v="2"] .ed-head{border-bottom:0;padding-bottom:0;margin-bottom:20px}
html[data-v="2"] .ed-head h2{grid-column:1 / -1}
html[data-v="2"] .aboutbook .ed-head .lead{grid-column:1 / -1;margin-top:12px}
html[data-v="2"] .ed-frame{border-radius:16px}
html[data-v="2"] .ed-photo figcaption{display:none}
html[data-v="2"] .ed-row{margin-top:24px}
html[data-v="2"] .ed-body{grid-column:1 / -1;columns:1}
html[data-v="2"] .dropcap::first-letter{float:none;font:inherit;margin:0}
html[data-v="2"] .fw{margin-top:40px;padding-top:32px;border-top-color:var(--hair)}
html[data-v="2"] .fw-head{text-align:left;margin-bottom:20px}
html[data-v="2"] .fw-list{column-gap:16px}
html[data-v="2"] .fw-list li{text-align:left;background:var(--card);border:1px solid var(--hair);border-radius:8px;padding:18px 20px}
html[data-v="2"] .fw-list h3{font-size:22px!important;margin:6px 0 6px}
html[data-v="2"] .fw-p{margin:0;max-width:none;font-size:15px}
html[data-v="2"] .split2{gap:36px;grid-template-columns:200px minmax(0,1fr)}
html[data-v="2"] .author .portrait{max-width:200px}
html[data-v="2"] .author .portrait img{border-radius:16px}
html[data-v="2"] .finalpre{text-align:left}
html[data-v="2"] .finalpre .wrap{max-width:860px}
html[data-v="2"] .finalpre .bonus,html[data-v="2"] .finalpre .body16{margin-left:0}
html[data-v="2"] .finalpre .formats{margin-top:24px}

/* ================= RESOURCES ================= */
html[data-v="2"] .page-hero{padding:56px 0 24px;background:transparent}
html[data-v="2"] .page-hero .wrap,html[data-v="2"] .res .wrap{max-width:860px}
html[data-v="2"] .res article{grid-template-columns:1fr;padding:32px 0;border-color:var(--hair)}
html[data-v="2"] .res article{grid-template-columns:minmax(0,1fr) 200px;gap:40px}
html[data-v="2"] .res .drawsvg.mini{max-width:200px}
html[data-v="2"] .res .lead{font-size:19px}

/* ================= NEWSLETTER ================= */
html[data-v="2"] .nlhero .wrap{grid-template-columns:minmax(0,1fr) 240px;max-width:860px;gap:40px}
html[data-v="2"] .nlhero p.body16{margin:16px 0 22px}
html[data-v="2"] .what .wrap,html[data-v="2"] .philo .wrap,html[data-v="2"] .first .wrap{max-width:860px}
html[data-v="2"] .steps{margin-top:24px;gap:16px}
html[data-v="2"] .step{background:var(--card);border:1px solid var(--hair);border-radius:8px;padding:18px 20px}
html[data-v="2"] .step .n{font:500 13px/1 var(--sans);color:#999}
html[data-v="2"] .philo .wrap{grid-template-columns:minmax(0,1fr) 240px;gap:40px}
html[data-v="2"] .philo .coda{font-size:24px;margin-top:20px}
html[data-v="2"] .first{text-align:left}
html[data-v="2"] .first .sub-form{margin:0}

/* ================= QUIZ ================= */
html[data-v="2"] .qhead{border-bottom:1px solid var(--hair)}
html[data-v="2"] .begin-wide{text-align:left}
html[data-v="2"] .begin-fig{max-width:640px;margin:32px 0 0}
html[data-v="2"] #stage .stage{padding-top:48px}
html[data-v="2"] .opt{background:var(--card);border-color:#e2e2e2;border-radius:8px}
html[data-v="2"] .opt:hover{background:var(--soft);border-color:#cfcfcf}
html[data-v="2"] .opt.sel{background:#eef5f6;border-color:var(--accent)}
html[data-v="2"] #stage .field{background:var(--card);border-color:#d9d9d9;border-radius:8px}

@media (max-width:900px){
  html[data-v="2"] .about .wrap,html[data-v="2"] .guide .wrap,html[data-v="2"] .bhero .wrap,html[data-v="2"] .split2{grid-template-columns:1fr}
  html[data-v="2"] .ab-story,html[data-v="2"] .about .belief{grid-column:1}
  html[data-v="2"] .ab-photo{max-width:160px;margin-bottom:16px}
  html[data-v="2"] .sec{padding:40px 0}
}
html[data-v="2"] #stage .eyebrow{text-align:left!important}

/* ================= PARKED PAGES (about, speaking, tools, aliveness lab) ================= */
html[data-v="2"] .station{padding:48px 0}
html[data-v="2"] .station .wrap{max-width:860px}
html[data-v="2"] .station h2{font-size:clamp(26px,2.8vw,32px)!important}
html[data-v="2"] .glyph{width:36px;height:36px;margin-bottom:14px}
html[data-v="2"] .sep .line{background:var(--hair)}
html[data-v="2"] .page-hero .dek{font-size:19px;color:#555}
html[data-v="2"] .lede-stack p,html[data-v="2"] .station p.mt-2,html[data-v="2"] .station .card p,html[data-v="2"] .station article>p,html[data-v="2"] .tool-body p{font-family:var(--sans);font-size:17px;line-height:1.65;color:#444}
html[data-v="2"] .card,html[data-v="2"] .tool-card{background:var(--card);border:1px solid var(--hair);box-shadow:none}
html[data-v="2"] .card:hover,html[data-v="2"] .tool-card:hover{background:var(--soft)}
html[data-v="2"] .tool-img{background:var(--soft)}
html[data-v="2"] .video-slot{background:var(--card);border:1px solid var(--hair);box-shadow:none}
html[data-v="2"] .pressband{padding:20px 0 28px}
html[data-v="2"] .plate-fig img{max-width:260px}
html[data-v="2"] .portrait img{max-width:280px}
html[data-v="2"] .form{background:var(--card);border:1px solid #d9d9d9;border-radius:8px}
html[data-v="2"] .form .btn{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:6px}
html[data-v="2"] .talklist article{border-top-color:var(--hair)}
html[data-v="2"] .leaves{font:400 16px/1.6 var(--sans);color:#444}

/* every button eases colour changes over 300ms */
.btn,.btn.ghost,.sub-form .btn,.form .btn,#stage .btn,.sg-replay{transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out!important}

/* phones: centre everything */
@media (max-width:700px){
  :is(main,section,header.page-hero,footer,.station) :is(h1,h2,h3,h4,p,li,blockquote,figcaption,small,dt,dd,label,.mono,.label,.lede,.belief,.kicker,.sub){text-align:center}
  .ctas,.cta-row,.offer-cta,.go,.cmp-row,.ab-head,.sec-label,.press .wrap,.pressband .wrap,.prow,.so-set h2,.fbar,.ed-photo figcaption,.spectrum .ends{justify-content:center;align-items:center;text-align:center}
  .fbar{flex-direction:column}
  .rule,.ab-photo,.portrait,.portrait img,.ed-photo,.nl-fig,.fern,.plate svg,.drawsvg.mini,.glyph,.plate-fig,.plate-fig img,.bookart,.fp-art,.cmp,.video-slot,.sub-form,.form,#stage .field,.tenlist,.leaves,.road,.vl-knot,.ten-fig svg{margin-left:auto!important;margin-right:auto!important}
  .road{border-left:0;padding-left:0}
  .tenlist li{grid-template-columns:1fr;justify-items:center;gap:4px}
  .leaves li{padding-left:0}.leaves li::before{display:none}
  .fcols{text-align:center}
  .fmt .shops .btn{text-align:left}
}


/* ===== round 9 (2026-11-02): Meredith round 2, the cosmetic layer Ben chose. Perun for the sans; serif capitals for eyebrows and small labels; no italics in headings; buttons 16px Title Case with an aqua hover. ===== */
@font-face{font-family:"Perun";src:url(/assets/fonts/8a36ded36a23.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Perun";src:url(/assets/fonts/dc07a221868b.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Perun";src:url(/assets/fonts/cc849a1cd472.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
:root{--sans:"Perun",ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
*,*::before,*::after{font-variant-ligatures:none!important}
.mono,.pbar,.eyebrow,.kicker.mono,.sec-label .lab,.tool-cat,.leaves-k,.p-k,.p-by span,.sg-used,.sg-sub,.sg-toc a,.fig-note,.spectrum .ends,.arch .mono,.so-item .mono,.cred.mono,.qhead .mono,#stage .eyebrow,.gauge .cap,.share .sl,.blk .l,.move .l,.form-note.mono,.ch-t,.label,.guide-copy .meta,.plate h3,.hero .proof,.card .ilink,.ilink.brushu,.tlink,.tool-link,.sg-link,.sg-replay,.page-hero .eyebrow,.story .mono,.villain .cite small,.so-set h2 .mono,.opt .k,.pbar b,.pbar span{font-family:"TeX Gyre Schola","Century Schoolbook","New Century Schoolbook",Georgia,serif!important;font-weight:400!important;font-size:12px!important;line-height:1.4!important;letter-spacing:.16em!important;text-transform:uppercase!important}
:is(h1,h2,h3,.ty-hero,.ty-h2,.p-quote blockquote) em{font-style:normal!important}
.btn:not(.shops .btn){font-family:"Perun",var(--sans)!important;font-weight:400!important;font-size:16px!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important}
.btn:not(.shops .btn):hover,.btn:not(.shops .btn):focus-visible{background-color:#4d929d!important;background-image:none!important;border-color:#4d929d!important;color:#fff!important}
.topnav .lnk{font-size:16px!important}
/* a figure that is both revealed (.rv) and drawn (data-draw) only ever gets is-in; it must still reveal (her fix for the nautilus) */
.rv.is-in{opacity:1;filter:blur(0);transform:none}
/* 9b (review fixes): fine print is a sentence, so it stays sentence case; 12px caps labels in solid slate for contrast; the about form must not push past a phone's width; the quiz header label stays on one line */
.finenote,.form-note,.form-note.mono{font:400 13px/1.5 var(--sans)!important;letter-spacing:0!important;text-transform:none!important}
.label{color:#4a5252}
@media (max-width:700px){.split2{grid-template-columns:minmax(0,1fr)!important}.form input{width:0;flex:1 1 0!important}.form .btn{flex:0 0 auto}}
@media (max-width:480px){.qhead .mono{white-space:nowrap;font-size:11px!important;letter-spacing:.06em!important;margin-left:16px}}