/* Crypto With Block theme. Each section reads its colours from tone variables (see build_css.py). */
@font-face{font-family:"Inter Tight";src:url(../fonts/InterTight.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(../fonts/PlexMono-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--sans:var(--gh-font-body,"Inter Tight",system-ui,-apple-system,sans-serif);--display:var(--gh-font-heading,"Inter Tight",system-ui,sans-serif);
  --mono:"Plex Mono",ui-monospace,Menlo,monospace;--wrap:1120px;--narrow:720px;
  --bg:#F5F4EF;--fg:#161616;--muted:#5D6057;--line:#DDDBD2;--field:#fff;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#F5F4EF}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
img{max-width:100%;height:auto}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}
.narrow{max-width:var(--narrow)}
.mono{font-family:var(--mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.muted{color:var(--muted)}.small{font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:1.05;text-wrap:balance;margin:0 0 .4em}
h1{font-size:clamp(40px,6vw,72px)}h2{font-size:clamp(28px,3.4vw,40px)}h3{font-size:21px;font-weight:700;letter-spacing:-.01em}
.eyebrow{color:var(--accent);margin:0 0 18px}
.lede{font-size:clamp(18px,2vw,21px);color:var(--fg);opacity:.86;max-width:36em}
.label{color:var(--accent);margin:0 0 6px}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 15px var(--sans);background:var(--btn-bg);color:var(--btn-fg);border:0;border-radius:999px;padding:12px 20px;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.08);color:var(--btn-fg)}
.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);filter:none}
.site-head{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.head-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px}
nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
nav li a{text-decoration:none;font-size:15px;color:var(--muted)}nav li a:hover{color:var(--fg)}
.hero{padding-block:clamp(56px,9vw,120px) clamp(48px,7vw,96px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}
.hero-seal img{width:100%;max-width:420px;display:block;margin-inline:auto}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-seal{order:-1}.hero-seal img{max-width:220px}}
.waitlist{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;max-width:520px}
.waitlist input{flex:1 1 240px;min-width:0;font:400 17px var(--sans);color:var(--fg);background:var(--field);border:1px solid var(--line);border-radius:999px;padding:12px 18px}
.waitlist input::placeholder{color:var(--muted)}
.waitlist input:focus{border-color:var(--accent);outline:none}
.form-note{flex-basis:100%;margin:6px 0 0;color:var(--muted);font-size:11.5px}
.form-ok,.form-err{display:none;flex-basis:100%;margin:6px 0 0}
.waitlist.success .form-ok{display:block;color:var(--accent)}
.waitlist.error .form-err{display:block;color:#B4533F}
.waitlist.loading button{opacity:.6}
.band{border-block:1px solid var(--line)}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.trio>div{padding:28px 24px 28px 0}.trio>div+div{padding-left:24px;border-left:1px solid var(--line)}
.trio p{margin:0}
@media (max-width:760px){.trio{grid-template-columns:1fr}.trio>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}}
.section{padding-block:clamp(56px,8vw,96px)}
.section-lede{color:var(--muted);margin:0 0 28px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{display:block;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:6px;padding:20px;text-decoration:none;background:var(--field)}
.card:hover{border-color:var(--accent)}
.card h3{margin:0 0 6px}.card p{margin:0}
.card.soon{opacity:.62;border-top-color:var(--line)}
.perks{list-style:none;padding:0;margin:0 0 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.perks li{padding:16px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.perks span{color:var(--muted)}
@media (max-width:760px){.perks{grid-template-columns:1fr}}
.article{padding-block:56px 80px}.article-head{margin-bottom:32px}
.content{font-size:19px;line-height:1.7}
.content h2{font-size:30px;margin-top:1.6em}.content h3{margin-top:1.4em}
.content blockquote{margin:1.5em 0;padding-left:20px;border-left:3px solid var(--accent);opacity:.9}
.content code{font-family:var(--mono);font-size:.85em;background:var(--field);padding:2px 6px;border-radius:4px}
.content pre{background:var(--field);padding:16px;border-radius:6px;overflow-x:auto}
.content hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}
.content table{width:100%;border-collapse:collapse;font-size:16px;display:block;overflow-x:auto}
.content th,.content td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}
.disclose{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}
.kg-width-wide{width:calc(100% + 160px);max-width:calc(100vw - 48px);margin-left:-80px}
.kg-width-full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
@media (max-width:860px){.kg-width-wide{width:100%;margin-left:0}}
.kg-image{margin-inline:auto}.kg-card{margin:1.8em 0}
figcaption{font-size:14px;color:var(--muted);text-align:center;margin-top:8px}
.site-foot{border-top:1px solid var(--line);padding-block:48px 32px}
.foot-grid{display:grid;grid-template-columns:1.1fr 1fr 1.3fr;gap:32px;margin-bottom:28px}
.foot-line{font-weight:700;margin:12px 0 4px}
.foot-links{margin-top:12px;font-size:15px}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr}}
.pagination{display:flex;gap:16px;justify-content:center;margin-top:32px;font-family:var(--mono);font-size:13px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---------- gold accents (accents only, never backgrounds) ---------- */
:root{--gold:#A88447}
.eyebrow{display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--gold);flex:none}
.rule-gold{width:40px;height:2px;background:var(--gold);border:0;margin:0 0 18px}
.blist,.perks,.content ul{list-style:none;padding-left:0}
.blist li,.content ul li{position:relative;padding-left:22px;margin:.45em 0}
.blist li::before,.content ul li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.perks li{position:relative;padding-left:22px}
.perks li::before{content:"";position:absolute;left:2px;top:24px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.content ol{counter-reset:n;list-style:none;padding-left:0}
.content ol li{counter-increment:n;position:relative;padding-left:36px;margin:.6em 0}
.content ol li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:.15em;font:500 13px var(--mono);color:var(--gold)}
.goldnum{font:500 13px var(--mono);color:var(--gold);letter-spacing:.06em}
.pill{display:inline-flex;align-items:center;gap:6px;font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.pill.gold{border-color:var(--gold);color:var(--gold)}
.pill.ok{border-color:#6E7850;color:#5F6A45}
.pill.warn{border-color:#B98A2E;color:#93691B}
.pill.crit{border-color:#B4533F;color:#A0422F}
.btn-gold{background:transparent;color:var(--fg);border:1px solid var(--gold)}
.btn-gold:hover{background:var(--gold);color:#fff;filter:none}
/* ---------- page heads ---------- */
.page-head{padding-block:clamp(48px,7vw,88px) clamp(32px,5vw,56px);border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(36px,5vw,60px)}
.crumbs{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.crumbs a{text-decoration:none}
/* ---------- lesson ---------- */
.lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
@media (max-width:960px){.lesson-grid{grid-template-columns:1fr}}
.meta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.video{aspect-ratio:16/9;width:100%;border-radius:8px;background:#111;position:relative;overflow:hidden;margin:0 0 28px;border:1px solid var(--line)}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(245,244,239,.94);display:grid;place-items:center}
.video .play::after{content:"";border-left:20px solid #161616;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:6px}
.video .tag{position:absolute;left:14px;bottom:12px;font:500 11.5px var(--mono);letter-spacing:.08em;color:#F2F3EE;background:rgba(17,17,17,.7);padding:4px 8px;border-radius:4px}
.takeaways{border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--field);border-radius:6px;padding:20px 22px;margin:0 0 32px}
.takeaways h3{font-size:17px;margin:0 0 8px}
.sources{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:15px}
.sources ol{margin:8px 0 0}
.sidebar{position:sticky;top:84px;display:flex;flex-direction:column;gap:20px}
.side-box{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--field)}
.side-box h4{font:700 15px var(--sans);margin:0 0 10px}
.series-steps{list-style:none;margin:0;padding:0;font-size:14.5px}
.series-steps li{display:flex;gap:10px;padding:7px 0;border-top:1px solid var(--line);align-items:baseline}
.series-steps li:first-child{border-top:0}
.series-steps .goldnum{min-width:26px}
.series-steps li.now{font-weight:700}
.series-steps li.locked{color:var(--muted)}
.series-steps .lock{margin-left:auto;font:500 10.5px var(--mono);color:var(--muted)}
.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.prevnext a{border:1px solid var(--line);border-radius:8px;padding:16px;text-decoration:none;display:block}
.prevnext a:last-child{text-align:right}
.prevnext small{display:block;font:500 11.5px var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:4px}
/* ---------- library ---------- */
.track-title{display:flex;align-items:baseline;gap:14px;margin:48px 0 18px}
.track-title h2{margin:0}
.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.series-card{border:1px solid var(--line);border-radius:8px;padding:20px;background:var(--field);display:flex;flex-direction:column;gap:8px;text-decoration:none}
.series-card:hover{border-color:var(--gold)}
.series-card .top{display:flex;justify-content:space-between;align-items:center}
.series-card h3{margin:0}
.series-card p{margin:0;color:var(--muted);font-size:15.5px}
.bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:6px}
.bar i{display:block;height:100%;background:var(--gold)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
/* ---------- about ---------- */
.about-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:start}
@media (max-width:900px){.about-grid{grid-template-columns:1fr}}
.pull{font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.3;letter-spacing:-.01em;margin:0}
.pull::before{content:"\201C";color:var(--gold);font-size:1.6em;line-height:0;vertical-align:-.35em;margin-right:4px}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.timeline .when{font:500 12.5px var(--mono);color:var(--gold);letter-spacing:.06em;padding-top:3px}
.never{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
@media (max-width:700px){.never{grid-template-columns:1fr}}
/* ---------- membership ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
@media (max-width:900px){.plans{grid-template-columns:1fr}}
.plan{border:1px solid var(--line);border-radius:10px;padding:26px;background:var(--field);display:flex;flex-direction:column;gap:12px}
.plan.featured{border:2px solid var(--gold);position:relative}
.plan.featured .flag{position:absolute;top:-12px;left:24px;background:var(--bg);padding:0 8px;font:500 11.5px var(--mono);letter-spacing:.08em;color:var(--gold);text-transform:uppercase}
.price{font:800 44px/1 var(--display);letter-spacing:-.02em}
.price small{font:500 14px var(--mono);color:var(--muted);letter-spacing:.04em}
.plan .blist{margin:4px 0 8px;font-size:15.5px}
.plan .btn{justify-content:center;margin-top:auto}
.faq details{border-top:1px solid var(--line);padding:16px 0}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:var(--gold);font-weight:400;font-size:22px;line-height:1}
.faq details[open] summary::after{content:"\2013"}
.faq p{color:var(--muted);margin:10px 0 0}
/* ---------- members dashboard ---------- */
.dash{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.panel{grid-column:span 6;border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--field);min-width:0}
.panel.wide{grid-column:span 12}.panel.third{grid-column:span 4}.panel.twothird{grid-column:span 8}
@media (max-width:900px){.panel,.panel.third,.panel.twothird{grid-column:span 12}}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.panel-head h3{margin:0;font-size:18px}
.panel-head a{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
.rows{list-style:none;margin:0;padding:0}
.rows li{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:15.5px}
.rows li:first-child{border-top:0}
.rows .when{font:500 12px var(--mono);color:var(--muted);min-width:64px}
.rows .grow{flex:1;min-width:0}
.rows .sub{display:block;color:var(--muted);font-size:13.5px}
.continue{display:flex;gap:18px;align-items:center}
.continue .thumb{width:180px;aspect-ratio:16/9;border-radius:6px;background:#111;flex:none;overflow:hidden}
.continue .thumb img{width:100%;height:100%;object-fit:cover}
@media (max-width:600px){.continue{flex-direction:column;align-items:flex-start}.continue .thumb{width:100%}}
.score{display:flex;align-items:baseline;gap:6px}
.score b{font:800 40px/1 var(--display)}
.stack-chips{display:flex;flex-wrap:wrap;gap:8px}
.greet{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
/* ---------- report card ---------- */
.rc-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:center}
@media (max-width:820px){.rc-head{grid-template-columns:1fr}}
.rc-total{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:10px;padding:22px;background:var(--field);text-align:center}
.rc-total .big{font:800 64px/1 var(--display);letter-spacing:-.03em}
.rc-table{width:100%;border-collapse:collapse}
.rc-table td{border-top:1px solid var(--line);padding:16px 10px 16px 0;vertical-align:top}
.rc-table td:first-child{width:36px}
.rc-table h4{margin:0 0 4px;font:700 17px var(--sans)}
.rc-table p{margin:0;color:var(--muted);font-size:15px}
.dots{display:flex;gap:5px;padding-top:4px}
.dots i{width:12px;height:12px;border-radius:3px;background:var(--line)}
.dots i.on{background:#6E7850}
.note-box{border:1px solid var(--line);border-radius:8px;padding:16px 18px;font-size:15px;color:var(--muted);background:var(--field)}
.rows .goldnum{min-width:30px}
.content blockquote{border-left-color:var(--gold)}
/* ---------- feature grid with icons ---------- */
.ico{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);color:var(--fg);flex:none;background:var(--field)}
.ico svg{width:22px;height:22px}
.fgroup{margin-top:44px}
.fgroup-head{display:flex;align-items:baseline;gap:14px;margin-bottom:6px}
.fgroup-head h3{margin:0;font-size:24px}
.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
@media (max-width:900px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.fgrid{grid-template-columns:1fr}}
.feat{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--line)}
.feat h4{margin:2px 0 4px;font:700 16.5px var(--sans)}
.feat p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.feat .when{display:block;margin-top:6px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;margin:6px 0 30px}
@media (max-width:760px){.mini{grid-template-columns:1fr}}
.mini div{display:flex;gap:12px;align-items:flex-start}
.mini b{display:block}.mini span{color:var(--muted);font-size:15px}

/* pricing: four plans */
.plans.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.plans.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.plans.four{grid-template-columns:1fr}}
.top3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:8px}
@media (max-width:860px){.top3{grid-template-columns:1fr}}
.top3 > div{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:10px;padding:24px;background:var(--field)}
.top3 h3{margin:16px 0 6px;font-size:22px}.top3 p{margin:0;color:var(--muted)}
.top3 .ico{width:52px;height:52px}.top3 .ico svg{width:26px;height:26px}
.rc-glance{list-style:none;margin:8px 0 0;padding:0;text-align:left}
.rc-glance li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:15px}
.rc-glance li:first-child{border-top:0}.rc-glance span{color:var(--muted)}
.ok-t{color:#5F6A45}.warn-t{color:#93691B}
/* gold text needs more contrast on light backgrounds than gold lines do */
:root{--gold-text:#7E6230}
.goldnum,.content ol li::before,.feat .when,.timeline .when,.pill.gold,.plan.featured .flag,.faq summary::after{color:var(--gold-text,var(--gold))}
/* ---------- partners and traders ---------- */
.ptable{width:100%;border-collapse:collapse;font-size:15.5px;background:var(--field);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ptable th{text-align:left;font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line)}
.ptable td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top}
.ptable td b{font-weight:700}.ptable .num{color:var(--gold-text);font:600 15.5px var(--mono);white-space:nowrap}
.ptable .ico{width:34px;height:34px;margin-right:10px;vertical-align:middle}.ptable .ico svg{width:18px;height:18px}
.ptable-wrap{overflow-x:auto}
@media (max-width:700px){.ptable.stackable thead{display:none}.ptable.stackable tr{display:block;border-top:1px solid var(--line);padding:10px 0}.ptable.stackable td{display:block;border:0;padding:4px 16px}}
.steps4{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
@media (max-width:960px){.steps4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.steps4{grid-template-columns:1fr}}
.steps4 li{border-top:2px solid var(--gold);padding-top:14px;counter-increment:s}
.steps4 li::before{content:"0" counter(s);font:600 13px var(--mono);color:var(--gold-text);letter-spacing:.08em}
.steps4 h4{margin:6px 0 4px;font:700 18px var(--sans)}.steps4 p{margin:0;color:var(--muted);font-size:15px}
.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:760px){.twocol{grid-template-columns:1fr}}
.twocol > div{border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--field)}
.twocol h3{margin:0 0 12px;font-size:20px}
.hero-line{font:600 clamp(20px,2.6vw,26px)/1.3 var(--sans);margin:18px 0 0;color:var(--fg)}
.hero-line em{font-style:normal;color:var(--gold-text)}
.xlist li::before{content:"";background:none;transform:none;width:10px;height:10px;top:.5em;left:1px;
 background-image:linear-gradient(45deg,transparent 43%,var(--muted) 43%,var(--muted) 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,var(--muted) 43%,var(--muted) 57%,transparent 57%)}
.ptable .num .per{font:400 15px var(--sans);color:var(--muted)}

/* Block Hub, Red Flag Checker, I've been scammed (v1.3.0) */
.hub .hub-head{padding-block:40px 28px;border-bottom:1px solid var(--line)}
.hub .hub-head h1{font-size:clamp(34px,5vw,54px);margin:0 0 8px}
.emerg{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start;background:#2B2622;color:#F5F4EF;border-radius:14px;padding:28px;margin-top:28px}
.emerg.solo{display:block}
.emerg h2{color:#F5F4EF;font-size:clamp(26px,3vw,34px);margin:0 0 6px}
.emerg p{color:#E6E1D8;margin:0 0 14px}
.emerg .first-steps{margin:0;padding-left:22px;display:grid;gap:8px;font-size:16.5px}
.emerg .first-steps b{color:#F2D9A6}
.emerg .acts{display:flex;flex-wrap:wrap;gap:10px}
.emerg .btn{background:#F2D9A6;color:#1E1A16}
.emerg .btn-ghost{background:transparent;color:#F5F4EF;border-color:#6B625A}
.emerg .note{font-size:14px;color:#BFB7AC;margin-top:12px}
.emerg-badge{display:inline-block;font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#F2D9A6;border:1px solid #6B625A;border-radius:999px;padding:4px 10px;margin-bottom:12px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:28px}
.tile{aspect-ratio:1/1;display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;color:var(--fg);min-width:0}
a.tile:hover{border-color:var(--gold);color:var(--fg)}
.t-ico svg{width:30px;height:30px;color:var(--accent)}
.t-name{font-weight:700;font-size:18px;line-height:1.15;margin-top:auto}
.t-sub{font-size:14px;color:var(--muted);line-height:1.35}
.tile .pill{align-self:flex-start}
.tile-locked,.tile-soon{background:#F1EFE8}
.tile-locked .t-ico svg,.tile-soon .t-ico svg{color:#9A9C92}
.upsell{margin-top:28px;border-radius:12px;padding:22px;background:#4D6274;color:#F5F4EF;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.upsell h3{margin:0 0 4px;color:#F5F4EF}.upsell p{margin:0;color:#E3E9EE}
.upsell .btn{background:#F5F4EF;color:#23303B}
.save{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between;border:1px dashed var(--gold);border-radius:12px;padding:16px 20px;margin-block:28px 0;background:var(--field)}
.hub{padding-bottom:56px}
.save p{margin:0;color:var(--muted);font-size:15.5px}
.rf,.scammed{padding-block:40px 64px}
.rf h1,.scammed h1{font-size:clamp(34px,5vw,54px);margin:0 0 8px}
.steps{display:grid;gap:18px;margin-top:28px}
.step{border:1px solid var(--line);border-radius:12px;background:#fff;padding:22px}
.step h2{margin:0 0 4px;font-size:19px}
.step .num{font:500 12px var(--mono);letter-spacing:.08em;color:var(--accent);text-transform:uppercase}
.step.locked{border-style:dashed}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.opt{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:15px var(--sans);background:#fff;color:var(--fg);cursor:pointer}
.opt.on{border-color:var(--fg);background:var(--fg);color:#F5F4EF}
.q{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:16px}
.q:first-child{border-top:0}
.yn{display:flex;gap:6px;flex-shrink:0}
.yn button{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font:14px var(--sans);background:#fff;color:var(--fg);cursor:pointer}
.yn .y{background:#A0422F;color:#fff;border-color:#A0422F}.yn .n{background:#F1EFE8}
.result{border:1px solid #B4533F;border-radius:12px;background:#FFF8F5;padding:22px}
.result.none{border-color:var(--line);background:#fff}
.result h3{color:#A0422F;margin:0 0 10px}.result.none h3{color:var(--fg)}
.result ul{margin:0 0 12px;padding-left:20px;display:grid;gap:8px;font-size:16px}
.result .ok{color:var(--muted);font-size:14.5px;margin:12px 0 0}
.guard{font-size:14px;color:var(--muted);margin-top:10px}
.report{display:grid;gap:10px;padding-left:20px}
@media (max-width:760px){.emerg{grid-template-columns:1fr;padding:22px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{padding:14px}.t-name{font-size:16px}.t-sub{font-size:13px}}

/* generated tone map */
.style-Ledger .sec-head{--bg:#111111;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#191918;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Ledger .sec-head .on-light{display:none}
.style-Ledger .sec-hero{--bg:#111111;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#191918;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Ledger .sec-hero .on-light{display:none}
.style-Ledger .sec-band{--bg:#191918;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#111111;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Ledger .sec-band .on-light{display:none}
.style-Ledger .sec-lessons{--bg:#111111;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#191918;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Ledger .sec-lessons .on-light{display:none}
.style-Ledger .sec-members{--bg:#191918;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#111111;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Ledger .sec-members .on-light{display:none}
.style-Ledger .sec-foot{--bg:#111111;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#191918;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Ledger .sec-foot .on-light{display:none}
.style-Ledger .sec-article{--bg:#111111;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#191918;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Ledger .sec-article .on-light{display:none}
.style-Ledger{background:#111111}
.style-Paper .sec-head{--bg:#F5F4EF;--fg:#161616;--muted:#5D6057;--line:#DDDBD2;--field:#FFFFFF;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#F5F4EF;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.style-Paper .sec-head .on-dark{display:none}
.style-Paper .sec-hero{--bg:#F5F4EF;--fg:#161616;--muted:#5D6057;--line:#DDDBD2;--field:#FFFFFF;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#F5F4EF;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.style-Paper .sec-hero .on-dark{display:none}
.style-Paper .sec-band{--bg:#5C6743;--fg:#F5F4EF;--muted:#DCDFCF;--line:#748059;--field:#4F5938;--accent:#E5D3A6;--btn-bg:#F5F4EF;--btn-fg:#2F3522;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Paper .sec-band .on-light{display:none}
.style-Paper .sec-lessons{--bg:#FFFFFF;--fg:#161616;--muted:#5D6057;--line:#E4E2DA;--field:#F5F4EF;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#FFFFFF;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.style-Paper .sec-lessons .on-dark{display:none}
.style-Paper .sec-members{--bg:#4D6274;--fg:#F5F4EF;--muted:#D5DDE4;--line:#637A8D;--field:#425667;--accent:#E5D3A6;--btn-bg:#F5F4EF;--btn-fg:#23303B;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Paper .sec-members .on-light{display:none}
.style-Paper .sec-foot{--bg:#111111;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#191918;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Paper .sec-foot .on-light{display:none}
.style-Paper .sec-article{--bg:#FFFFFF;--fg:#161616;--muted:#5D6057;--line:#E4E2DA;--field:#F5F4EF;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#FFFFFF;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.style-Paper .sec-article .on-dark{display:none}
.style-Paper{background:#FFFFFF}
.style-Olive .sec-head{--bg:#5C6743;--fg:#F5F4EF;--muted:#DCDFCF;--line:#748059;--field:#4F5938;--accent:#E5D3A6;--btn-bg:#F5F4EF;--btn-fg:#2F3522;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Olive .sec-head .on-light{display:none}
.style-Olive .sec-hero{--bg:#5C6743;--fg:#F5F4EF;--muted:#DCDFCF;--line:#748059;--field:#4F5938;--accent:#E5D3A6;--btn-bg:#F5F4EF;--btn-fg:#2F3522;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Olive .sec-hero .on-light{display:none}
.style-Olive .sec-band{--bg:#EAE2D2;--fg:#1C1A16;--muted:#675F51;--line:#D5C9B1;--field:#FBF8F1;--accent:#5F6A45;--btn-bg:#1C1A16;--btn-fg:#F7F2E7;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.style-Olive .sec-band .on-dark{display:none}
.style-Olive .sec-lessons{--bg:#F5F4EF;--fg:#161616;--muted:#5D6057;--line:#DDDBD2;--field:#FFFFFF;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#F5F4EF;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.style-Olive .sec-lessons .on-dark{display:none}
.style-Olive .sec-members{--bg:#4D6274;--fg:#F5F4EF;--muted:#D5DDE4;--line:#637A8D;--field:#425667;--accent:#E5D3A6;--btn-bg:#F5F4EF;--btn-fg:#23303B;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Olive .sec-members .on-light{display:none}
.style-Olive .sec-foot{--bg:#111111;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#191918;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Olive .sec-foot .on-light{display:none}
.style-Olive .sec-article{--bg:#F5F4EF;--fg:#161616;--muted:#5D6057;--line:#DDDBD2;--field:#FFFFFF;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#F5F4EF;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.style-Olive .sec-article .on-dark{display:none}
.style-Olive{background:#F5F4EF}
.style-Sand .sec-head{--bg:#F5F4EF;--fg:#161616;--muted:#5D6057;--line:#DDDBD2;--field:#FFFFFF;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#F5F4EF;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.style-Sand .sec-head .on-dark{display:none}
.style-Sand .sec-hero{--bg:#EAE2D2;--fg:#1C1A16;--muted:#675F51;--line:#D5C9B1;--field:#FBF8F1;--accent:#5F6A45;--btn-bg:#1C1A16;--btn-fg:#F7F2E7;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.style-Sand .sec-hero .on-dark{display:none}
.style-Sand .sec-band{--bg:#4D6274;--fg:#F5F4EF;--muted:#D5DDE4;--line:#637A8D;--field:#425667;--accent:#E5D3A6;--btn-bg:#F5F4EF;--btn-fg:#23303B;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Sand .sec-band .on-light{display:none}
.style-Sand .sec-lessons{--bg:#F5F4EF;--fg:#161616;--muted:#5D6057;--line:#DDDBD2;--field:#FFFFFF;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#F5F4EF;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.style-Sand .sec-lessons .on-dark{display:none}
.style-Sand .sec-members{--bg:#5C6743;--fg:#F5F4EF;--muted:#DCDFCF;--line:#748059;--field:#4F5938;--accent:#E5D3A6;--btn-bg:#F5F4EF;--btn-fg:#2F3522;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Sand .sec-members .on-light{display:none}
.style-Sand .sec-foot{--bg:#111111;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#191918;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.style-Sand .sec-foot .on-light{display:none}
.style-Sand .sec-article{--bg:#F5F4EF;--fg:#161616;--muted:#5D6057;--line:#DDDBD2;--field:#FFFFFF;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#F5F4EF;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.style-Sand .sec-article .on-dark{display:none}
.style-Sand{background:#F5F4EF}
.tone-ink{--bg:#111111;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#191918;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.tone-ink .on-light{display:none}
.tone-panel{--bg:#191918;--fg:#F2F3EE;--muted:#A8A8A4;--line:#2E2E2C;--field:#111111;--accent:#AAB485;--btn-bg:#F2F3EE;--btn-fg:#111111;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.tone-panel .on-light{display:none}
.tone-paper{--bg:#F5F4EF;--fg:#161616;--muted:#5D6057;--line:#DDDBD2;--field:#FFFFFF;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#F5F4EF;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.tone-paper .on-dark{display:none}
.tone-white{--bg:#FFFFFF;--fg:#161616;--muted:#5D6057;--line:#E4E2DA;--field:#F5F4EF;--accent:#5F6A45;--btn-bg:#161616;--btn-fg:#FFFFFF;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.tone-white .on-dark{display:none}
.tone-olive{--bg:#5C6743;--fg:#F5F4EF;--muted:#DCDFCF;--line:#748059;--field:#4F5938;--accent:#E5D3A6;--btn-bg:#F5F4EF;--btn-fg:#2F3522;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.tone-olive .on-light{display:none}
.tone-blue{--bg:#4D6274;--fg:#F5F4EF;--muted:#D5DDE4;--line:#637A8D;--field:#425667;--accent:#E5D3A6;--btn-bg:#F5F4EF;--btn-fg:#23303B;--gold:#D9BE86;--gold-text:#D9BE86;background:var(--bg);color:var(--fg);color-scheme:dark}
.tone-blue .on-light{display:none}
.tone-sand{--bg:#EAE2D2;--fg:#1C1A16;--muted:#675F51;--line:#D5C9B1;--field:#FBF8F1;--accent:#5F6A45;--btn-bg:#1C1A16;--btn-fg:#F7F2E7;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.tone-sand .on-dark{display:none}
.tone-bluesoft{--bg:#E4EAEF;--fg:#162029;--muted:#566573;--line:#CBD5DE;--field:#FFFFFF;--accent:#46596A;--btn-bg:#162029;--btn-fg:#F5F7F9;--gold:#A88447;--gold-text:#7E6230;background:var(--bg);color:var(--fg);color-scheme:light}
.tone-bluesoft .on-dark{display:none}

/* ---------- home: membership scenarios and feature list (v1.6.0) ---------- */
.hero-alt{margin:16px 0 0;font-size:16px}
.member-note{margin-top:28px}
.scen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:960px){.scen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.scen{grid-template-columns:1fr}}
.scen article{background:var(--field);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:10px}
.scen article p{margin:0;font-size:16px}
.scen-q{font:700 18px/1.35 var(--sans)!important;letter-spacing:-.01em}
.scen-tools{margin-top:auto!important;padding-top:10px;border-top:1px solid var(--line);font-size:14px!important;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.scen-tools .sep{color:var(--line)}
.flist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px}
@media (max-width:860px){.flist{grid-template-columns:1fr}}
.flist h3{margin:22px 0 6px;font-size:20px}
.flist ul{list-style:none;margin:0;padding:0}
.flist li{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:15.5px}
.flist li .pill{flex:none;margin-top:2px}
.sec-members .pill,.tone-blue .pill{color:var(--muted);border-color:var(--line)}
.sec-members .pill.ok,.tone-blue .pill.ok{color:#CFE0A8;border-color:#9DB26F}
.home-plans{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:18px;margin-top:36px;align-items:stretch}
@media (max-width:860px){.home-plans{grid-template-columns:1fr}}
.home-plans>div{border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--field)}
.home-plans p{margin:0}
.home-plans .price{margin:6px 0 4px}
.home-plans-cta{display:flex;flex-direction:column;justify-content:center;gap:10px}
.home-plans-cta .btn{justify-content:center}
/* lesson gate, series list (v1.6.0) */
.gate-box{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:10px;padding:26px;background:var(--field)}
.gate-box h2{margin:0 0 8px}.gate-box .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.series-steps a{text-decoration:none}
.series-list{list-style:none;margin:0;padding:0}
.series-list a{display:flex;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line);text-decoration:none}
.series-list .grow{flex:1;min-width:0}.series-list .sub{display:block;color:var(--muted);font-size:15px}
.plan-soon{opacity:.86}
.plan .small-link{font-size:14px;text-align:center;color:var(--muted)}
.btn[aria-disabled="true"]{cursor:default;opacity:.7}
.tone-white .flist h3,.tone-paper .flist h3{color:var(--fg)}
.card-more{border-top-color:var(--gold);background:transparent}
/* header on phones: brand + sign-in on one row, the menu as its own row (v1.6.0) */
.brand span{white-space:nowrap}
@media (max-width:640px){
  .head-row{flex-wrap:wrap;row-gap:8px;padding-block:10px}
  .head-row nav{width:100%;justify-content:space-between;gap:10px}
  .head-row nav ul{gap:14px;overflow-x:auto;scrollbar-width:none}
  .head-row nav .btn{padding:8px 14px;font-size:14px}
}
@media (max-width:640px){
  .head-row nav{display:contents}
  .head-row .brand{order:1;margin-right:auto}
  .head-row nav .btn{order:2}
  .head-row nav ul{order:3;width:100%;overflow-x:auto}
}
/* family panel (v1.6.0) */
.fam-msg{margin:8px 0 0;font-size:14.5px;color:var(--accent);min-height:1.2em}.fam-msg.bad{color:#A0422F}
.btn-sm{padding:6px 12px;font-size:13.5px}
.fam-form{max-width:560px}
.plans [data-family-live] ~ [data-family-soon]{display:none}

/* membership: billing switch, clickable plans, course card, checkout reassurance (1.7.0) */
.billing{display:flex;width:max-content;max-width:100%;margin:0 auto 34px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--field)}
.billing button{font:600 15px var(--sans);color:var(--muted);background:transparent;border:0;border-radius:999px;padding:10px 20px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.billing button[aria-pressed="true"]{background:var(--btn-bg);color:var(--btn-fg)}
.billing button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.save-chip{font:600 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#3F4A22;background:#E3E8C9;border-radius:999px;padding:3px 8px}
.save-chip:empty{display:none}
[data-plans][data-period="year"] [data-show="month"],[data-plans][data-period="month"] [data-show="year"]{display:none!important}
.plan .per{margin:6px 0 0;font-size:14.5px;min-height:1.5em}
.save-tag{font:600 12px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#3F4A22;background:#E3E8C9;border-radius:999px;padding:3px 8px;margin-right:4px;white-space:nowrap}
.save-tag:empty{display:none}
.plan .trial{margin:auto 0 0;font-size:14.5px;color:var(--muted);text-align:center}
.plan .trial b{color:var(--fg)}
.plan .trial ~ .btn{margin-top:0}
.plan{position:relative}
.is-link{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.is-link:hover{border-color:var(--gold);box-shadow:0 6px 24px rgba(22,22,22,.08);transform:translateY(-2px)}
.is-link .plan-cta::after{content:"";position:absolute;inset:0;border-radius:inherit}
.is-link .plan-cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.course-card{position:relative;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:22px;border:1px solid var(--line);border-radius:10px;padding:24px 26px;background:var(--field)}
.course-card .cc-text{flex:1 1 420px}
.course-card h3{margin:0 0 6px;font-size:22px}
.course-card .cc-text p.muted{margin:0;font-size:15.5px;max-width:62ch}
.course-card .cc-buy{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 0 auto;min-width:200px}
.course-card .price{font-size:38px}
.cc-msg{margin:0;font-size:14px;color:var(--muted);text-align:center;max-width:260px;position:relative;z-index:1}
.cc-msg:empty{display:none}
.cc-msg.bad{color:#9A3B2E}
.trust{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.trust li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
.trust li b{color:var(--fg)}
.trust svg{flex:none;margin-top:2px;color:var(--gold)}
@media (max-width:900px){.trust{grid-template-columns:1fr}.course-card .cc-buy{width:100%}}
@media (max-width:480px){.billing button{padding:10px 14px;font-size:14px}}
.welcome-steps{counter-reset:n;list-style:none;padding:0;margin:0 0 24px}
.welcome-steps li{counter-increment:n;position:relative;padding:0 0 18px 44px;font-size:17px}
.welcome-steps li::before{content:counter(n);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;font:500 13px var(--mono);color:var(--gold-text,var(--gold))}
.wrap > .acts{display:flex;gap:10px;flex-wrap:wrap}
/* plans keep their order (Free, Member, Family) on phones too */
/* everything in membership: icon cards (1.7.1) */
.fgrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:8px}
@media (max-width:860px){.fgrid2{grid-template-columns:1fr}}
.fg{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:22px 22px 8px}
.fg-head{display:flex;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}
.fg-ico{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}
.fg-head h3{margin:0 0 2px;font-size:20px;color:var(--fg)}
.fg-head p{margin:0;font-size:14.5px;color:var(--muted)}
.fg-list{list-style:none;margin:0;padding:0}
.fg-list li{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}
.fg-list li:first-child{border-top:0}
.fi{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--muted);background:color-mix(in srgb,var(--fg) 6%,transparent)}
.fg-list li.is-live .fi{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}
.ft{display:flex;flex-direction:column;gap:2px;font-size:15px;color:var(--muted);min-width:0}
.ft b{color:var(--fg);font-size:16px}
.fg-list .pill{margin-top:2px}
/* scenario cards: where the message came from */
.scen-ch{display:flex;align-items:center;gap:8px;font:500 11.5px var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.scen-ch svg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;color:var(--gold-text,var(--gold));background:color-mix(in srgb,var(--gold) 14%,transparent)}
.scen-q{background:color-mix(in srgb,var(--fg) 5%,transparent);border-radius:4px 14px 14px 14px;padding:12px 14px}
@media (max-width:520px){.fg{padding:18px 16px 4px}.fg-list li{grid-template-columns:40px 1fr;row-gap:8px}.fg-list li .pill{grid-column:2;justify-self:start;margin-top:0}}
/* social links + official accounts (1.7.2) */
.socials{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.socials a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);color:var(--muted);transition:color .15s,border-color .15s,background .15s}
.socials a:hover{color:var(--fg);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}
.never-box{border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;padding:22px 24px;background:var(--field)}
.never-list{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
.never-list li{position:relative;padding-left:28px;font-size:16px}
.never-list li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#9A3B2E;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm4.2 13.8-1.4 1.4L12 13.4l-2.8 2.8-1.4-1.4 2.8-2.8-2.8-2.8 1.4-1.4 2.8 2.8 2.8-2.8 1.4 1.4-2.8 2.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm4.2 13.8-1.4 1.4L12 13.4l-2.8 2.8-1.4-1.4 2.8-2.8-2.8-2.8 1.4-1.4 2.8 2.8 2.8-2.8 1.4 1.4-2.8 2.8z'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:760px){.never-list{grid-template-columns:1fr}}
.accts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
@media (max-width:700px){.accts{grid-template-columns:1fr}}
.acct{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--fg);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.acct:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:0 6px 18px rgba(22,22,22,.07)}
.acct-ico{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--brand)}
.acct-ico.sm{width:38px;height:38px;border-radius:10px}
.acct-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.acct-t b{font-size:17px}
.acct-t .mono{font-size:12.5px;color:var(--muted);text-transform:none;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-go{color:var(--muted);font-size:20px}
.acct-notes{display:grid;gap:14px;margin-top:28px}
.acct-notes>div{display:flex;gap:14px;align-items:flex-start}
.acct-notes p{margin:0;font-size:15.5px;color:var(--muted)}
.acct-notes p b{color:var(--fg)}
/* see it before you join (1.7.4) */
.peek{position:relative;margin-top:34px;padding-right:150px}
.browser{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 30px 70px rgba(22,22,22,.14)}
.browser-bar{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#ECEBE4;border-bottom:1px solid var(--line)}
.dots{display:flex;gap:6px}.dots i{width:11px;height:11px;border-radius:50%;background:#D3D1C7}
.url{flex:1;max-width:420px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:6px;font:500 12.5px var(--mono);color:#6A6A6A;background:#F7F6F1;border-radius:8px;padding:5px 10px}
.browser img{display:block;width:100%;height:auto}
.phone{position:absolute;right:0;bottom:-40px;width:300px;margin:0;border-radius:44px;background:#0d0d0d;padding:11px;box-shadow:0 40px 80px rgba(0,0,0,.35);transform:rotate(3deg)}
.phone-screen{border-radius:34px;background:#F2F3EE;overflow:hidden;padding:14px 14px 18px;color:#161616;font-family:var(--sans)}
.phone-top{display:flex;justify-content:space-between;align-items:center;font:700 13px var(--sans);padding:0 8px 10px;position:relative}
.phone-top .notch{position:absolute;left:50%;top:-2px;transform:translateX(-50%);width:84px;height:22px;border-radius:12px;background:#0d0d0d}
.ph-head{display:flex;align-items:center;gap:10px;margin:2px 4px 12px}.ph-head img{width:40px;height:40px}
.ph-head b{display:block;font-size:16px}.ph-head span{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6A6A6A}
.ph-alert{background:#fff;border-radius:16px;border-left:5px solid #9A3B2E;padding:12px 12px 13px;margin-bottom:10px;box-shadow:0 6px 18px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:4px}
.ph-tag{font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9A3B2E}
.ph-alert b{font-size:15px;line-height:1.2}.ph-alert>span:last-child{font-size:12.5px;color:#55554f;line-height:1.35}
.ph-row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:9px 10px;margin-top:8px;box-shadow:0 4px 12px rgba(0,0,0,.04)}
.ph-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#E6E9DA;color:#5F6A45}.ph-ic svg{width:18px;height:18px}
.ph-t{flex:1;min-width:0}.ph-t b{display:block;font-size:13px}.ph-t span{display:block;font-size:11px;color:#6A6A6A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-pill{font:600 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1.5px solid #6E7850;color:#5F6A45;border-radius:999px;padding:2px 7px}
.peek-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:70px}
@media (max-width:860px){.peek{padding-right:0}.phone{position:relative;right:auto;bottom:auto;margin:-60px auto 0;transform:none;width:280px}.peek-cta{margin-top:28px}}
/* plan artwork (1.7.5) */
.plan-art{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;margin:0 0 6px;background:#111}
.plan.featured .plan-art{margin-top:4px}
.plan-soon .plan-art{filter:saturate(.6) brightness(.9)}
.course-card .cc-art{width:240px;flex:0 0 240px;margin:0}
@media (max-width:900px){.course-card .cc-art{width:100%;flex-basis:100%}}
/* group headers read as headings, not list items (1.7.6) */
.fg{padding:0 22px 8px;overflow:hidden}
.fg-head{margin:0 -22px 4px;padding:22px 22px 20px;border-bottom:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 14%,transparent),color-mix(in srgb,var(--gold) 5%,transparent));align-items:flex-start}
.fg-ico{width:auto;height:auto;border:0;background:none;border-radius:0;padding-top:2px}
.fg-ico svg{width:34px;height:34px}
.fg-head h3{font-size:24px;letter-spacing:-.01em;margin:0 0 3px}
.fg-count{display:inline-block;margin-top:8px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-text,var(--gold))}
.fg-list li{padding:15px 0}
/* Block Hub as the home for members: nav highlight, initials avatar, account strip (1.8.0) */
nav li.nav-block-hub a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 11px;border-radius:999px;font-weight:600;color:var(--fg);
 background:color-mix(in srgb,var(--gold) 16%,transparent);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent)}
nav li.nav-block-hub a::before{content:"";width:16px;height:16px;background:var(--gold-text,var(--gold));
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7.5' height='7.5' rx='2'/%3E%3Crect x='13.5' y='3' width='7.5' height='7.5' rx='2'/%3E%3Crect x='3' y='13.5' width='7.5' height='7.5' rx='2'/%3E%3Crect x='13.5' y='13.5' width='7.5' height='7.5' rx='2'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7.5' height='7.5' rx='2'/%3E%3Crect x='13.5' y='3' width='7.5' height='7.5' rx='2'/%3E%3Crect x='3' y='13.5' width='7.5' height='7.5' rx='2'/%3E%3Crect x='13.5' y='13.5' width='7.5' height='7.5' rx='2'/%3E%3C/svg%3E") center/contain no-repeat}
nav li.nav-block-hub a:hover{background:color-mix(in srgb,var(--gold) 28%,transparent);color:var(--fg)}
.avatar{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;flex:none;font:700 14px var(--sans);letter-spacing:.02em;color:#2a2416;background:linear-gradient(135deg,#ECD9A9,#C9A660);box-shadow:0 0 0 2px var(--bg),0 0 0 3px color-mix(in srgb,var(--gold) 60%,transparent)}
.avatar-lg{width:64px;height:64px;font-size:22px}
.head-acct{display:inline-flex;text-decoration:none;border-radius:50%}
.head-acct:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.acct-strip{margin:8px 0 34px;padding:24px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--field) 70%,transparent)}
.acct-strip .greet{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.acct-strip .greet>div{flex:1;min-width:200px}
.acct-strip .greet .eyebrow{margin:0 0 4px}
.acct-strip .greet h2{margin:0;font-size:clamp(26px,3vw,34px)}
.key-panel{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-left:4px solid var(--gold)}
.key-panel>div{flex:1;min-width:240px}.key-panel h3{margin:0 0 4px;font-size:18px}.key-panel p{margin:0;font-size:15px}
.key-ico{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--gold-text,var(--gold));background:color-mix(in srgb,var(--gold) 14%,transparent)}
@media (max-width:640px){nav li.nav-block-hub a{padding:5px 10px 5px 8px}.head-row nav .head-acct{order:2}.acct-strip{padding:16px}}
nav ul{align-items:center}
nav li{flex:none}nav li a{white-space:nowrap}
/* hub: tiles first, emergency box after, with a jump link at the top (1.8.1) */
.sos-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 22px;padding:12px 16px;border-radius:12px;border:1px solid color-mix(in srgb,#9A3B2E 45%,var(--line));background:color-mix(in srgb,#9A3B2E 8%,var(--field));color:var(--fg);text-decoration:none;font-size:15.5px}
.sos-bar b{color:#9A3B2E}
.sos-bar:hover{border-color:#9A3B2E}
.sos-dot{width:9px;height:9px;border-radius:50%;background:#C2412D;box-shadow:0 0 0 4px color-mix(in srgb,#C2412D 22%,transparent)}
.hub .tiles + .emerg{margin-top:28px}
#scammed{scroll-margin-top:90px}
/* how-it-works panels and help page (1.8.2) */
.howto{border:1px solid var(--line);border-radius:12px;background:var(--field);margin:18px 0;overflow:hidden}
.howto summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 18px;font-weight:600;font-size:16.5px}
.howto summary::-webkit-details-marker{display:none}
.howto summary::after{content:"+";margin-left:auto;color:var(--gold-text,var(--gold));font-size:22px;font-weight:400;line-height:1}
.howto[open] summary::after{content:"\2013"}
.howto-ico{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 14px var(--sans);color:var(--gold-text,var(--gold));background:color-mix(in srgb,var(--gold) 15%,transparent)}
.howto-body{padding:0 18px 16px 58px;font-size:15.5px}
.howto-body p{margin:0}
.howto-steps{margin:0 0 10px;padding-left:20px}.howto-steps li{margin:6px 0}
.howto-notes{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:14.5px}
.howto-notes li{position:relative;padding-left:16px;margin:5px 0}.howto-notes li::before{content:"";position:absolute;left:2px;top:.6em;width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.help h2{margin:44px 0 6px;scroll-margin-top:90px}.help h2:first-of-type{margin-top:28px}
.help-toc{display:flex;flex-wrap:wrap;gap:8px}
.help-toc a{font:500 12.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--muted)}
.help-toc a:hover{border-color:var(--gold);color:var(--fg)}
.greet-acts{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:640px){.howto-body{padding-left:18px}}
/* contact form (1.8.3) */
.contact-warn{margin-bottom:24px}.contact-warn p{margin:0;font-size:15.5px}
.contact-form{display:grid;gap:16px}
.contact-form label{display:grid;gap:6px;font-weight:600;font-size:15px}
.contact-form input,.contact-form select,.contact-form textarea{font:400 16px var(--sans);color:var(--fg);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:12px 14px;width:100%}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid color-mix(in srgb,var(--gold) 60%,transparent);border-color:var(--gold)}
.contact-form input[readonly]{color:var(--muted)}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.cf-row{grid-template-columns:1fr}}
.cf-trap{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-check{display:flex!important;grid-template-columns:none;align-items:center;gap:10px;font-weight:500!important}
.cf-check input{width:auto}
.cf-check[hidden]{display:none!important}
.cf-msg{margin:0;font-size:15px;color:var(--muted)}.cf-msg:empty{display:none}
.cf-msg.bad{color:#9A3B2E}
.cf-msg.stop{color:#fff;background:#9A3B2E;border-radius:10px;padding:14px 16px;font-weight:600}
.contact-form .btn{justify-self:start}
.contact-done h2{margin:0 0 8px}
/* 1.8.5: the form really hides after sending; confirmation card; footer help block */
.contact-form[hidden]{display:none!important}
.contact-done{border:1px solid var(--line);border-radius:14px;background:var(--field);padding:32px 28px;text-align:center;outline:none}
.contact-done .done-ico{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--olive,#5C6B47);color:#fff;font-size:26px;font-weight:700;margin-bottom:14px}
.contact-done p{margin:0 auto 22px;max-width:46ch}
.foot-help{margin-bottom:26px}
.foot-help p{margin:0 0 10px}
.btn-foot{display:inline-block;padding:9px 18px;border-radius:999px;background:var(--gold);color:#111;font-weight:600;font-size:15px;text-decoration:none;margin:0 6px 6px 0}
.btn-foot-ghost{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.35)}
.btn-foot:hover{filter:brightness(1.08)}
.contact-done .done-ref{margin:0 auto 10px;font-size:15px}.contact-done .done-ref b{letter-spacing:.04em}
/* 1.8.7: one button system on the plan cards. Gold = the action. Every plan button starts outlined; the
   "Most popular" plan's button starts gold; hovering any card (or its button) turns that card's button gold,
   and the already-gold one goes a shade darker. Dark text on gold for contrast. */
.plans .plan-cta,.course-card .plan-cta{background:transparent;color:var(--fg);border:1px solid var(--fg);filter:none;transition:background-color .15s,border-color .15s,color .15s}
.plans .plan.featured .plan-cta{background:var(--gold);border-color:var(--gold);color:#161616}
.plans .plan.is-link:hover .plan-cta,.plans .plan-cta:hover,.plans .plan-cta:focus-visible,
.course-card.is-link:hover .plan-cta,.course-card .plan-cta:hover,.course-card .plan-cta:focus-visible{background:var(--gold);border-color:var(--gold);color:#161616;filter:none}
.plans .plan.featured.is-link:hover .plan-cta,.plans .plan.featured .plan-cta:hover{background:#8C6D38;border-color:#8C6D38;color:#fff}
.course-card .plan-cta[disabled]{opacity:.6;cursor:progress}
/* 1.8.8 compare plans grid */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--field);-webkit-overflow-scrolling:touch}
.cmp{width:100%;border-collapse:collapse;font-size:15px;min-width:620px}
.cmp th,.cmp td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.cmp tbody th{text-align:left;font-weight:500;width:40%}
.cmp thead th{font:700 15px var(--sans);padding-top:16px;padding-bottom:16px}
.cmp thead th:first-child,.cmp tbody th{position:sticky;left:0;background:var(--field);z-index:1}
.cmp .cmp-pop{background:color-mix(in srgb,var(--gold) 9%,var(--field))}
.cmp thead .cmp-pop{box-shadow:inset 0 3px 0 var(--gold)}
.cmp tr.cmp-group th{font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-text,var(--gold));text-align:left;padding-top:20px;background:var(--field)}
.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}
.cmp i,.cmp-key i{font-style:normal;font-size:13.5px}
.cmp i.y::before,.cmp-key i.y::before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#5C6B47;color:#fff;font-size:13px;font-weight:700;margin-right:6px;vertical-align:middle}
.cmp i.y:empty::before{margin-right:0}
.cmp i.n::before,.cmp-key i.n::before{content:"—";color:var(--muted)}
.cmp i.s,.cmp-key i.s{display:inline-block;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font:500 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.cmp-key{margin-top:12px}
.cmp-key i.n::before{margin-right:4px}
@media (max-width:640px){
  .cmp{min-width:0;table-layout:fixed;font-size:13px}
  .cmp tbody th{width:36%;padding:10px 8px 10px 12px;font-size:13.5px;line-height:1.35}
  .cmp td{padding:10px 2px;font-size:12px;line-height:1.3}
  .cmp thead th{font-size:13px;padding:12px 2px}
  .cmp thead th:first-child{width:36%}
  .cmp i.y::before{display:block;margin:0 auto 3px;width:20px;height:20px;font-size:12px}
  .cmp i.y:empty::before{margin:0 auto}
  .cmp i.y{display:block;font-size:11px}.cmp i.s{font-size:11px}
  .cmp i.s{padding:1px 5px;font-size:9.5px;letter-spacing:.03em}
  .cmp thead th:first-child,.cmp tbody th{position:static}
}
/* 1.8.9: header shows where you are. Ghost marks the current link with .nav-current; lessons and tag pages light up
   "Lessons", and the Block Hub tool pages light up "Block Hub". */
nav li a{position:relative}
nav li.nav-current:not(.nav-block-hub) a,
body.post-template nav li.nav-lessons a,body.tag-template nav li.nav-lessons a{color:var(--fg);font-weight:600}
nav li.nav-current:not(.nav-block-hub) a::after,
body.post-template nav li.nav-lessons a::after,body.tag-template nav li.nav-lessons a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:var(--gold)}
nav li.nav-block-hub.nav-current a,
body.page-red-flag-checker nav li.nav-block-hub a,body.page-scammed nav li.nav-block-hub a,body.page-tax nav li.nav-block-hub a,
body.page-alerts nav li.nav-block-hub a,body.page-lock-it-down nav li.nav-block-hub a{background:var(--gold);border-color:var(--gold);color:#161616}
nav li.nav-block-hub.nav-current a::before,
body.page-red-flag-checker nav li.nav-block-hub a::before,body.page-scammed nav li.nav-block-hub a::before,body.page-tax nav li.nav-block-hub a::before,
body.page-alerts nav li.nav-block-hub a::before,body.page-lock-it-down nav li.nav-block-hub a::before{background:#161616}
/* 1.9.0 My Stack */
.ms-privacy{display:flex;gap:10px;align-items:flex-start;background:var(--field);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;padding:14px 16px;font-size:15px;margin:0 0 26px}
.ms-privacy svg{flex:none;margin-top:2px;color:var(--gold-text,var(--gold))}
.ms-mine{border:1px solid var(--line);border-radius:14px;background:var(--field);padding:18px 20px;margin-bottom:18px}
.ms-mine h2{margin:0 0 8px;font-size:20px;display:flex;align-items:baseline;gap:10px}
.ms-count{font-size:12px;color:var(--muted);font-weight:400}
.ms-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ms-chips li{display:inline-flex;align-items:center;gap:6px;padding:6px 6px 6px 12px;border-radius:999px;background:color-mix(in srgb,var(--gold) 16%,var(--field));border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);font-size:14.5px;font-weight:500}
.ms-chips button{border:0;background:transparent;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:17px;line-height:1;color:var(--fg)}
.ms-chips button:hover{background:color-mix(in srgb,var(--gold) 30%,transparent)}
.ms-search{display:block;margin:0 0 14px}
.ms-search input{width:100%;font:400 16px var(--sans);padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--fg)}
.ms-search input:focus{outline:2px solid color-mix(in srgb,var(--gold) 60%,transparent);border-color:var(--gold)}
.ms-group{border:1px solid var(--line);border-radius:12px;background:var(--field);margin-bottom:10px}
.ms-group summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;font-weight:600}
.ms-group summary::-webkit-details-marker{display:none}
.ms-group summary::after{content:"+";font-weight:400;color:var(--muted);margin-left:8px}
.ms-group[open] summary::after{content:"–"}
.ms-group summary span:first-child{flex:1}
.ms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;padding:0 14px 14px}
.ms-pick{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;cursor:pointer;font-size:14.5px}
.ms-pick:hover{background:color-mix(in srgb,var(--gold) 10%,transparent)}
.ms-pick input{width:18px;height:18px;accent-color:#5C6B47;flex:none}
.ms-pick[hidden],.ms-group[hidden]{display:none}
.ms-prefs{margin:26px 0 8px;border-top:1px solid var(--line);padding-top:20px}
.ms-prefs h2{font-size:20px;margin:0 0 10px}
.ms-check{display:flex;gap:10px;align-items:center;margin:0 0 10px;font-size:15.5px;cursor:pointer}
.ms-check input{width:18px;height:18px;accent-color:#5C6B47}
.ms-radios{padding-left:28px}.ms-radios.is-off{opacity:.45;pointer-events:none}
.ms-bar{position:sticky;bottom:0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0;margin-top:10px;background:linear-gradient(to top,var(--bg) 75%,transparent);z-index:2}
.ms-status{font-size:14.5px;color:var(--muted)}.ms-status.good{color:#4F6B3A;font-weight:600}.ms-status.bad{color:#9A3B2E;font-weight:600}
.ms-del{margin-left:auto;border:0;background:transparent;color:var(--muted);text-decoration:underline;cursor:pointer;font:400 14px var(--sans)}
.ms-del.confirm{color:#9A3B2E;font-weight:600}
@media (max-width:640px){.ms-grid{grid-template-columns:1fr 1fr}.ms-del{margin-left:0}}
/* alerts list badges */
.card.al-mine{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.al-hit{margin:10px 0 0;font:600 13.5px var(--sans);color:var(--gold-text,var(--gold))}
.pill.al-urgent{background:#9A3B2E;color:#fff;border-color:#9A3B2E;margin-bottom:8px;display:inline-block}
/* 1.9.1 new-alert badges */
.tile{position:relative}
.t-badge{position:absolute;top:10px;right:10px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#D93A2B;color:#fff;font:700 13px/24px var(--sans);text-align:center;box-shadow:0 0 0 2px var(--field)}
.t-badge[hidden]{display:none}
.t-new{color:#B5321F;font-weight:700}
nav li.nav-block-hub a{position:relative}
.nbadge{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#D93A2B;color:#fff;font:700 11px/19px var(--sans);text-align:center;box-shadow:0 0 0 2px var(--bg)}
@media (max-width:640px){.nbadge{position:static;margin-left:2px;box-shadow:none;height:18px;line-height:18px;min-width:18px}}
/* 1.9.2: breathing room between a tool and the article text below it (Tax Center, Alerts, My Stack, Lock It Down) */
.rf>.gh-content{margin-top:56px}.rf>.gh-content>h2:first-child{margin-top:0}
/* 1.9.3 AI Security Watch highlighted as the headline member feature */
.fg-list li.fi-star{background:color-mix(in srgb,var(--gold) 10%,transparent);border-radius:10px;padding-left:10px;padding-right:10px}
.fg-list li.fi-star .ft b{color:var(--fg)}
.cmp tr.cmp-star th{font-weight:500}.cmp tr.cmp-star th b{font-weight:700}
.cmp tr.cmp-star th,.cmp tr.cmp-star td{background:color-mix(in srgb,var(--gold) 9%,var(--field))}
/* 1.9.5 My Stack popular picks */
.ms-popular{margin:0 0 14px}.ms-popular .label{margin:0 0 8px}
.ms-pop{display:flex;flex-wrap:wrap;gap:8px}
.ms-popbtn{font:500 14.5px var(--sans);padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--field);color:var(--fg);cursor:pointer}
.ms-popbtn:hover{border-color:var(--gold)}
.ms-popbtn[aria-pressed="true"]{background:color-mix(in srgb,var(--gold) 18%,var(--field));border-color:var(--gold);font-weight:600}
.ms-popbtn[aria-pressed="true"]::before{content:"✓ ";color:#5C6B47}
/* 1.10.0 Inheritance Plan */
.ip-promise{display:grid;gap:10px;background:var(--field);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;padding:16px 18px;margin:0 0 26px;font-size:15px}
.ip-promise p{margin:0}
.ip-sec{border:1px solid var(--line);border-radius:14px;background:var(--field);padding:20px 22px;margin:0 0 16px;min-width:0}
.ip-sec legend{font:700 19px var(--sans);padding:0 8px;margin-left:-8px;display:flex;align-items:center;gap:10px}
.ip-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#5C6B47;color:#fff;font-size:14px}
.ip label{display:grid;gap:5px;font-size:14.5px;font-weight:600;margin:0 0 12px}
.ip input[type=text],.ip input[type=password],.ip textarea{font:400 16px var(--sans);color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 13px;width:100%}
.ip input:focus,.ip textarea:focus{outline:2px solid color-mix(in srgb,var(--gold) 60%,transparent);border-color:var(--gold)}
.ip .ip-bad{border-color:#9A3B2E!important;background:#FBEDEA!important}
.ip-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ip-row3{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px}
.ip-row3 label{margin:0}
.ip-person{margin:0 0 12px}.ip-role{margin:0 0 6px;font-weight:600;font-size:14.5px}
.ip-item{border:1px dashed var(--line);border-radius:12px;padding:14px 14px 4px;margin:0 0 12px;position:relative;background:var(--bg)}
.ip-remove{position:absolute;top:8px;right:10px;border:0;background:transparent;color:var(--muted);text-decoration:underline;cursor:pointer;font:400 13px var(--sans)}
.ip-item label:first-child{padding-right:70px}
.ip-add{display:flex;gap:10px;flex-wrap:wrap}
.ip-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0 12px}
.ip-open{cursor:pointer}
.ip-pass{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--field);margin:0 0 14px}
.ip-pass label{max-width:520px}
.ip-msg{margin:6px 0;font-size:15px}.ip-msg:empty{display:none}.ip-msg.good{color:#4F6B3A;font-weight:600}
.ip-msg.bad{color:#fff;background:#9A3B2E;border-radius:10px;padding:12px 14px;font-weight:600}
.ip-remind{margin:6px 0 10px!important}
@media (max-width:640px){.ip-row,.ip-row3{grid-template-columns:1fr}.ip-sec{padding:16px 14px}}
/* the printed letter: only the letter shows when printing */
.ip-letter[hidden]{display:none}
@media print{
  body.ip-printing>*:not(.site-main):not(main){display:none!important}
  body.ip-printing .site-head,body.ip-printing .site-foot,body.ip-printing .sec-foot,body.ip-printing header.site-head{display:none!important}
  body.ip-printing .sec>.wrap>*:not(.ip-letter){display:none!important}
  body.ip-printing .sec{padding:0!important;background:#fff!important}
  body.ip-printing .ip-letter{display:block!important}
  .letter{font:11pt/1.5 Georgia,serif;color:#000}
  .letter h1{font:700 20pt Georgia,serif;margin:0 0 4pt}
  .letter h2{font:700 13pt Georgia,serif;margin:16pt 0 6pt;border-bottom:1px solid #999;padding-bottom:3pt}
  .letter table{width:100%;border-collapse:collapse;margin:0 0 8pt;page-break-inside:avoid}
  .letter th{text-align:left;width:30%;vertical-align:top;padding:3pt 8pt 3pt 0;font-weight:600}
  .letter td{padding:3pt 0;vertical-align:top}
  .letter caption{text-align:left;font-weight:700;padding:6pt 0 2pt}
  .letter .l-kicker{font:10pt sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0}
  .letter footer{margin-top:18pt;font-size:9pt;color:#333;border-top:1px solid #999;padding-top:6pt}
  @page{margin:18mm}
}
.ip label.ms-check{display:flex;font-weight:500}.ip label.btn{display:inline-flex;margin:0;font-weight:600;font-size:15px}
/* 1.11.0 Report builder */
.ip select{font:400 16px var(--sans);color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 13px;width:100%}
.rb-pay{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}
.rb-pay label:nth-child(5),.rb-pay label:nth-child(6){grid-column:span 3}
.rb-pay label:first-child{padding-right:0}
.rb-checks{display:grid;gap:4px}
.rb-out h2{margin:10px 0 6px}
.rb-block{border:1px solid var(--line);border-radius:14px;background:var(--field);padding:18px 20px;margin:0 0 14px}
.rb-block h3{margin:0 0 6px;font-size:18px}
.rb-text{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px;font:13.5px/1.55 var(--mono);margin:8px 0 10px;max-height:340px;overflow:auto}
.rb-warn{border-left:4px solid #9A3B2E}.rb-warn ul{margin:0;padding-left:20px}
@media (max-width:640px){.rb-pay{grid-template-columns:1fr}.rb-pay label:nth-child(5),.rb-pay label:nth-child(6){grid-column:auto}}
@media print{
  body.rb-printing>*:not(main){display:none!important}
  body.rb-printing .sec>.wrap>*:not(.rb){display:none!important}
  body.rb-printing .rb>*:not(.rb-out){display:none!important}
  body.rb-printing .rb-out .ip-bar,body.rb-printing .rb-copy{display:none!important}
  body.rb-printing .rb-text{max-height:none;overflow:visible;border:0;padding:0}
  body.rb-printing .rb-block{border:0;padding:0;page-break-inside:avoid}
}
/* 1.12.0 Security Score */
.ss-sec{padding-bottom:6px}
.ss-q{padding:14px 0;border-top:1px solid var(--line)}
.ss-sec legend+.ss-q{border-top:0;padding-top:4px}
.ss-q p{margin:0 0 10px;font-size:16px;line-height:1.45}
.ss-q.ss-missing p{color:#9A3B2E}.ss-q.ss-missing .ss-opt span{border-color:#9A3B2E}
.ss-opts{display:flex;gap:8px;flex-wrap:wrap}
.ss-opt{position:relative;margin:0;cursor:pointer}
.ss-opt input{position:absolute;opacity:0;width:1px;height:1px}
.ss-opt span{display:inline-block;min-width:92px;text-align:center;padding:8px 16px;border:1.5px solid var(--line);border-radius:999px;font:600 14.5px var(--sans);background:var(--bg);transition:background .15s,border-color .15s}
.ss-opt:hover span{border-color:var(--fg)}
.ss-opt input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.ss-yes input:checked+span{background:#5C6B47;border-color:#5C6B47;color:#fff}
.ss-no input:checked+span{background:#9A3B2E;border-color:#9A3B2E;color:#fff}
.ss-unsure input:checked+span{background:#C9A660;border-color:#C9A660;color:#2a2416}
.ss-bar{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:12px 14px 12px 20px;border:1px solid var(--line);border-radius:14px;background:var(--field);box-shadow:0 10px 30px rgba(22,22,22,.10)}
.ss-live{display:flex;align-items:baseline;gap:10px}.ss-live-n{font:700 30px var(--sans);letter-spacing:-.02em}
.ss-result{margin:6px 0 26px}
.ss-result h2{margin:26px 0 10px}
.ss-card{display:flex;gap:28px;align-items:center;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--field);--ss:#A8843A}
.ss-card.ss-strong{--ss:#5C6B47}.ss-card.ss-needs-work{--ss:#C27A3A}.ss-card.ss-at-risk{--ss:#9A3B2E}
.ss-dial{position:relative;width:220px;flex:none}
.ss-gauge{display:block;width:100%;height:auto}
.ss-gauge path{fill:none;stroke-width:16;stroke-linecap:round}
.ss-track{stroke:var(--line)}.ss-fill{stroke:var(--ss)}
.ss-num{position:absolute;left:0;right:0;bottom:2px;text-align:center}
.ss-num b{display:block;font:700 48px/1 var(--sans);letter-spacing:-.03em}
.ss-num span{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ss-sum{flex:1;min-width:0}
.ss-grade{margin:0 0 2px;font:700 26px var(--sans);color:var(--ss)}
.ss-trend{display:flex;align-items:flex-end;gap:6px;height:84px;margin-top:14px}
.ss-trend span{flex:1;max-width:34px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
.ss-trend i{display:block;width:100%;background:color-mix(in srgb,var(--ss) 70%,transparent);border-radius:4px 4px 0 0}
.ss-trend span:last-child i{background:var(--ss)}
.ss-trend em{font:500 10.5px var(--mono);font-style:normal;color:var(--muted)}
.ss-fixes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ss-fixes li{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--field)}
.ss-fixes b{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.ss-fixes p{margin:0 0 6px;font-size:16px;line-height:1.45}
.ss-fixes a{font-weight:600}
.ss-pts{flex:none;min-width:52px;text-align:center;padding:6px 0;border-radius:10px;font:700 17px var(--sans);color:#2a2416;background:linear-gradient(135deg,#ECD9A9,#C9A660)}
.ss-perfect{padding:16px 18px;border-radius:14px;background:color-mix(in srgb,#5C6B47 12%,transparent);font-weight:600}
.ss-del{margin-top:14px}
.linkish{background:none;border:0;padding:0;font:inherit;color:var(--muted);text-decoration:underline;cursor:pointer}
@media (max-width:640px){.ss-card{flex-direction:column;align-items:stretch;gap:12px}.ss-dial{margin:0 auto;width:200px}.ss-opt span{min-width:0;padding:8px 14px}.ss-bar{bottom:8px}}
/* 1.13.0 Tax kit */
.tk{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.tk-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tk-sec{border:1px solid var(--line);border-radius:14px;background:var(--field);padding:20px 22px;margin:0 0 16px}
.tk-sec h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:20px}
.tk-list .ms-check,.tk-events .ms-check{align-items:flex-start;line-height:1.45}
.tk-list .ms-check input,.tk-events .ms-check input{margin-top:3px;flex:none}
.tk-progress{margin:6px 0 0;font-size:12.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.tk-dates{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px}
.tk-dates div{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;background:var(--field);padding:12px 14px}
.tk-dates b{display:block;font-size:16px;margin-bottom:3px}.tk-dates span{font-size:14px;color:var(--muted);line-height:1.4}
.tk-table-wrap{overflow-x:auto;margin:6px 0 12px}
.tk-table{width:100%;border-collapse:collapse;font-size:14.5px}
.tk-table th,.tk-table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.tk-table thead th{font:600 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tk-table td input{width:18px;height:18px;accent-color:#5C6B47}
.tk-table tbody th{font-weight:600}
.tk-table .ip-remove{position:static;padding:4px 0}
.tk-table th:last-child,.tk-table td:last-child{text-align:right;width:1%;white-space:nowrap}
.tk-add{display:flex;gap:8px;margin:0 0 14px}.tk-add input{flex:1;min-width:0;font:400 16px var(--sans);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg)}
.tk-events{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}
.tk-qs{margin-top:12px}.tk-qs h4{margin:0 0 8px;font-size:16px}.tk-qs ol{margin:0 0 12px;padding-left:22px}.tk-qs li{margin:0 0 8px;line-height:1.45}
@media (max-width:700px){.tk-dates{grid-template-columns:1fr}.tk-events{grid-template-columns:1fr}
  .tk-table thead{display:none}.tk-table tr{display:grid;grid-template-columns:1fr auto;padding:10px 0;border-bottom:1px solid var(--line)}
  .tk-table th,.tk-table td{border:0;padding:4px 0}.tk-table td[data-label]{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px}
  .tk-table td[data-label]::before{content:attr(data-label);color:var(--muted)}.tk-table td:last-child{grid-row:1;grid-column:2;width:auto}}
@media print{
  body.tk-printing>*:not(main){display:none!important}
  body.tk-printing .sec .wrap>*:not(.tk){display:none!important}
  body.tk-printing .tk-add,body.tk-printing [data-tk-csv],body.tk-printing .rb-copy,body.tk-printing .ip-bar,body.tk-printing .ip-remove,body.tk-printing .tk-sec .muted.small{display:none!important}
  body.tk-printing .tk-sec{border:0;padding:0;page-break-inside:avoid}
}
/* 1.14.0 Platform Safety Cards */
.pc-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.pc-side{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--field);padding:14px}
.pc-search{width:100%;font:400 15px var(--sans);padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);margin-bottom:8px}
.pc-group{margin:12px 4px 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pc-item{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--fg);font:500 15px var(--sans);cursor:pointer}
.pc-item:hover{background:color-mix(in srgb,var(--gold) 12%,transparent)}
.pc-item.on{background:color-mix(in srgb,var(--gold) 24%,transparent);font-weight:700}
.pc-item.locked{color:var(--muted)}
.pc-lock{font:600 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:1px 6px}
.pc-upsell{margin:0 0 18px;border-top:3px solid var(--gold)}
.pc-card{border:1px solid var(--line);border-radius:16px;background:var(--field);padding:24px 26px;min-height:300px}
.pc-head{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:6px}
.pc-head h2{margin:2px 0 8px;font-size:32px}
.pc-kind{margin:0;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pc-sec{padding:16px 0;border-bottom:1px solid var(--line)}
.pc-sec:last-of-type{border-bottom:0}
.pc-sec h3{margin:0 0 10px;font-size:18px}
.pc-sec p{margin:0 0 8px;line-height:1.5}
.pc-dl{margin:0;display:grid;gap:0}
.pc-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px dashed var(--line)}
.pc-row:first-child{border-top:0}
.pc-row dt{font-size:15.5px}.pc-row dt small{display:block;font-size:12.5px;color:var(--muted)}
.pc-row dd{margin:0;flex:none}
.pc-v{display:inline-block;min-width:64px;text-align:center;padding:3px 10px;border-radius:999px;font:600 13px var(--sans);border:1.5px solid var(--line)}
.pc-yes{background:color-mix(in srgb,#5C6B47 14%,transparent);border-color:#5C6B47;color:#46532F}
.pc-no{background:color-mix(in srgb,#9A3B2E 10%,transparent);border-color:#9A3B2E;color:#9A3B2E}
.pc-mid{border-color:#C9A660}
.pc-unk{color:var(--muted);border-style:dashed}
.pc-tip{font-size:14.5px;color:var(--muted);margin-top:8px!important}
.pc-ul{margin:0;padding-left:20px}.pc-ul li{margin:0 0 5px}
.pc-never{border-left:4px solid #5C6B47;background:var(--bg);border-radius:0 10px 10px 0;padding:10px 14px;margin:10px 0}
.pc-never ul{margin:6px 0 0;padding-left:20px}
.pc-inc{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pc-inc li{display:grid;grid-template-columns:86px 1fr;gap:12px}
.pc-date{font-size:12px;color:var(--muted);padding-top:3px}
.pc-inc b{display:block}.pc-inc p{margin:2px 0 4px;font-size:15px}
.pc-funds{font:600 11.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pc-f-lost{color:#9A3B2E}.pc-f-reimbursed,.pc-f-not-affected{color:#46532F}
.pc-src{margin-top:14px}.pc-src summary{cursor:pointer;font-weight:600}.pc-src ul{font-size:13px;word-break:break-all;padding-left:18px}
.pc-foot{margin-top:14px}
@media (max-width:860px){.pc-layout{grid-template-columns:1fr}.pc-side{position:static;max-height:260px}.pc-card{padding:18px}.pc-head h2{font-size:26px}.pc-inc li{grid-template-columns:1fr;gap:2px}}
/* 1.15.0 Scam Library */
.sl-tools{display:flex;flex-direction:column;gap:10px;margin:0 0 16px}
.sl-cats{display:flex;flex-wrap:wrap;gap:8px}
.sl-cat{padding:7px 14px;border:1.5px solid var(--line);border-radius:999px;background:var(--bg);color:var(--fg);font:600 14px var(--sans);cursor:pointer}
.sl-cat:hover{border-color:var(--fg)}.sl-cat.on{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.sl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:0 0 18px}
.sl-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--field);color:var(--fg);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}
.sl-tile:hover{border-color:var(--gold);transform:translateY(-1px)}
.sl-tile b{font-size:17px;line-height:1.25}
.sl-sum{font-size:14px;color:var(--muted);line-height:1.45}
.sl-tile.locked b{color:var(--muted)}
.sl-tile .pill{margin-top:auto}
.sl-kind{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sl-entry{border:1px solid var(--line);border-radius:16px;background:var(--field);padding:20px 26px}
.sl-lede{font-size:18px;line-height:1.5;margin:8px 0 0}
.sl-steps{margin:0;padding-left:22px}.sl-steps li{margin:0 0 8px;line-height:1.5}
.sl-flags,.sl-ok{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.sl-flags li,.sl-ok li{position:relative;padding-left:26px;line-height:1.45}
.sl-flags li::before{content:"!";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#9A3B2E;color:#fff;font:700 12px/18px var(--sans);text-align:center}
.sl-ok li::before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#5C6B47;color:#fff;font:700 11px/18px var(--sans);text-align:center}
.sl-case{border-left:4px solid var(--gold);background:var(--bg);border-radius:0 12px 12px 0;padding:12px 16px}
.sl-case-date{margin:0 0 4px!important;font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.sl-num{font-weight:600;margin:14px 0 0}
.sl-paid{background:color-mix(in srgb,#9A3B2E 5%,transparent);margin:6px -26px 0;padding:16px 26px!important}
@media (max-width:640px){.sl-entry{padding:16px}.sl-paid{margin:6px -16px 0;padding:16px!important}.sl-grid{grid-template-columns:1fr}}
/* 1.16.0 Block Calendar */
.bc-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.bc-filters{display:flex;flex-direction:column;gap:10px;margin:0 0 10px}
.bc-mine{margin:0}
.bc-month{margin:22px 0 10px;font-size:13px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bc-ev{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--field);margin:0 0 10px}
.bc-ev.bc-you{border-color:var(--gold);box-shadow:inset 4px 0 0 var(--gold)}
.bc-date{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border-radius:10px;background:var(--bg);border:1px solid var(--line);padding:6px 0;height:max-content}
.bc-date span{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bc-date b{font:700 26px/1.1 var(--sans)}
.bc-body h4{margin:4px 0 4px;font-size:17px}.bc-body p{margin:0 0 6px;font-size:15px;line-height:1.5}
.bc-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bc-cat{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--line)}
.bc-c-taxes{border-color:#A8843A;color:#7a5f25}.bc-c-exchanges{border-color:#9A3B2E;color:#9A3B2E}.bc-c-upgrades{border-color:#5C6B47;color:#46532F}
.bc-c-airdrops{border-color:#C27A3A;color:#9a5c25}
.bc-side{position:sticky;top:90px;display:grid;gap:14px}
.bc-side .tk-sec{margin:0}.bc-side h3{margin:0 0 10px;font-size:18px}
.bc-leads{display:flex;flex-wrap:wrap;gap:0 14px}
.bc-sub{margin:0 6px 6px 0}
@media (max-width:900px){.bc-layout{grid-template-columns:1fr}.bc-side{position:static;order:-1}}
@media (max-width:520px){.bc-ev{grid-template-columns:52px 1fr;gap:12px;padding:14px}}
.bc-side[hidden],.bc-filters[hidden],.sl-tools[hidden],[data-sl-browse][hidden]{display:none!important}
.bc-layout:has(.bc-side[hidden]){grid-template-columns:1fr}.bc-body .pc-ul{font-size:15px;margin:4px 0 8px}.bc-body .pc-ul li{margin:0 0 3px}
/* 1.16.1 My Stack: a bold save bar that stands out from the page */
.ms-bar{bottom:12px;margin-top:18px;padding:12px 14px 12px 18px;background:#161616;border-radius:14px;box-shadow:0 12px 32px rgba(22,22,22,.28)}
.ms-bar .btn{background:var(--gold);border-color:var(--gold);color:#161616;font-weight:700}
.ms-bar .btn:hover{filter:brightness(1.06)}
.ms-bar .ms-status{color:#D9D6CC}.ms-bar .ms-status.good{color:#B9D49A}.ms-bar .ms-status.bad{color:#F0A497}
.ms-bar .ms-del{color:#D9D6CC;padding:8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;text-decoration:none;font-weight:600}
.ms-bar .ms-del:hover{border-color:#F0A497;color:#F0A497}
.ms-bar .ms-del.confirm{color:#fff;background:#9A3B2E;border-color:#9A3B2E}
/* Block Hub stays highlighted on every tool opened from the hub */
body.page-my-stack nav li.nav-block-hub a,body.page-inheritance nav li.nav-block-hub a,body.page-report-builder nav li.nav-block-hub a,
body.page-security-score nav li.nav-block-hub a,body.page-safety-cards nav li.nav-block-hub a,body.page-scam-library nav li.nav-block-hub a,
body.page-calendar nav li.nav-block-hub a,body.page-wallet-health nav li.nav-block-hub a,body.page-fake-sites nav li.nav-block-hub a,body.page-coins nav li.nav-block-hub a{background:var(--gold);border-color:var(--gold);color:#161616}
body.page-my-stack nav li.nav-block-hub a::before,body.page-inheritance nav li.nav-block-hub a::before,body.page-report-builder nav li.nav-block-hub a::before,
body.page-security-score nav li.nav-block-hub a::before,body.page-safety-cards nav li.nav-block-hub a::before,body.page-scam-library nav li.nav-block-hub a::before,
body.page-calendar nav li.nav-block-hub a::before,body.page-wallet-health nav li.nav-block-hub a::before,body.page-fake-sites nav li.nav-block-hub a::before,body.page-coins nav li.nav-block-hub a::before{background:#161616}
/* 1.16.2 Security Score on the Block Hub tile */
.t-score{display:inline-flex;align-items:baseline;gap:5px;align-self:flex-start;margin-top:2px;padding:4px 11px;border-radius:999px;border:1.5px solid currentColor;color:#A8843A;background:color-mix(in srgb,currentColor 9%,transparent)}
.t-score b{font:800 19px/1 var(--sans);letter-spacing:-.02em}
.t-score span{font:600 12.5px var(--sans)}
.t-score.ts-strong{color:#46532F}.t-score.ts-needs-work{color:#A8622A}.t-score.ts-at-risk{color:#9A3B2E}
.t-score[hidden]{display:none}
/* 1.17.0 Red Flag Checker step 3 */
.rc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}
.rc-lock{font:600 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:1px 6px;margin-left:4px;opacity:.75}
.rc-lock[hidden]{display:none}
.rc-form{display:flex;gap:8px}.rc-form[hidden]{display:none}
.rc-form input{flex:1;min-width:0;font:400 16px var(--mono);padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg)}
.rc-upsell[hidden]{display:none}
.rc-res{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--field)}
.rc-res.rc-has{border-left:5px solid #9A3B2E}.rc-res.rc-none{border-left:5px solid var(--gold)}
.rc-res h3{margin:2px 0 10px;font-size:20px}
.rc-what{margin:0;font-size:12px;color:var(--muted);word-break:break-all}
.rc-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.rc-list li{position:relative;padding-left:28px;line-height:1.45}
.rc-list li b{display:block}.rc-list li span{font-size:14.5px;color:var(--muted)}
.rc-list li::before{position:absolute;left:0;top:2px;width:19px;height:19px;border-radius:50%;font:700 12px/19px var(--sans);text-align:center;color:#fff}
.rc-red::before{content:"!";background:#9A3B2E}.rc-amber::before{content:"!";background:#C27A3A}.rc-info::before{content:"i";background:#8A877C}
.rc-never{font-weight:600;margin:6px 0 8px}
@media (max-width:560px){.rc-form{flex-direction:column}}
/* 1.18.0 Wallet Health Check */
.wh-form{margin:0 0 10px}.wh-help{margin:0 0 12px}
.wh-head{border:1px solid var(--line);border-radius:16px;padding:18px 22px;background:var(--field);margin:14px 0 14px}
.wh-head h2{margin:2px 0 6px;font-size:26px}.wh-head p{margin:0}
.wh-head.wh-red{border-left:6px solid #9A3B2E}.wh-head.wh-amber{border-left:6px solid #C27A3A}.wh-head.wh-ok{border-left:6px solid #5C6B47}
.wh-sec{border:1px solid var(--line);border-radius:14px;padding:16px 20px;background:var(--field);margin:0 0 12px}
.wh-sec header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wh-sec h3{margin:0;font-size:18px}.wh-sec>p{margin:6px 0 10px}
.wh-pill{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1.5px solid currentColor;white-space:nowrap}
.wh-s-red .wh-pill{color:#9A3B2E}.wh-s-amber .wh-pill{color:#A8622A}.wh-s-ok .wh-pill{color:#46532F}.wh-s-na .wh-pill{color:var(--muted)}
.wh-fix{display:block;margin-top:4px;font-size:14px;color:var(--fg)!important}
[data-wh-app][hidden]{display:none!important}
.wh-fix b{display:inline!important}
/* 1.18.1 Wallet Health Check: the address box and the verdict stand out */
.wh-box{margin:6px 0 14px;padding:22px 24px 18px;border-radius:18px;background:#161616;color:#F4F2EC;box-shadow:0 18px 40px rgba(22,22,22,.22)}
.wh-label{display:block;font:700 17px var(--sans);margin:0 0 10px;color:#F4F2EC}
.wh-row{display:flex;gap:10px}
.wh-row input{flex:1;min-width:0;font:500 18px var(--mono);padding:15px 16px;border-radius:12px;border:2px solid var(--gold);background:#fff;color:#161616}
.wh-row input:focus{outline:3px solid color-mix(in srgb,var(--gold) 55%,transparent);outline-offset:2px}
.wh-go{background:var(--gold)!important;border-color:var(--gold)!important;color:#161616!important;font-weight:800;padding:0 24px;font-size:16px}
.wh-safe{margin:10px 0 0;font-size:13.5px;color:#BDB9AD}
.wh-verdict{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border-radius:18px;margin:4px 0 16px;color:#fff}
.wh-verdict h2{margin:2px 0 6px;font-size:28px;line-height:1.15;color:#fff}.wh-verdict p{margin:0;font-size:16px;line-height:1.45;color:rgba(255,255,255,.92)}
.wh-v-red{background:#9A3B2E}.wh-v-amber{background:#A8622A}.wh-v-ok{background:#46532F}
.wh-v-icon{flex:none;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font:800 26px var(--sans)}
.wh-v-addr{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.wh-clean{display:flex;gap:8px;align-items:center;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--field);font-weight:600;color:#46532F}
.wh-help{margin:14px 0 0}
@media (max-width:560px){.wh-row{flex-direction:column}.wh-go{padding:14px}.wh-box{padding:18px}.wh-verdict{padding:18px}.wh-verdict h2{font-size:23px}}
.wh-go{justify-content:center;text-align:center}
/* 1.19.0 Fake Site Watch */
.fw-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:6px 0 16px}
.fw-stat{border:1px solid var(--line);border-radius:14px;background:var(--field);padding:14px 18px}
.fw-stat b{display:block;font:800 32px/1 var(--sans);letter-spacing:-.02em}.fw-stat span{font-size:14px;color:var(--muted)}
.fw-stat.fw-alert{background:#9A3B2E;border-color:#9A3B2E;color:#fff}.fw-stat.fw-alert span{color:rgba(255,255,255,.9)}
.fw-search{margin:0 0 14px}.fw-search[hidden]{display:none}
.fw-brand{border:1px solid var(--line);border-radius:14px;background:var(--field);padding:14px 18px;margin:0 0 12px}
.fw-brand.fw-mine{border-color:var(--gold);box-shadow:inset 4px 0 0 var(--gold)}
.fw-brand header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 8px}
.fw-brand h3{margin:0;font-size:19px}.fw-real{margin-left:auto;font-size:14px;color:var(--muted)}.fw-real b{color:#46532F}
.fw-sites{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.fw-sites li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 0;border-top:1px dashed var(--line)}
.fw-sites code{font:600 15px var(--mono);color:#9A3B2E;word-break:break-all}
.fw-tag{font:600 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1.5px solid currentColor}
.fw-confirmed{color:#9A3B2E}.fw-suspicious{color:#A8622A}
@media (max-width:560px){.fw-real{margin-left:0;width:100%}}
/* 1.20.0 Coin Breakdown */
.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:0 0 18px}
.cb-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--field);color:var(--fg);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}
.cb-tile:hover{border-color:var(--gold);transform:translateY(-1px)}
.cb-tile b{font-size:17px}.cb-sym{font-size:12px;letter-spacing:.06em;color:var(--muted)}.cb-meta{font-size:13px;color:var(--muted)}
.cb-tile.cb-mine{border-color:var(--gold);box-shadow:inset 4px 0 0 var(--gold)}
.cb-page{border:1px solid var(--line);border-radius:16px;background:var(--field);padding:20px 26px}
.cb-h-sym{font:600 16px var(--mono);color:var(--muted);letter-spacing:.06em}
.cb-supply{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 10px}
.cb-supply div{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:12px 14px}
.cb-supply span{display:block;font-size:12.5px;color:var(--muted)}.cb-supply b{font:800 20px var(--sans)}
.cb-bar{height:10px;border-radius:999px;background:var(--line);overflow:hidden}.cb-bar i{display:block;height:100%;background:var(--gold)}
.cb-chip{display:inline-block;padding:4px 12px;border-radius:999px;border:1.5px solid #5C6B47;color:#46532F;font:600 13px var(--sans)}
.cb-links{display:flex;flex-wrap:wrap;gap:8px}.cb-links a.sl-cat{text-decoration:none}.cb-plain{cursor:default}
[data-cb-browse][hidden],[data-cb-page][hidden]{display:none!important}
@media (max-width:640px){.cb-supply{grid-template-columns:1fr}.cb-page{padding:16px}}
/* 1.21.0 "Back to …" link (trail.js) */
.back-link{margin:0 0 10px;font:600 14px var(--sans)}
.back-link a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid var(--line);border-radius:999px;background:var(--field);color:var(--fg);text-decoration:none}
.back-link a:hover{border-color:var(--gold)}
.pc-related{margin:4px 0 14px;padding:10px 14px;border-left:4px solid var(--gold);background:var(--bg);border-radius:8px;font-size:15px}
/* 1.21.0 sweep: gold means action. The main button on every page is gold; secondary actions stay outlined (.btn-ghost). */
.btn{background:var(--gold);color:#161616}
.btn:hover{color:#161616}
.btn.btn-ghost{background:transparent;color:var(--fg)}
.btn.btn-ghost:hover{color:var(--accent)}
/* 1.21.0 sweep: phone nav fits (About is in the footer), hub tiles line up, pills never wrap, tiny text raised */
@media (max-width:420px){nav li.nav-about{display:none}}
.tile .pill{white-space:nowrap;margin-top:auto}
.tile .t-ico{min-height:30px}
.tile .t-name{min-height:1.3em}
.cmp i.s,.lesson-side .pill{font-size:11px}
/* 1.22.0 mobile: hub tiles in a row are the same height, pills sit at the bottom; secondary button readable in dark panels */
@media (max-width:760px){.tiles{grid-auto-rows:1fr}.tile{aspect-ratio:auto;min-height:170px}}
.emerg .btn.btn-ghost{background:transparent;color:#F5F4EF;border:1px solid rgba(245,244,239,.45)}
.emerg .btn.btn-ghost:hover{border-color:#F2D9A6;color:#F2D9A6}
/* 1.22.2 phone menu: no sideways scrolling. The logo is the home link and About is in the footer, so the menu row keeps
   Lessons, Block Hub and Membership, spread across the full width; it wraps rather than scrolls on very small screens. */
@media (max-width:640px){
  .head-row nav ul{overflow:visible;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px}
  nav li.nav-home,nav li.nav-about{display:none}
}
.launch-note{padding-block:28px 32px}
.ln-box{border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;background:var(--field);padding:22px 26px}
.ln-box h2{margin:4px 0 10px;font-size:clamp(22px,2.6vw,28px)}.ln-box p{max-width:72ch}.ln-acts{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.teams-card{margin-top:14px;grid-template-columns:1fr auto}
@media (max-width:640px){.ln-box{padding:18px}}

/* Lesson placeholders (series plans) */
.series-plans{margin-top:56px}
.sp{border-top:1px solid var(--line)}
.sp:last-child{border-bottom:1px solid var(--line)}
.sp summary{cursor:pointer;padding:16px 0;list-style:none;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.sp summary::-webkit-details-marker{display:none}
.sp summary::after{content:"+";margin-left:auto;color:var(--muted);font-size:20px;line-height:1}
.sp[open] summary::after{content:"\2212"}
.sp-list li{display:flex;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.sp-list li .pill{white-space:nowrap}
.sp-list{margin-bottom:12px}
@media (max-width:640px){.sp-list li{gap:10px;align-items:flex-start}.sp-list li .pill{font-size:11px}}