/* ComputerDealer.us design system v2 (2026-10-10): "the inspection report".
   Geist + Geist Mono (self-hosted, OFL), ink on white, tag-pink signal, shape-coded verdicts. See DESIGN.md. Font URLs keep ?v=1.1.0 (the files never change; layout.php preloads the same URL) so a new release does not re-download them. */
@font-face{font-family:"Geist";src:url(fonts/geist-var-latin.woff2?v=1.1.0) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(fonts/geist-mono-var-latin.woff2?v=1.1.0) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
--ink:#141416;--ink-2:#4f4f57;--ink-3:#6b6b73;--line:#e3e2dd;--line-2:#cfcdc6;
--paper:#ffffff;--stone:#f4f4f1;--stone-2:#ebeae5;
--tag:#ffc2d4;--tag-soft:#ffe8ef;--tag-deep:#a3134a;
--stop:#b42318;--stop-soft:#fdeceb;--caution:#ffb020;--caution-ink:#6b4100;--caution-soft:#fff4dc;--ok:#127a43;--ok-soft:#e6f4ec;
--sans:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--s9:112px;
--r-sm:10px;--r-md:18px;--r-lg:28px;--r-xl:40px;
--frame:1240px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);font-feature-settings:"ss01","tnum" 0;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--tag-deep);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{text-decoration-thickness:3px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
/* on the black footer, steps band and Pass card an ink ring would vanish: tag pink there (13:1 on ink) */
.base :focus-visible,.band :focus-visible,.plan-pass :focus-visible{outline-color:var(--tag)}
h1,h2,h3{font-weight:700;letter-spacing:-.025em;line-height:1.12;margin:0}
h2{font-size:1.5rem;margin:var(--s7) 0 var(--s3)}
h3{font-size:1.1rem}
p{margin:0 0 var(--s4)}
code{font-family:var(--mono);font-size:.88em;background:var(--stone);border:1px solid var(--line);border-radius:6px;padding:1px 5px}
.frame{max-width:var(--frame);margin:0 auto;padding:0 var(--s5)}
.narrow{max-width:820px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:999px;z-index:20}
.skip:focus{left:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.small{font-size:.92rem;color:var(--ink-2)}
.eyebrow{font:600 .8rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);margin:0 0 var(--s3)}
.lede{font-size:1.2rem;line-height:1.55;color:var(--ink-2);max-width:60ch}
.h-xl{font-size:clamp(1.9rem,3.6vw,2.9rem);letter-spacing:-.035em;margin:0}
.h-page{font-size:clamp(2.1rem,5vw,3.4rem);letter-spacing:-.04em;margin:0 0 var(--s4)}
.h-md{font-size:1.35rem;margin:var(--s6) 0 var(--s3)}

/* buttons: pills */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:600 1rem/1.1 var(--sans);text-decoration:none;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.pill:hover{background:var(--stone)}
.pill:active{transform:translateY(1px)}
.pill-ink{background:var(--ink);color:#fff}
.pill-ink:hover{background:#2d2d33;color:#fff}
.pill-line{background:transparent}
.pill-quiet{border-color:transparent;background:transparent;text-decoration:underline;text-decoration-color:var(--tag-deep);text-underline-offset:3px}
.pill-quiet:hover{background:var(--stone)}
.pill-danger{background:var(--stop);border-color:var(--stop);color:#fff}
.pill-danger:hover{background:#8f1b13}
.pill-lg{min-height:54px;padding:14px 28px;font-size:1.06rem}
.linkish{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-decoration:underline;text-decoration-color:var(--tag-deep);text-underline-offset:3px;cursor:pointer}
.danger{color:var(--stop)}
.inline{display:inline}

/* masthead */
.mast{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.mast-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:72px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand-tag{width:34px;height:34px;flex:none}
.brand-word{font-size:1.28rem;font-weight:700;letter-spacing:-.04em}
.brand-word b{font-weight:500;color:var(--ink-3)}
.mast-nav{display:flex;align-items:center;gap:var(--s1) var(--s5);margin-left:auto}
.mast-nav a{font-size:.97rem;font-weight:500;text-decoration:none;padding:10px 2px}
.mast-nav a:hover{text-decoration:underline;text-decoration-color:var(--tag-deep);text-decoration-thickness:2px}
.mast-cta{padding:10px 20px}

/* preview note: a white rail under the masthead with a die-cut price tag (the brand mark's shape), sentence case */
.preview-note{background:var(--paper);border-bottom:1px solid var(--line)}
.frame.preview-in{display:flex;align-items:center;gap:var(--s2) var(--s4);flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.preview-in p{margin:0;flex:1 1 300px;font-size:.95rem;line-height:1.45;color:var(--ink-2)}
.preview-in strong{color:var(--ink)}
.ptag{position:relative;flex:none;display:inline-flex;align-items:center;min-height:30px;padding:4px 14px 4px 26px;background:var(--tag);color:var(--ink);font:700 .95rem/1 var(--sans);letter-spacing:-.01em;clip-path:polygon(13px 0,100% 0,100% 100%,13px 100%,0 50%);border-radius:0 8px 8px 0}
.ptag:before{content:"";position:absolute;left:12px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--paper)}
.ptag-link{flex:none;font-weight:600;font-size:.95rem;padding:6px 0}
.free{background:var(--tag);color:var(--ink);padding:1px 7px;border-radius:999px;font-weight:600;white-space:nowrap}

/* home: intro */
.intro{padding:var(--s8) 0 var(--s8)}
.intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--s7);align-items:center}
.display{font-size:clamp(2.6rem,6.4vw,5.1rem);line-height:.98;letter-spacing:-.05em;font-weight:800;margin:0 0 var(--s5)}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--s3);margin:var(--s6) 0 var(--s4)}
.intro-meta{font-size:.95rem;color:var(--ink-2);max-width:54ch}
.stage{position:relative;background:var(--tag);border-radius:var(--r-xl);padding:300px var(--s6) var(--s6);overflow:hidden}
.stage-art{position:absolute;top:28px;left:50%;transform:translateX(-53%);width:min(540px,100%);height:auto}
.report-card{position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-md);padding:var(--s5);box-shadow:0 18px 40px rgba(20,20,22,.16);max-width:440px}
.rc-head{display:flex;justify-content:space-between;gap:var(--s3);font:600 .78rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2);margin:0 0 var(--s2)}
.rc-price{font:700 1.05rem/1 var(--mono);letter-spacing:0;color:var(--ink);text-transform:none}
.rc-spec{font:500 .95rem/1.4 var(--mono);margin:0 0 var(--s3)}
.rc-tally{display:flex;gap:var(--s2);margin:0 0 var(--s3)}
.rc-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rc-rows li{display:flex;align-items:flex-start;gap:var(--s3);padding:9px 0;border-bottom:1px solid var(--line);font-size:.95rem;line-height:1.35}
.rc-foot{margin:var(--s3) 0 0;font-size:.92rem;font-weight:600}
.glyph{width:20px;height:20px;flex:none;margin-top:1px}

/* counts (home card + result verdict) */
.count{display:inline-flex;align-items:baseline;gap:6px;border-radius:999px;padding:4px 12px 4px 4px;font-weight:600;font-size:.9rem;margin:0}
.count b{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:999px;font:700 .95rem/1 var(--mono)}
.count-stop{background:var(--stop-soft);color:var(--stop)}.count-stop b{background:var(--stop);color:#fff}
.count-caution{background:var(--caution-soft);color:var(--caution-ink)}.count-caution b{background:var(--caution);color:var(--ink)}

/* home: steps band */
.band{background:var(--ink);color:#fff;padding:var(--s7) 0}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6)}
.steps li{border-top:1px solid #3a3a40;padding-top:var(--s4)}
.step-n{display:block;font:500 .9rem/1 var(--mono);color:var(--tag);margin-bottom:var(--s3)}
.step-h{font-size:1.25rem;margin:0 0 var(--s2);color:#fff}
.steps p{color:#c8c8cf;margin:0;font-size:.98rem}

/* sections */
.section{padding-top:var(--s8)}
.section-head{max-width:760px;margin-bottom:var(--s6)}
.covers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.cover{background:var(--stone);border-radius:var(--r-lg);padding:var(--s6)}
.cover-ico{width:48px;height:48px;margin-bottom:var(--s5)}
.cover h3{font-size:1.3rem;margin:0 0 var(--s3)}
.cover p{color:var(--ink-2);margin:0}

/* plans */
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);margin:var(--s5) 0}
.plans-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.plan{border:1px solid var(--line-2);border-radius:var(--r-lg);padding:var(--s6);background:var(--paper)}
.plan-pass{background:var(--ink);color:#fff;border-color:var(--ink)}
.plan-name{font-size:1.1rem;margin:0 0 var(--s4);letter-spacing:-.01em}
.amount{font:800 3.2rem/1 var(--sans);letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:0 0 var(--s2)}
.amount span{font:500 1rem var(--sans);letter-spacing:0;color:var(--ink-3)}
.plan-pass .amount span{color:#c8c8cf}
.alt{margin:0 0 var(--s4)}
.ticks{list-style:none;padding:0;margin:var(--s4) 0 0}
.ticks li{position:relative;padding:8px 0 8px 30px;border-top:1px solid var(--line)}
.plan-pass .ticks li{border-top-color:#3a3a40}
.ticks li:before{content:"";position:absolute;left:2px;top:14px;width:14px;height:8px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(-45deg)}
.plan-pass .ticks li:before{color:var(--tag)}
.free-box{display:inline-block;margin:var(--s4) 0 0;background:var(--tag);color:var(--ink);border-radius:999px;padding:8px 16px;font-weight:700;font-size:.92rem}
.more{font-weight:600}
.howpay{background:var(--stone);border-radius:var(--r-lg);padding:var(--s6);margin-top:var(--s6)}
.howpay .h-md{margin-top:0}
.howpay ul{margin-bottom:0}

/* home: what it will not do */
.wont{margin-top:var(--s8);margin-bottom:calc(var(--s9) * -1);background:var(--stone);padding:var(--s8) 0}
.wont-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--s7);align-items:start}
.wont-list{list-style:none;margin:0;padding:0;counter-reset:w}
.wont-list li{counter-increment:w;position:relative;padding:var(--s4) 0 var(--s4) 56px;border-top:2px solid var(--ink);font-size:1.12rem;line-height:1.45}
.wont-list li:before{content:"0" counter(w);position:absolute;left:0;top:18px;font:500 .9rem/1 var(--mono);color:var(--tag-deep)}

/* the price line (every point of use) */
.price-line{display:flex;gap:var(--s3);align-items:flex-start;border:1px solid var(--tag);background:var(--tag-soft);border-radius:var(--r-md);padding:12px 16px;margin:var(--s5) 0;font-size:.95rem;line-height:1.5}
.price-line-tag{flex:none;font:600 .7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;background:var(--ink);color:#fff;padding:6px 9px;border-radius:999px;margin-top:1px}

/* inner pages */
.page{padding-top:var(--s7);padding-bottom:var(--s8)}
.page-head{margin-bottom:var(--s6)}
.page > h1{font-size:clamp(2rem,4.6vw,3rem);letter-spacing:-.04em;margin:0 0 var(--s4)}
.prose h2{font-size:1.4rem;margin:var(--s6) 0 var(--s3);padding-top:var(--s5);border-top:1px solid var(--line)}
.prose p,.prose li{max-width:68ch}
.prose li{margin:0 0 var(--s3)}
.prose ul{padding-left:1.2em}
.plain{padding-left:1.2em}.plain li{margin:0 0 var(--s2)}
.note{border-radius:var(--r-md);padding:var(--s4) var(--s5);margin:var(--s4) 0;background:var(--stone);border:1px solid var(--line)}
.note p{margin:.2em 0}.note ul{margin:.3em 0}
.note-err{background:var(--stop-soft);border-color:#f0b7b1;color:#7a160f}
.note-ok{background:var(--ok-soft);border-color:#a9d6bb;color:#0c5530}
.note-main,.note-preview{background:var(--tag-soft);border-color:var(--tag)}

/* forms */
.checkform{margin-top:var(--s5)}
fieldset{border:1px solid var(--line-2);border-radius:var(--r-lg);padding:var(--s5) var(--s6) var(--s6);margin:0 0 var(--s4);background:var(--paper);min-width:0}
legend{font:600 .8rem/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;padding:0 var(--s2);color:var(--ink-2)}
label{display:block;font-size:.95rem;font-weight:600;color:var(--ink)}
input,select,textarea{display:block;width:100%;margin-top:6px;font:400 16px/1.3 var(--sans);padding:12px 14px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);min-width:0;min-height:48px}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat;padding-right:38px}
input:hover,select:hover,textarea:hover{border-color:var(--ink-3)}
input:focus,select:focus,textarea:focus{outline:3px solid var(--tag);outline-offset:0;border-color:var(--ink)}
#f-cpu{font-family:var(--mono);font-size:17px}
.hint{display:block;font-weight:400;font-size:.84rem;color:var(--ink-3);margin-top:2px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4) var(--s5)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4) var(--s5);margin-top:var(--s4)}
.span2{grid-column:1/-1}
fieldset .grid3,fieldset .grid2{margin-top:var(--s3)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin:var(--s4) 0}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:var(--s2) 0!important}
.check input{width:20px;height:20px;min-height:0;margin-top:3px;flex:none;accent-color:var(--ink)}

/* the result sheet: a printed inspection report */
.sheet{background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:inset 0 12px 0 var(--tag);padding:var(--s6) var(--s7) var(--s6);margin:var(--s3) 0 var(--s5);position:relative}
.sheet-kicker{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;font:600 .78rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);margin:var(--s3) 0 var(--s3)}
.sheet-brand{text-transform:none;letter-spacing:-.02em;font:700 .95rem/1.2 var(--sans);color:var(--ink)}
.sheet-brand b{font-weight:500;color:var(--ink-3)}
.kicker{font:600 .78rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);margin:var(--s3) 0}
.doc-title{font-size:clamp(1.6rem,3.4vw,2.3rem);letter-spacing:-.035em;margin:0 0 var(--s2)}
.doc-made{margin:var(--s6) 0 0;padding-top:var(--s4);border-top:1px dashed var(--line-2);font:500 .8rem/1.4 var(--mono);color:var(--ink-3);text-align:center}
.verdict{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin:var(--s5) 0;padding:var(--s4);border-radius:var(--r-md);background:var(--ok-soft)}
.verdict-stop{background:var(--stone)}
.verdict .count{font-size:1rem;padding:5px 14px 5px 5px}.verdict .count b{min-width:34px;height:34px;font-size:1.1rem}
.verdict-say{margin:0 0 0 var(--s2);font-weight:600}
.plate{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;margin:0 0 var(--s5);border:1.5px solid var(--ink);border-radius:var(--r-md);overflow:hidden}
.plate div{padding:var(--s3) var(--s4);border-right:1.5px solid var(--ink)}
.plate div:last-child{border-right:0}
.plate dt{font:600 .7rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-bottom:4px}
.plate dd{margin:0;font-weight:600;line-height:1.35}
.plate-cpu{font-family:var(--mono)}
.findings{list-style:none;padding:0;margin:var(--s3) 0;border-top:1px solid var(--line)}
.finding{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--s3);padding:var(--s4) 0;border-bottom:1px solid var(--line)}
.finding .glyph{width:22px;height:22px;margin-top:2px}
.finding h3{font-size:1.06rem;margin:0 0 4px;letter-spacing:-.015em}
.finding p{margin:0;color:var(--ink-2);max-width:78ch}
.finding .src{font-size:.88rem;font-weight:600;white-space:nowrap}
.lvl{display:inline-block;font:700 .66rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:5px 8px;margin-right:8px;vertical-align:2px}
.lvl-stop{background:var(--stop);color:#fff}.lvl-caution{background:var(--caution);color:var(--ink)}.lvl-ok{background:var(--ok-soft);color:var(--ok)}
.ask{background:var(--tag-soft);border-radius:var(--r-md);padding:var(--s5) var(--s5) var(--s4);margin:var(--s5) 0}
.ask-h{font-size:1.25rem;margin:0 0 var(--s3)}
.qs{margin:0;padding:0;list-style:none;counter-reset:q}
.qs li{counter-increment:q;position:relative;padding:10px 0 10px 40px;border-top:1px solid var(--tag)}
.qs li:before{content:counter(q);position:absolute;left:0;top:9px;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--ink);color:#fff;font:600 .8rem/1 var(--mono)}
.toolbar{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin-bottom:var(--s4)}
.save{border-top:1px solid var(--line);margin-top:var(--s6)}
.savebox{background:var(--stone);border-radius:var(--r-lg);padding:var(--s5) var(--s6)}
.savebox textarea{background:var(--paper)}

/* shortlist and compare */
.jhead{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s4)}
.jhead h1{font-size:clamp(2rem,4.6vw,3rem);letter-spacing:-.04em}
.keybox{background:var(--tag-soft);border:1px solid var(--tag);border-radius:var(--r-md);padding:var(--s4) var(--s5);margin:var(--s4) 0}
.keyrow{display:flex;gap:var(--s2);margin-top:var(--s2)}.keyrow input{margin:0;font-family:var(--mono);font-size:.9rem}
.tablewrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;border:1px solid var(--line-2);border-radius:var(--r-md)}
.scrollhint{display:none;margin:var(--s2) 0 0;font-size:.86rem;color:var(--ink-3)}
.jlist,.cmp{border-collapse:collapse;width:100%;background:var(--paper)}
.jlist th,.jlist td,.cmp th,.cmp td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.jlist thead th{font:600 .72rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2);background:var(--stone)}
.jlist tbody tr:last-child td,.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.jlist input[type=checkbox]{width:20px;height:20px;min-height:0;margin:2px 0 0;accent-color:var(--ink)}
.num{text-align:right!important;font-family:var(--mono);font-variant-numeric:tabular-nums}
.cmp{min-width:560px}
.cmp thead th{background:var(--ink);color:#fff;font-weight:600}
.cmp thead th a{color:#fff;text-decoration-color:var(--tag)}
.cmp th[scope=row]{font:600 .72rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);width:160px;background:var(--stone)}
.cmp ul{margin:0;padding-left:0;list-style:none;font-size:.92rem}.cmp ul li{margin:0 0 4px}
.pre{white-space:normal}
.pill-dim{background:var(--stone-2)}
.ok{color:var(--ok)}
.danger-line{margin-top:var(--s4)}

/* footer */
.base{background:var(--ink);color:#c8c8cf;margin-top:var(--s9);padding:var(--s8) 0 var(--s6)}
.base a{color:#fff;text-decoration-color:var(--tag)}
.base-top{border-bottom:1px solid #3a3a40;padding-bottom:var(--s6);margin-bottom:var(--s6)}
.base-word{font-size:clamp(2rem,6vw,4.2rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff;margin:0 0 var(--s3)}
.base-word b{font-weight:500;color:var(--tag)}
.base-line{margin:0;font-size:1.05rem}
.base-cols{display:grid;grid-template-columns:1fr 1fr 2fr;gap:var(--s6)}
.base-nav{display:flex;flex-direction:column;gap:6px}
.base-nav a{text-decoration:none;padding:3px 0}
.base-nav a:hover{text-decoration:underline}
.base-h{font:600 .72rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:#9d9da6;margin:0 0 var(--s2)}
.fine{font-size:.9rem;line-height:1.55}
.powered{font-weight:600;color:#fff;margin:var(--s4) 0 0}

@media (max-width:1020px){
.intro-grid{grid-template-columns:1fr;gap:var(--s6)}
.stage{padding-top:min(300px,44vw)}
.report-card{max-width:none}
.covers,.steps{grid-template-columns:1fr}
.plans-3{grid-template-columns:1fr}
.wont-grid{grid-template-columns:1fr;gap:var(--s5)}
.base-cols{grid-template-columns:1fr 1fr}.base-fine{grid-column:1/-1}
.grid3{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
body{font-size:16px}
.frame{padding:0 var(--s4)}
.mast{position:static}
.mast-in{flex-wrap:wrap;min-height:0;padding-top:var(--s3);padding-bottom:var(--s3);gap:var(--s2)}
.mast-nav{order:3;width:100%;margin-left:0;justify-content:flex-start;gap:0 var(--s5);flex-wrap:wrap;border-top:1px solid var(--line)}
.mast-nav a{font-size:.93rem;padding:10px 0}
.mast-cta{order:2;padding:8px 14px;min-height:40px;font-size:.88rem}
.brand-word{font-size:1.1rem}.brand-tag{width:28px;height:28px}
.intro{padding:var(--s6) 0}
.display{font-size:clamp(2.35rem,11vw,3rem)}
.lede{font-size:1.08rem}
.stage{padding:min(250px,48vw) var(--s3) var(--s3);border-radius:var(--r-lg)}
.stage-art{top:16px}
.wont{margin-bottom:calc(var(--s8) * -1)}
.report-card{padding:var(--s4)}
.cover{padding:var(--s5)}
.plans{grid-template-columns:1fr}
.plan{padding:var(--s5)}
.section{padding-top:var(--s7)}
.wont{padding:var(--s7) 0}
.wont-list li{padding-left:44px;font-size:1.02rem}
.grid2,.grid3{grid-template-columns:1fr}
fieldset{padding:var(--s4) var(--s4) var(--s5);border-radius:var(--r-md)}
.sheet{padding:var(--s5) var(--s4) var(--s4);border-radius:var(--r-md)}
.plate{grid-template-columns:1fr}
.plate div{border-right:0;border-bottom:1.5px solid var(--ink)}.plate div:last-child{border-bottom:0}
.verdict-say{margin:var(--s1) 0 0;flex-basis:100%}
.savebox{padding:var(--s4)}
.scrollhint{display:block}
.jlist td:nth-child(3),.jlist th:nth-child(3){display:none}
.base{margin-top:var(--s8);padding-top:var(--s7)}
.base-cols{grid-template-columns:1fr}
.page{padding-top:var(--s6)}
}
@media (max-width:400px){.brand{gap:6px}.brand-word{font-size:1rem}.brand-tag{width:26px;height:26px}.mast-cta{padding:8px 12px;font-size:.84rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{
.mast,.base,.preview-note,.noprint,.toolbar,.skip{display:none!important}
body{background:#fff;font-size:12pt}
.frame{max-width:none;padding:0}
.page{padding:0}
.sheet{border:0;padding:0;margin:0}
.sheet{box-shadow:none}
.ask,.verdict{background:none;border:1px solid #999}
a{text-decoration:none}
}
/* ---------- v1.2.0: AdEngine banner (adengine.us) ----------
   One labelled slot between the main content and the footer, on the public pages only (the controllers opt in). The label, the
   reserved height and the spacing are all on the <ins>, so when tag.js (or ae-size.js) hides a slot it cannot fill, the label and
   the space go with it and the page closes up exactly as before. 110px = 16px label + 4px gap + 90px banner; 270px on phones
   (300x250). Inner pages end with 72px of padding and the footer keeps its own 112px (72px on phones) margin, so the slot adds no
   margin there. The home page's last band (.wont) pulls the footer up with a negative margin of the same size; on home the <ins>
   top margin cancels it and leaves 72px of white between the band and the label (margins collapse: 184 - 112 = 72).
   Label: the site's mono label face in --ink-2 on white (8:1). display stays in this file and is never !important: tag.js hides
   a slot with style.display='none'. */
.ae-slot{padding:0 var(--s5)}
.ae-slot ins.adengine{display:block;max-width:728px;min-height:110px;margin:0 auto;text-align:center;text-decoration:none}
.home .ae-slot ins.adengine{margin-top:calc(var(--s9) + var(--s8))}
.ae-slot ins.adengine::before{content:"Advertisement";display:block;margin-bottom:4px;font:600 11px/16px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.ae-slot ins.adengine a{display:inline-block;vertical-align:top}
.ae-slot:has(> ins.adengine[style*="none"]){display:none}
@media (max-width:767px){.ae-slot ins.adengine{max-width:300px;min-height:270px}}
@media (max-width:720px){.ae-slot{padding:0 var(--s4)}.home .ae-slot ins.adengine{margin-top:calc(var(--s8) * 2)}}
@media print{.ae-slot{display:none}}