/* Lights Back On v7: "Flip the Switch" brand. Load /assets/tokens.css first.
   No blue, no gradients, no drop shadows. Palette tokens only. */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
[hidden]{display:none!important}
.wrap{max-width:var(--page-width);margin:0 auto;padding:0 var(--s5)}
.section{padding:var(--s7) 0}
.skip{position:absolute;left:1rem;top:-5rem;background:var(--ink);color:var(--lamp);padding:.7rem 1rem;border-radius:var(--r-field);font-weight:700;z-index:50}.skip:focus{top:1rem}
.label,.kicker,.rnum{font-size:var(--label);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin:0 0 var(--s2)}
.h2,.display{font-family:var(--font-display);font-weight:700;line-height:1.08;margin:0}
.btn-row,.actions{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.btn-lg{min-height:56px;padding:0 var(--s6);font-size:1.125rem}
.btn-sm{min-height:var(--tap);padding:0 var(--s4);font-size:1rem}
.btn-glow,.btn-ink{background:var(--btn-bg);color:var(--btn-text);border-color:var(--btn-bg)}
.btn-ghost,.btn-ghost2{background:transparent;color:var(--text);border-color:var(--edge)}
.linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;cursor:pointer;min-height:var(--tap)}

/* header */
.site-top{background:var(--lamp);color:var(--ink)}
.site-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:72px}
.brand img{height:30px;width:auto;min-width:120px}
.topnav{display:flex;align-items:center;gap:var(--s4)}
.topnav > a:not(.btn){font-weight:700;color:var(--ink);text-decoration:none;min-height:var(--tap);display:inline-flex;align-items:center}
@media(max-width:420px){.topnav > a:not(.btn){display:none}}

/* hero (always on) */
.hero{padding:var(--s6) 0 var(--s7)}
.hero-grid{display:grid;gap:var(--s6);align-items:center}
@media(min-width:880px){.hero-grid{grid-template-columns:1.2fr 1fr}}
.hero h1{margin:var(--s2) 0 var(--s4)}
.hero .lead{font-size:1.25rem;max-width:36rem;margin:0 0 var(--s3)}
.hero .btn-row{margin-top:var(--s5)}
.hnote{margin-top:var(--s4)}
.scene{width:min(100%,460px);height:auto;justify-self:center}
.scene .ln{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.scene .body{fill:var(--ink)}
.scene .lit,.scene .litc{fill:var(--lamp)}

.two-up{display:grid;gap:var(--s5);margin-top:var(--s5)}
@media(min-width:760px){.two-up{grid-template-columns:1fr 1fr}}
.card h3{margin:0 0 var(--s4)}
.src{margin-top:var(--s4)}
.how{list-style:none;counter-reset:h;padding:0;margin:var(--s5) 0;display:grid;gap:var(--s4)}
@media(min-width:760px){.how{grid-template-columns:repeat(3,1fr)}}
.how li{counter-increment:h;position:relative;padding-left:56px}
.how li::before{content:counter(h);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:var(--r-pill);background:var(--ink);color:var(--lamp);font-weight:700;display:grid;place-items:center}
.how-card p{margin-bottom:var(--s3)}
.other-util{margin-top:var(--s5)}

/* quiz shell (out -> on) */
.quiz{padding:var(--s6) 0}
.quiz-inner{max-width:var(--quiz-width);margin:0 auto;padding:0 var(--s5);display:grid;gap:var(--s5)}
.qlogo img{height:28px;width:auto}
.quiz[data-state="out"] .logo-on,.quiz[data-state="on"] .logo-off{display:none}
.qcard{min-height:200px}
.intro h2{margin:0 0 var(--s4)}
.get{list-style:none;padding:0;margin:0 0 var(--s5);display:grid;gap:var(--s2)}
.get li{padding-left:28px;position:relative}
.get li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:var(--r-pill);background:var(--fill)}
.free{border:var(--line) solid var(--edge);border-radius:var(--r-field);padding:var(--s3) var(--s4);margin:0 0 var(--s5)}
.intro .aside{margin-top:var(--s4)}
.qmeta{display:flex;justify-content:space-between;align-items:center;margin:var(--s3) 0 var(--s4);font-size:var(--small);color:var(--text-2)}
.qmeta button{background:transparent;color:var(--text);border:var(--line) solid var(--edge);border-radius:var(--r-pill);font:inherit;font-weight:700;min-height:var(--tap);padding:0 var(--s4);cursor:pointer}
.qtitle{font-size:var(--h2);margin:0 0 var(--s2)}
.qtitle:focus{outline:none}
.qhelp{color:var(--text-2);margin:0 0 var(--s5)}
.opts{display:grid;gap:var(--s3)}
@media(min-width:640px){.opts.two{grid-template-columns:1fr 1fr}}
.opt{display:flex;gap:var(--s3);align-items:center;width:100%;text-align:left;background:transparent;border:var(--line) solid var(--chip-edge);color:var(--text);border-radius:var(--r-field);padding:var(--s3) var(--s4);cursor:pointer;font:500 1.0625rem/1.35 var(--font-body);min-height:56px;transition:background-color var(--quick),color var(--quick),border-color var(--quick)}
.opt strong{display:block;font-weight:500}
.opt small{display:block;color:var(--text-2);font-size:var(--small);margin-top:2px}
.opt[aria-pressed="true"]{background:var(--chip-on-bg);color:var(--chip-on-text);border-color:var(--chip-on-bg)}
.opt[aria-pressed="true"] small{color:var(--chip-on-text)}
.opt .ico{display:none}
.opt .tick{margin-left:auto;flex:none;width:22px;height:22px;border-radius:var(--r-pill);border:var(--line) solid currentColor}
.opt[aria-pressed="true"] .tick{background:currentColor}
.qnext{margin-top:var(--s5);display:flex;gap:var(--s4);align-items:center;flex-wrap:wrap}
.ubanner{border:var(--line) solid var(--edge);border-radius:var(--r-field);padding:var(--s2) var(--s4);font-size:var(--small);margin:0 0 var(--s4)}
.house{width:min(100%,340px);height:auto;justify-self:center}
.house .roof,.house .ground{fill:none;stroke:var(--edge);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--flip)}
.house .body{fill:none;stroke:var(--edge);stroke-width:4;transition:fill var(--flip),stroke var(--flip)}
.house .win{fill:var(--ink-2);transition:fill var(--quick)}
.house .win.lit{fill:var(--lamp)}
.quiz[data-state="on"] .house .body{fill:var(--ink)}
.quiz[data-state="on"] .house .win{fill:var(--lamp);transition:fill var(--flip)}

/* results (on) */
.result{padding:var(--s6) 0 var(--s7)}
.rsec{padding:var(--s7) 0 var(--s2);border-top:var(--line) solid var(--ink)}
.rsec:first-child{border-top:0;padding-top:0}
.rtitle{font-size:var(--h2);margin:0 0 var(--s2)}
.rsec > .sub,.block > .sub,.pdfbox .sub{margin:0 0 var(--s5);color:var(--text-2)}
.badge{display:inline-block;background:var(--ink);color:var(--lamp);font-weight:700;font-size:var(--label);letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:var(--r-pill)}
.sentence{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);line-height:1.12;margin:var(--s4) 0 var(--s3);max-width:46rem}
.because{max-width:46rem}
.nodte{margin-top:var(--s3)}
.saving2{margin-top:var(--s5);background:var(--daylight);border-radius:var(--r-card);padding:var(--s3) var(--s5);display:grid}
.saving2 > div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);padding:var(--s3) 0;border-top:var(--line) solid var(--ink)}
.saving2 > div:first-child{border-top:0}
.saving2 span{font-size:var(--small);color:var(--dim)}
.saving2 b{font-family:var(--font-display);font-size:1.4rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.saving-src{font-size:var(--small);color:var(--dim);margin:var(--s2) 0 0}
.note-card,.disclose{margin-top:var(--s4);background:var(--daylight);border-radius:var(--r-field);padding:var(--s3) var(--s4);font-size:var(--small)}

.optcards{display:grid;gap:var(--s4)}
@media(min-width:640px){.optcards{grid-template-columns:1fr 1fr}}
.ocard{background:var(--daylight);border-radius:var(--r-card);padding:var(--s5);border:3px solid transparent}
.ocard.rec{border-color:var(--ink);order:-1}
.ocard h4{font-family:var(--font-display);font-size:var(--h3);margin:var(--s3) 0 var(--s4);line-height:1.15}
.otag{display:inline-block;font-size:var(--label);font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--lamp);border-radius:var(--r-pill);padding:4px 12px}
.otag.muted-o{background:transparent;color:var(--dim);border:var(--line) solid var(--dim);text-transform:none;letter-spacing:0}
.ocard dl{margin:0;display:grid}
.ocard dl > div{display:grid;grid-template-columns:7rem 1fr;gap:var(--s3);padding:var(--s2) 0;border-top:var(--line) solid var(--lamp-deep);font-size:1rem}
.ocard dt{font-weight:700}
.ocard dd{margin:0}
.pc{display:grid;gap:var(--s2);margin:var(--s4) 0 var(--s2)}
.pc ul,.opttable ul{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:1rem}
ul.pro li::before{content:"+ ";font-weight:700}
ul.con li::before{content:"– ";font-weight:700}
.obest{margin-top:var(--s3);font-size:1rem}
.opttable-wrap{display:none}
.opttable{width:100%;border-collapse:collapse;background:var(--daylight);border-radius:var(--r-card);overflow:hidden;font-size:.95rem;table-layout:fixed}
.opttable th,.opttable td{text-align:left;vertical-align:top;padding:var(--s3);border-top:var(--line) solid var(--lamp-deep)}
.opttable thead th{font-family:var(--font-display);font-size:1.05rem;line-height:1.2;border-top:0}
.opttable tbody th,.opttable thead th:first-child{width:8rem}
.opttable .rec{box-shadow:inset 3px 0 0 var(--ink),inset -3px 0 0 var(--ink)}
.opttable thead th.rec{background:var(--ink);color:var(--lamp)}
.opttable thead th.rec .otag{background:var(--lamp);color:var(--ink);display:block;width:max-content;margin-bottom:6px}
@media(min-width:900px){.optcards{display:none}.opttable-wrap{display:block}}
.sbnote{margin-top:var(--s4);background:var(--daylight);border-radius:var(--r-field);padding:var(--s3) var(--s4)}
.osrc{font-size:var(--small);color:var(--dim);margin-top:var(--s3)}

.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:var(--s3)}
.steps li{counter-increment:s;position:relative;padding:var(--s4) var(--s4) var(--s4) 64px;background:var(--daylight);border-radius:var(--r-field)}
.steps li::before{content:counter(s);position:absolute;left:var(--s4);top:var(--s4);width:32px;height:32px;border-radius:var(--r-pill);background:var(--ink);color:var(--lamp);font-weight:700;display:grid;place-items:center;font-size:1rem}
.block{margin-top:var(--s6)}
.block h3{margin:0 0 var(--s2)}
.callout{margin-top:var(--s5);border:3px solid var(--ink);border-radius:var(--r-card);padding:var(--s5)}
.callout h3{margin:0 0 var(--s3)}
.callout ul,.callout ol{margin:0;padding-left:1.2rem;display:grid;gap:var(--s2)}
.trust{background:var(--daylight);border-radius:var(--r-card);padding:var(--s5);margin-top:var(--s5)}
.trust h3{margin:0 0 var(--s3)}
.trust ul{margin:0;padding-left:1.2rem;display:grid;gap:var(--s2)}

.pdfbox{background:var(--ink);color:var(--daylight);border-radius:var(--r-card);padding:var(--s6) var(--s5);margin-top:var(--s7);
  --text:var(--daylight);--text-2:var(--ash);--edge:var(--ash);--btn-bg:var(--lamp);--btn-text:var(--ink);--focus:var(--lamp);--error:var(--ember-out)}
.pdfbox h3{color:var(--daylight);margin:0 0 var(--s2)}
.pdfrow{display:grid;gap:var(--s4);align-items:end}
@media(min-width:760px){.pdfrow{grid-template-columns:1fr 1.4fr auto}}
.pdfrow label{display:grid;gap:var(--s2);font-size:var(--small);font-weight:700;color:var(--daylight)}
.pdfrow input{min-height:var(--tap);padding:0 var(--s4);border:var(--line) solid var(--ash);border-radius:var(--r-field);background:transparent;color:var(--daylight);font:inherit}
.consent{font-size:var(--small);color:var(--ash);margin-top:var(--s3)}
.pdfbox a{color:var(--lamp)}
.pdfstatus{font-size:var(--small);margin-top:var(--s2);min-height:1.3em;color:var(--daylight)}
.pdfstatus.err{color:var(--ember-out)}
.skiplink{display:inline-flex;align-items:center;margin-top:var(--s3);font-weight:700;min-height:var(--tap)}

.topbuy{margin-top:var(--s5);background:var(--daylight);border:3px solid var(--ink);border-radius:var(--r-card);padding:var(--s5)}
.tag{font-size:var(--label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.topbuy h3{margin:var(--s1) 0 var(--s2);font-size:var(--h3)}
.facts{font-size:1rem;color:var(--dim);margin:0 0 var(--s3)}
.note{font-size:1rem;margin:0 0 var(--s3)}
.buypair{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin-top:var(--s2)}
.disc-mini,.disclosure{font-size:var(--small);line-height:1.5;color:var(--text-2);margin-top:var(--s2)}
.whyone{margin-top:var(--s4);border-top:var(--line) solid var(--lamp-deep);padding-top:var(--s3)}
.whyone summary{cursor:pointer;font-weight:700;min-height:var(--tap);display:flex;align-items:center}
.wgrid{display:grid;gap:var(--s4);margin-top:var(--s2)}
@media(min-width:760px){.topbuy .wgrid{grid-template-columns:repeat(3,1fr)}}
.wgrid h5{margin:0 0 var(--s2);font-size:var(--label);text-transform:uppercase;letter-spacing:.08em}
.wgrid ul{margin:0;padding-left:1.1rem;font-size:1rem;display:grid;gap:4px}
.wsrc{font-size:var(--small);color:var(--dim);margin-top:var(--s3)}
.cards{display:grid;gap:var(--s4)}
@media(min-width:760px){.cards.two{grid-template-columns:repeat(2,1fr)}}
.cards.one{grid-template-columns:1fr}
.pcard{background:var(--daylight);border-radius:var(--r-card);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s2)}
.pcard h4{margin:0;font-size:1.15rem;line-height:1.3;font-family:var(--font-display)}
.pcard .price{text-align:left;font-family:var(--font-display);font-size:1.5rem}
.pcard .price small{display:block;font:400 var(--small) var(--font-body);color:var(--dim)}
.pcard .btn{margin-top:auto}
.bundle{display:grid;gap:var(--s2)}
.brow{display:grid;grid-template-columns:1fr auto;gap:4px var(--s4);align-items:center;background:var(--daylight);border-radius:var(--r-field);padding:var(--s3) var(--s4)}
.brow .what{font-weight:700}
.brow .why2{grid-column:1/2;font-size:1rem;color:var(--dim)}
.brow .buy{grid-row:1/3;grid-column:2;text-align:right}
.brow .buy .p{display:block;font-weight:700;font-size:var(--small)}
.brow .buy a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700}
@media(max-width:480px){.brow{grid-template-columns:1fr}.brow .buy{grid-row:auto;grid-column:1;text-align:left}}
.essentials{margin-top:var(--s6);background:var(--daylight);border-radius:var(--r-card);padding:var(--s2) var(--s5) var(--s4)}
.essentials summary{cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:var(--h3);min-height:56px;display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.essentials summary small{font:400 var(--small) var(--font-body);color:var(--dim)}
.essentials .brow{border:var(--line) solid var(--lamp-deep)}
.costline{display:grid;gap:var(--s3)}
@media(min-width:760px){.costline{grid-template-columns:repeat(3,1fr)}}
.cost{background:var(--daylight);border-radius:var(--r-field);padding:var(--s4)}
.cost b{display:block;font-family:var(--font-display);font-size:1.4rem;font-variant-numeric:tabular-nums}
.cost span{font-size:var(--small);color:var(--dim)}
.toast{font-size:var(--small)}

/* FAQ + safety (on) */
.faq{display:grid;gap:var(--s3);margin-top:var(--s5)}
.faq details{background:var(--daylight);border-radius:var(--r-field);padding:0 var(--s4)}
.faq summary{cursor:pointer;font-weight:700;min-height:56px;display:flex;align-items:center}
.faq .a{padding-bottom:var(--s4)}
.faq .a p{margin:0 0 var(--s2)}
.safety h2{font-size:var(--h3);margin-bottom:var(--s3)}
.safety p{margin-top:var(--s2)}

/* footer (out) */
.foot{padding:var(--s7) 0}
.foot .flogo{height:28px;width:auto;margin-bottom:var(--s5)}
.foot .guides{margin-bottom:var(--s4)}
.foot a{color:var(--daylight)}
.foot .disclosure{margin-top:var(--s2);color:var(--ash)}

/* mobile check-price bar: only after the shop section is reached */
.stickybuy{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom));background:var(--ink);color:var(--daylight)}
.stickybuy b{display:block;font-size:1rem}
.stickybuy small{color:var(--ash);font-size:var(--small)}
.stickybuy .btn{background:var(--lamp);color:var(--ink);border-color:var(--lamp)}
@media(min-width:760px){.stickybuy{display:none!important}}

/* guide pages (on) */
.guide{padding:var(--s6) 0 var(--s7)}
.guide .wrap{max-width:46rem}
.guide h1{font-size:clamp(2rem,1.4rem + 2.6vw,2.8rem);margin:var(--s2) 0 var(--s4)}
.guide h2{font-size:1.6rem;margin:var(--s6) 0 var(--s3)}
.guide h3{margin:var(--s5) 0 var(--s2)}
.guide p,.guide li{line-height:1.6}
.guide p{margin:0 0 var(--s3)}
.guide ul,.guide ol{padding-left:1.2rem}
.guide .tldr{background:var(--daylight);border-radius:var(--r-field);padding:var(--s4);margin:var(--s4) 0}
.guide table{width:100%;border-collapse:collapse;margin:var(--s3) 0;font-size:1rem;background:var(--daylight);border-radius:var(--r-field);overflow:hidden}
.guide th,.guide td{text-align:left;padding:var(--s2) var(--s3);border-top:var(--line) solid var(--lamp-deep);vertical-align:top}
.guide .cta{background:var(--ink);color:var(--daylight);border-radius:var(--r-card);padding:var(--s5);margin:var(--s6) 0;text-align:center;--btn-bg:var(--lamp);--btn-text:var(--ink)}
.guide .cta p{color:var(--daylight)}
.guide .src{font-size:var(--small);color:var(--dim);border-top:var(--line) solid var(--ink);margin-top:var(--s6);padding-top:var(--s3)}
.guide .crumb{font-size:var(--small);color:var(--dim)}
.guide .safety{background:var(--daylight);border-radius:var(--r-card);padding:var(--s5);margin:var(--s5) 0}
@media(max-width:480px){.guide table{font-size:.9rem}}

/* print */
@media print{
  .no-print,.site-top,.quiz,.foot,.stickybuy,#faq,.pdfbox,.essentials{display:none!important}
  body,[data-state]{background:#fff!important;color:#000!important}
  .optcards{display:grid}.opttable-wrap{display:none}
  .steps li,.brow,.ocard{break-inside:avoid}
}
.topnav .btn{white-space:nowrap}@media(max-width:380px){.brand img{height:26px;min-width:0}}

/* ===== v7.1: visual-first results ===== */
.i{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.i.big{width:34px;height:34px}
.qfree{font-size:var(--small);color:var(--text-2);margin:0 0 var(--s2)}
.opt .oico{flex:none;width:40px;height:40px;border-radius:var(--r-pill);border:var(--line) solid currentColor;display:grid;place-items:center}
.opt .oico .i{width:22px;height:22px}
body.adland .hero,body.adland #compare,body.adland #how{display:none}
body.adland .quiz{padding-top:var(--s4)}

.rtop{padding-bottom:var(--s5)}
.pickname{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,1.4rem + 2.6vw,3rem);line-height:1.05;margin:0 0 var(--s5)}
.mini{font-family:var(--font-body);font-size:var(--label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin:var(--s4) 0 var(--s2)}
.chips-r,.chips-n{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.chips-r li{display:flex;align-items:center;gap:var(--s2);background:var(--ink);color:var(--daylight);border-radius:var(--r-pill);padding:var(--s2) var(--s4) var(--s2) var(--s3);font-size:1rem;line-height:1.3}
.chips-r li .i{color:var(--lamp)}
.chips-r li b{color:var(--lamp);font-weight:700}
.chips-n li{display:flex;align-items:center;gap:var(--s2);border:var(--line) solid var(--ink);border-radius:var(--r-pill);padding:6px var(--s4) 6px var(--s3);font-size:var(--small);line-height:1.3}
.chips-n li .i{width:18px;height:18px}
.whatif{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin:var(--s4) 0 0;font-size:var(--small)}
.whatif > span{font-weight:700;color:var(--text-2)}
.wbtn{background:var(--daylight);color:var(--ink);border:var(--line) dashed var(--ink);border-radius:var(--r-pill);min-height:40px;padding:0 var(--s4);font:700 var(--small) var(--font-body);cursor:pointer}
#see-gear{margin-top:var(--s5)}

.legend{display:flex;flex-wrap:wrap;gap:var(--s4);font-size:var(--small);color:var(--text-2);margin:0 0 var(--s3);align-items:center}
.legend .i{width:18px;height:18px;margin-right:4px;display:inline-block;vertical-align:-4px}
.glance{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--s3);-webkit-overflow-scrolling:touch}
@media(min-width:900px){.glance{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}}
.gcard{scroll-snap-align:start;background:var(--daylight);border-radius:var(--r-card);padding:var(--s4) var(--s4) var(--s5);border:3px solid transparent;display:flex;flex-direction:column;gap:var(--s2)}
.gcard.rec{border-color:var(--ink)}
.gcard .otag{align-self:flex-start}
.ghead{display:flex;align-items:center;gap:var(--s3)}
.ghead h4{margin:0;font-family:var(--font-display);font-size:1.2rem;line-height:1.15}
.meters{display:grid;gap:6px;margin:var(--s2) 0}
.mrow{display:flex;align-items:center;gap:var(--s3)}
.mrow .i{width:18px;height:18px;color:var(--dim)}
.pips{display:flex;gap:4px}
.pips i{width:26px;height:10px;border-radius:var(--r-pill);border:var(--line) solid var(--ink);display:block}
.pips i.on{background:var(--ink)}
.gline{font-weight:700;font-size:1rem;margin:0}
.gpro,.gcon{display:flex;gap:6px;align-items:center;font-size:1rem;margin:0}
.gpro .i,.gcon .i{width:18px;height:18px}
.gcon{color:var(--dim)}

.tl{list-style:none;counter-reset:t;padding:0;margin:0;display:grid;gap:var(--s3)}
@media(min-width:900px){.tl{grid-auto-flow:column;grid-auto-columns:1fr}}
.tl li{counter-increment:t;position:relative;display:flex;align-items:center;gap:var(--s3);background:var(--daylight);border-radius:var(--r-field);padding:var(--s3) var(--s4) var(--s3) 56px;font-size:1rem;line-height:1.35;min-height:64px}
.tl li::before{content:counter(t);position:absolute;left:var(--s3);top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:var(--r-pill);background:var(--ink);color:var(--lamp);font-weight:700;display:grid;place-items:center;font-size:.95rem}
@media(min-width:900px){.tl li{flex-direction:column;align-items:flex-start;padding:var(--s6) var(--s4) var(--s4)}.tl li::before{top:var(--s3);transform:none}.tl li .i{position:absolute;right:var(--s3);top:var(--s3)}}

.learn .small-t{font-size:var(--h3)}
details.more{background:var(--daylight);border-radius:var(--r-field);padding:0 var(--s4);margin-top:var(--s2)}
details.more > summary{cursor:pointer;font-weight:700;min-height:52px;display:flex;align-items:center}
details.more .mbody{padding-bottom:var(--s4)}
details.more .callout,details.more .trust{margin-top:0}
details.more .ocard{background:var(--lamp)}

.fitline{display:flex;gap:var(--s2);align-items:flex-start;font-weight:700;font-size:1rem;margin:0 0 var(--s2)}
.fitline .i{width:20px;height:20px;margin-top:1px}
.cordnote{display:flex;gap:var(--s2);align-items:center;margin-top:var(--s4);font-size:1rem}
.safe-strip{margin-top:var(--s6);border-top:var(--line) solid var(--ink);padding-top:var(--s4);font-size:var(--small)}
.safe-strip p{margin:0 0 var(--s2)}
.pdfrow small{font-weight:400;color:var(--ash)}
label.consent{display:flex;gap:var(--s3);align-items:center;margin-top:var(--s4);font-size:var(--small);color:var(--daylight);min-height:var(--tap);cursor:pointer}
label.consent input{width:22px;height:22px;accent-color:var(--lamp);flex:none}
.pcard .fitline{font-weight:500}
@media print{.glance{grid-auto-flow:row;grid-template-columns:1fr 1fr;overflow:visible}details.more{display:block}details.more > *{display:block}}
.mval{font-size:var(--small);color:var(--dim);white-space:nowrap}
.gcard.rec .mval{color:var(--ink)}
.mrow .mval{min-width:0}
@media(min-width:900px){.glance{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pips i{width:20px}
.mval{white-space:normal;line-height:1.2}