/* Layout: AI price check at the supermarket. Yellow brand band, condensed shouty headings, shelf-tag prices with cents and barcodes, receipt-style change feed, ticker of price moves. */
:root{
  --bg:#FAF8F2; --surface:#FFFFFF; --sunk:#F1EEE4; --ink:#141414; --muted:#5A5850; --faint:#8F8C82;
  --line:#E3DFD3; --accent:#1F4FD8; --accent-ink:#FFFFFF; --accent-soft:#E8EEFC; --tag:#FFD60A; --tag-ink:#141414;
  --brand:#FFD60A; --brand-ink:#141414; --sale:#E3262B; --sale-ink:#FFFFFF; --paper:#FFFEFA; --rule:#141414;
  --up:#C2410C; --up-soft:#FDEBE1; --down:#157A3E; --down-soft:#E2F4E8; --limit:#9A6700; --limit-soft:#FBF1D6;
  --new:#6D3FC0; --new-soft:#EEE7FB; --demo:#A1540A; --demo-soft:#FFF3E2;
  --f-display:"Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-body:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --r:10px; --wrap:1160px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#111215; --surface:#17191D; --sunk:#1F2228; --ink:#ECEDEF; --muted:#A3A7B0; --faint:#757A84;
  --line:#2A2D34; --accent:#8AA9FF; --accent-ink:#111215; --accent-soft:#1C2540; --tag:#FFD60A; --tag-ink:#141414;
  --brand:#FFD60A; --brand-ink:#141414; --sale:#FF4B4F; --sale-ink:#141414; --paper:#1B1C20; --rule:#ECEDEF;
  --up:#FF9A6B; --up-soft:#3A2116; --down:#5FD38D; --down-soft:#123323; --limit:#F2C14E; --limit-soft:#352A0F;
  --new:#B99BFF; --new-soft:#2A1F45; --demo:#F5B66A; --demo-soft:#33240F; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#111215; --surface:#17191D; --sunk:#1F2228; --ink:#ECEDEF; --muted:#A3A7B0; --faint:#757A84;
  --line:#2A2D34; --accent:#8AA9FF; --accent-ink:#111215; --accent-soft:#1C2540; --tag:#FFD60A; --tag-ink:#141414;
  --brand:#FFD60A; --brand-ink:#141414; --sale:#FF4B4F; --sale-ink:#141414; --paper:#1B1C20; --rule:#ECEDEF;
  --up:#FF9A6B; --up-soft:#3A2116; --down:#5FD38D; --down-soft:#123323; --limit:#F2C14E; --limit-soft:#352A0F;
  --new:#B99BFF; --new-soft:#2A1F45; --demo:#F5B66A; --demo-soft:#33240F; color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--surface)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--f-display);text-wrap:balance;letter-spacing:-.01em;margin:0}
h1{font-size:clamp(28px,4.2vw,44px);line-height:1.08;font-weight:800}
h2{font-size:24px;line-height:1.2;font-weight:700}
h3{font-size:17px;font-weight:700}
p{margin:0}
.num,.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.muted{color:var(--muted)} .faint{color:var(--faint)} .small{font-size:13px}
.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--muted)}

/* demo strip */
.demo-strip{background:var(--demo-soft);color:var(--demo);font-size:12.5px;border-bottom:1px solid var(--line)}
.demo-strip .wrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-block:6px}
.addr{font-family:var(--f-mono);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:2px 10px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.addr b{color:var(--muted);font-weight:400}

/* header */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:18px;padding-block:10px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:8px;color:var(--ink);font-family:var(--f-display);font-weight:800;font-size:20px;letter-spacing:-.02em}
.logo:hover{text-decoration:none}
.logo svg{width:26px;height:26px}
nav.main{display:flex;gap:4px;flex-wrap:wrap}
nav.main a,.dd>button{color:var(--ink);font-weight:500;font-size:14px;padding:6px 10px;border-radius:6px;background:none;border:0;font-family:inherit;cursor:pointer}
nav.main a:hover,.dd>button:hover{background:var(--sunk);text-decoration:none}
nav.main a.on{background:var(--accent-soft);color:var(--accent)}
.dd{position:relative}
.dd-menu{position:absolute;top:100%;left:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 10px 30px rgba(10,20,40,.12);padding:6px;min-width:230px;display:none;z-index:70}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}
.dd-menu a{display:flex;justify-content:space-between;padding:7px 10px;border-radius:6px;color:var(--ink);font-size:14px}
.dd-menu a:hover{background:var(--sunk);text-decoration:none}
.search{position:relative;flex:1 1 160px;max-width:190px}
.search input[type=text]{width:100%;font:inherit;font-size:14px;padding:8px 12px 8px 34px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--faint)}
.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--f-mono);font-size:11px;color:var(--faint);border:1px solid var(--line);border-radius:4px;padding:0 5px}
.sresults{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 10px 30px rgba(10,20,40,.14);padding:6px;z-index:80;max-height:360px;overflow:auto}
.sresults a{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:6px;color:var(--ink);font-size:14px}
.sresults a:hover,.sresults a.sel{background:var(--sunk);text-decoration:none}

/* buttons, inputs, pills */
.btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:600;font-size:14px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap}
.btn:hover{text-decoration:none;border-color:var(--faint)}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn.primary:hover{filter:brightness(1.08)}
.btn.sm{padding:5px 10px;font-size:13px}
input[type=email],input[type=number],input[type=text],select{font:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;letter-spacing:.01em}
.pill.up{background:var(--up-soft);color:var(--up)} .pill.down{background:var(--down-soft);color:var(--down)}
.pill.limit{background:var(--limit-soft);color:var(--limit)} .pill.new{background:var(--new-soft);color:var(--new)}
.pill.removed,.pill.closed{background:var(--sunk);color:var(--muted)}
.pill.cat{background:var(--sunk);color:var(--muted);font-weight:500}
.pill.demo{background:var(--demo-soft);color:var(--demo)}
.pill.yes{background:var(--down-soft);color:var(--down)} .pill.no{background:var(--sunk);color:var(--muted)}
.seg{display:inline-flex;background:var(--sunk);border-radius:8px;padding:3px;gap:2px}
.seg button{font:inherit;font-size:13px;font-weight:600;border:0;background:none;color:var(--muted);padding:5px 12px;border-radius:6px;cursor:pointer}
.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{font:inherit;font-size:13px;font-weight:500;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:5px 12px;border-radius:999px;cursor:pointer}
.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--sunk);white-space:nowrap}
th.sort{cursor:pointer;user-select:none} th.sort:hover{color:var(--ink)}
tr:last-child td{border-bottom:0}
td.price{font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
td .sub,th .sub{display:block;font-family:var(--f-body);font-weight:400;font-size:12.5px;color:var(--muted)}
tr.hl td{background:var(--accent-soft)}
.toolname{font-weight:600;color:var(--ink)}
.toolname:hover{color:var(--accent)}

/* layout blocks */
main{min-height:60vh}
.page{padding-block:28px 56px;display:flex;flex-direction:column;gap:36px}
.crumbs{font-size:13px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap}
.crumbs a{color:var(--muted)}
.crumbs span.sep{color:var(--faint)}
.head{display:flex;flex-direction:column;gap:12px}
.lede{font-size:17px;color:var(--muted);max-width:68ch}
.badge-verified{display:inline-flex;align-items:center;gap:8px;font-size:13px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px 4px 8px;width:max-content;max-width:100%;flex-wrap:wrap}
.badge-verified .dot{width:8px;height:8px;border-radius:50%;background:var(--down)}
.answer{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r);padding:16px 18px;max-width:78ch;font-size:16px}
.answer .eyebrow{display:block;margin-bottom:6px}
section.blk{display:flex;flex-direction:column;gap:14px;scroll-margin-top:120px}
section.blk>header{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.blk-note{font-size:13px;color:var(--muted)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.card h3 a{color:var(--ink)}
ul.clean{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
ul.ticks li{padding-left:22px;position:relative}
ul.ticks li::before{content:"";position:absolute;left:3px;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
ul.warn li::before{background:var(--up)}
ol.steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}

/* tool layout with side nav */
.tool-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:start}
.sidenav{position:sticky;top:120px;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.sidenav a{color:var(--muted);padding:5px 10px;border-left:2px solid var(--line)}
.sidenav a:hover{color:var(--ink);text-decoration:none;border-left-color:var(--faint)}
.sidenav a.on{color:var(--accent);border-left-color:var(--accent);font-weight:600}
.tool-body{display:flex;flex-direction:column;gap:40px;min-width:0}
@media (max-width:880px){.tool-layout{grid-template-columns:1fr}.sidenav{display:none}}
.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.subtabs a{padding:8px 12px;color:var(--muted);font-weight:500;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px}
.subtabs a:hover{color:var(--ink);text-decoration:none}
.subtabs a.on{color:var(--ink);border-bottom-color:var(--accent)}

/* timeline */
.timeline{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.tl-row{display:grid;grid-template-columns:110px 110px minmax(0,1fr) auto;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);align-items:center}
.tl-row:last-child{border-bottom:0}
.tl-row .from{text-decoration:line-through;color:var(--faint)}
.tl-row .arrow{color:var(--faint);margin:0 6px}
@media (max-width:640px){.tl-row{grid-template-columns:1fr auto;gap:6px}.tl-row .tl-what{grid-column:1/-1}}

/* calculator */
.calc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:22px}
.calc>*{min-width:0}
.upg{display:block;margin-top:4px;color:var(--ink-2,#555);font-size:12.5px}
.covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.covers>div{background:var(--surface);padding:14px 16px;min-width:0}.covers .vh{display:block;font-weight:700;font-size:13px;margin-bottom:6px}
@media (max-width:760px){.covers{grid-template-columns:1fr}}
.wk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}.wk>*{min-width:0}.wk label{display:block;font-size:12.5px;margin-top:10px}.wk input,.wk select{display:block;width:100%;margin-top:4px}.wk .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:760px){.wk{grid-template-columns:1fr}}
.wkbig{font-size:22px;font-weight:700}.decide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.decide>div{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface);min-width:0}@media (max-width:640px){.decide{grid-template-columns:1fr}}
.calc .patch{white-space:pre;max-width:100%}
@media (max-width:720px){.calc{grid-template-columns:1fr}}
.calc input[type=range]{width:100%;accent-color:var(--accent)}
.calc .big{font-family:var(--f-display);font-size:34px;font-weight:800;line-height:1}
.result-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:14px}
.result-row:last-child{border-bottom:0}
.scen{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.scen .card .plan{font-family:var(--f-display);font-weight:700;font-size:20px}

/* alternatives */
.disclose{font-size:12.5px;color:var(--muted);font-style:italic}
.sponsored{border:1px dashed var(--faint);border-radius:var(--r);padding:14px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;background:var(--bg)}
.bar-row{display:grid;grid-template-columns:140px minmax(0,1fr) 90px;gap:10px;align-items:center;font-size:13.5px}
.bar{height:12px;border-radius:3px;background:var(--accent);min-width:2px}
.bar.me{background:var(--ink)}
.bar-track{background:var(--sunk);border-radius:3px}

/* faq */
details.faq{border-bottom:1px solid var(--line);padding:12px 0}
details.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
details.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--muted)}
details.faq[open] summary::after{content:"−"}
details.faq p{margin-top:8px;color:var(--muted);max-width:75ch}

/* notify */
.notify{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--accent-soft);border-radius:var(--r);padding:14px 16px}
.notify form{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.notify input{min-width:0;flex:1 1 200px}

/* home */
.hero{padding-block:44px 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center;max-width:880px}
@media (max-width:880px){.hero{grid-template-columns:1fr}}
.hero h1{font-size:clamp(34px,5.4vw,58px)}
.hero h1 em{font-style:normal;color:var(--accent)}
.stats{display:flex;gap:28px;flex-wrap:wrap}
.stats div b{display:block;font-family:var(--f-display);font-size:28px;font-weight:800}
.stats div span{font-size:13px;color:var(--muted)}
.lead-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.lead-form .full{grid-column:1/-1}.lead-form label{display:block;font-size:13.5px;font-weight:600}.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{display:block;width:100%;margin-top:6px;font:inherit;font-weight:400;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.lead-form textarea{min-height:110px}.lead-form .check{font-weight:400}.lead-form .check input{margin:0 8px 0 0;vertical-align:-2px}.lead-form .req{color:var(--up)}@media (max-width:640px){.lead-form{grid-template-columns:1fr}}
.regpick{display:flex;align-items:center;gap:6px;white-space:nowrap;margin-left:auto}@media (min-width:641px) and (max-width:1300px){.regpick>span{display:none}}.regsel{font:inherit;font-size:13.5px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);max-width:160px}@media (max-width:640px){.regpick{width:100%}.regpick .regsel{flex:1;max-width:none}}
.autobar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 12px;margin:0 0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.lens{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px}
.lens .plan-line{display:grid;grid-template-columns:70px 64px minmax(0,1fr);gap:10px;font-size:13.5px;align-items:baseline}
.lens .plan-line .t{font-family:var(--f-mono);font-weight:600}
.lens .crossed{color:var(--faint);text-decoration:line-through}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.catcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;color:var(--ink);display:flex;flex-direction:column;gap:4px}
.catcard:hover{border-color:var(--accent);text-decoration:none}
.catcard b{font-family:var(--f-display);font-size:17px}

/* footer */
footer.site{border-top:1px solid var(--line);background:var(--surface);padding-block:32px;font-size:13.5px}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:22px}
footer .cols a{display:block;color:var(--muted);padding:2px 0}
footer .legal{margin-top:24px;color:var(--faint);font-size:12.5px;max-width:90ch}

/* spec drawer + toast */
.spec-btn{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:90;box-shadow:0 6px 20px rgba(10,20,40,.2)}
.spec{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:90;width:min(380px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(10,20,40,.22);padding:16px;font-size:13px}
.spec dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:6px 10px;margin:10px 0 0}
.spec dt{color:var(--muted)} .spec dd{margin:0;font-family:var(--f-mono);font-size:12px;word-break:break-word}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:100;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:8px;font-size:14px;max-width:calc(100vw - 32px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.prose{max-width:72ch;display:flex;flex-direction:column;gap:14px}
.prose h2{margin-top:10px}
.empty{padding:24px;text-align:center;color:var(--muted)}
.stack-row{display:grid;grid-template-columns:24px minmax(0,1fr) 170px 90px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
@media (max-width:560px){.stack-row{grid-template-columns:24px minmax(0,1fr) 110px}.stack-row .num{grid-column:2/-1}}
.stack-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
@media (max-width:880px){.stack-layout{grid-template-columns:1fr}}
.total-box{position:sticky;top:120px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:10px}
.lagnote{display:block;font-size:12px;color:var(--faint);margin-top:2px}
.pipe{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}
.pipe span.st{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:5px 10px}
.pipe span.st.h{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}
.pipe span.ar{color:var(--faint)}
.qitem{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.qitem.done{opacity:.7}
.qhead{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.diff{font-family:var(--f-mono);font-size:12.5px;border:1px solid var(--line);border-radius:6px;overflow-x:auto}
.diff div{padding:4px 10px;white-space:pre}
.diff .del{background:var(--up-soft);color:var(--up)} .diff .add{background:var(--down-soft);color:var(--down)}
.patch{font-family:var(--f-mono);font-size:12px;background:var(--sunk);border-radius:6px;padding:10px 12px;overflow-x:auto;white-space:pre;margin:0}
.qact{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.kpis .card b{font-family:var(--f-display);font-size:28px;font-weight:800;line-height:1.1}
.switch{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.cmpbar{position:fixed;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:89;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(10,20,40,.18);padding:8px 10px;max-width:calc(100vw - 170px)}
.cmpbar .pill{background:var(--sunk);color:var(--ink);font-size:12.5px;padding:3px 4px 3px 10px}
.cmpbar button.x{border:0;background:none;color:var(--muted);cursor:pointer;font:inherit;font-size:15px;line-height:1;padding:0 4px}
@media (max-width:640px){.cmpbar{max-width:calc(100vw - 32px);bottom:calc(64px + env(safe-area-inset-bottom,0px))}.cmpbar .pill,.cmpbar>.small{display:none}}
.btn.cmp.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.score{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.score .meter{width:48px;height:6px;background:var(--sunk);border-radius:3px;overflow:hidden;display:inline-block}.score .meter i{display:block;height:100%;background:var(--accent);border-radius:3px}
.finder{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}.fpanel{position:sticky;top:120px;gap:6px}.fpanel select{width:100%}
@media (max-width:880px){.finder{grid-template-columns:1fr}.fpanel{position:static}}
table.side td{min-width:190px}table.side td:first-child,table.side th:first-child{position:sticky;left:0;z-index:1;min-width:120px;max-width:140px;background:var(--surface)}table.side th:first-child{background:var(--sunk)}
.card .sub,.result-row .sub{display:block;font-size:12.5px;color:var(--muted);font-weight:400;font-family:var(--f-body)}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}.tag.g{background:var(--down-soft);color:var(--down)}.tag.b{background:var(--up-soft);color:var(--up)}.tagrow{gap:5px}
.tagline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:7px 0;border-bottom:1px dashed var(--line)}.tagline:last-child{border-bottom:0}.vote{margin-left:auto;display:flex;gap:4px;align-items:center}.vbtn{padding:2px 7px}.vbtn.on{background:var(--accent-soft);border-color:var(--accent)}
.steps2{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13.5px}.steps2 a,.steps2 span{color:var(--muted)}.steps2 .on{color:var(--accent);font-weight:700}
.pickgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}label.pick{cursor:pointer}label.pick:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.pickbar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;position:sticky;top:76px;z-index:5}.btn.dis{opacity:.45;pointer-events:none}
.wiz{display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}.wstep{display:flex;flex-direction:column;gap:8px}.wstep>b{font-family:var(--f-display);font-size:16px}.wstep>b span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:12px;margin-right:8px}
.wopts{display:flex;gap:8px;flex-wrap:wrap}.wopt{font:inherit;font-size:14px;font-weight:600;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:9px 14px;border-radius:10px;cursor:pointer}.wopt:hover{border-color:var(--accent)}.wopt.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.rec{border-top:4px solid var(--accent)}.rec .rlabel{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--accent)}.rec .rprice{font-family:var(--f-display);font-size:26px;font-weight:800;line-height:1.1}.rec .why{font-size:13px;color:var(--muted)}
.howit{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.howit .card b{font-family:var(--f-display);font-size:16px}.howit .num{font-family:var(--f-display);font-size:28px;font-weight:800;color:var(--accent)}
.ladder{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.lrow{display:grid;grid-template-columns:150px 110px minmax(0,1fr);gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);align-items:baseline}.lrow:last-child{border-bottom:0}.lrow .up{font-family:var(--f-mono);font-weight:600;color:var(--up)}@media (max-width:640px){.lrow{grid-template-columns:1fr auto}.lrow .lwhat{grid-column:1/-1}}
@media (min-width:881px){.tbl-wrap.sidewrap{overflow:visible}table.side thead th{position:sticky;top:64px;z-index:2}}@media (min-width:881px){table.side thead th:first-child{z-index:3}}.lrow .sub{display:block}.cmpbar[hidden]{display:none}table.side tr.same{display:none}table.side.showall tr.same{display:table-row}table.side tr.same td{color:var(--muted)}
.verdict{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:12px;background:var(--line);overflow:hidden}@media (max-width:640px){.verdict{grid-template-columns:1fr}}.verdict>div{padding:14px 16px;background:var(--surface);display:flex;flex-direction:column;gap:6px;min-width:0}.verdict .vh{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.verdict .vh.g{color:var(--down)}.verdict .vh.b{color:var(--up)}.verdict .vh.a{color:var(--accent)}.verdict .big2{font-family:var(--f-display);font-size:20px;font-weight:800}
.revlinks{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.revlinks a{font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--ink);background:var(--surface)}.revlinks a:hover{border-color:var(--accent);text-decoration:none}
.digest{gap:18px;padding:22px}.dg{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.dlist{gap:10px;font-size:15.5px}.dlist li{padding-left:20px;position:relative}.dlist li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:50%}.dlist.pro li::before{background:var(--down)}.dlist.con li::before{background:var(--up)}.dicon{font-family:var(--f-display);font-size:34px;font-weight:800;line-height:1;flex:none}.dicon.pro{color:var(--down)}.dicon.con{color:var(--up)}.dsrc{border-top:1px solid var(--line);padding-top:14px}.dsrc b{font-family:var(--f-display);font-size:17px}.dsrc p{margin-top:6px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}


/* ===== v21 base ===== */
header.site .wrap{gap:14px}
@media (min-width:1100px){header.site .wrap{flex-wrap:nowrap}nav.main{flex-wrap:nowrap}nav.main a,.dd>button{white-space:nowrap}header.site .logo{flex:none}header.site .btn{flex:none;white-space:nowrap}.regpick>span{display:none}.regsel{max-width:150px}.search{max-width:210px}nav.main a,.dd>button{padding:6px 8px}}
@media (max-width:760px){nav.main{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none}nav.main::-webkit-scrollbar{display:none}nav.main a,.dd>button{white-space:nowrap}.demo-strip .addr{display:none}.demo-strip .wrap>span:not(.addr){display:none}}
.demo-strip .wrap{flex-wrap:nowrap}.demo-strip strong,.demo-strip a{white-space:nowrap;flex:none}.demo-strip .wrap>span:not(.addr){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tmain .td{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
h1,h2,h3{letter-spacing:-.015em}
h1{font-weight:800} h2{font-size:22px;font-weight:700}
th{text-transform:none;letter-spacing:0;font-size:12.5px;background:var(--sunk)}
.eyebrow{letter-spacing:.04em}
.demo-strip{background:var(--sunk);color:var(--muted)}
header.site{box-shadow:none}
.search{max-width:240px}
.search input[type=text]{background:var(--sunk);border-color:transparent}
.chip.on{background:var(--ink);color:var(--bg)}
.card{border-radius:var(--r)}
.logo{font-family:var(--f-display);font-weight:800;letter-spacing:-.03em}
/* monogram tile: hue per vendor, tokens per theme */
.mono-tile{--h:220;flex:none;display:inline-grid;place-items:center;width:var(--s,36px);height:var(--s,36px);border-radius:9px;font-family:var(--f-display);font-weight:800;font-size:calc(var(--s,36px)*.42);letter-spacing:-.04em;background:hsl(var(--h) 70% 93%);color:hsl(var(--h) 55% 28%);border:1px solid hsl(var(--h) 40% 85%)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .mono-tile{background:hsl(var(--h) 30% 20%);color:hsl(var(--h) 70% 82%);border-color:hsl(var(--h) 25% 28%)}}
:root[data-theme="dark"] .mono-tile{background:hsl(var(--h) 30% 20%);color:hsl(var(--h) 70% 82%);border-color:hsl(var(--h) 25% 28%)}
/* price-tag sticker */
.ptag{display:inline-flex;align-items:baseline;gap:2px;background:var(--tag);color:var(--tag-ink);font-family:var(--f-mono);font-weight:600;font-size:14px;padding:2px 8px 2px 10px;border-radius:4px 10px 10px 4px;position:relative;white-space:nowrap;font-variant-numeric:tabular-nums}
.ptag::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--surface);position:absolute;left:3px;top:50%;transform:translateY(-50%)}
.ptag small{font-size:11px;font-weight:500;opacity:.8}
.ptag.free{background:var(--down-soft);color:var(--down)}
.ptag.none{background:var(--sunk);color:var(--muted);font-weight:500}
/* home */
.hero2{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-block:40px 6px}
.hero2 h1{font-size:clamp(30px,5vw,52px);line-height:1.04;max-width:16ch}
.hero2 .count{font-size:14px;color:var(--muted)}
.hero2 .count b{color:var(--ink)}
.bigsearch{position:relative;width:100%;max-width:640px}
.bigsearch input{width:100%;font:inherit;font-size:17px;padding:15px 18px 15px 48px;border:1.5px solid var(--ink);border-radius:12px;background:var(--surface);color:var(--ink)}
.bigsearch input:focus{outline:3px solid var(--accent-soft);outline-offset:0;border-color:var(--accent)}
.bigsearch svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--muted)}
.hres{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.12);z-index:20;text-align:left;overflow:hidden}
.hres a{display:flex;gap:10px;align-items:center;padding:9px 14px;color:var(--ink);border-bottom:1px solid var(--line)}
.hres a:last-child{border-bottom:0}.hres a:hover,.hres a:focus{background:var(--sunk);text-decoration:none}
.tasks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:860px}
.task{display:inline-flex;gap:6px;align-items:baseline;border:1px solid var(--line);border-radius:999px;padding:6px 13px;color:var(--ink);font-size:14px;font-weight:500;background:var(--surface)}
.task:hover{border-color:var(--ink);text-decoration:none}.task i{font-style:normal;font-family:var(--f-mono);font-size:12px;color:var(--faint)}
.quick{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:14px}
.quick a{font-weight:600}
/* ranked tool rows */
.tlist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.trow{display:grid;grid-template-columns:28px 40px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.trow:last-child{border-bottom:0}.trow:hover{background:var(--sunk)}
.trow .rk{font-family:var(--f-mono);font-size:12px;color:var(--faint);text-align:right}
.tmain{min-width:0;display:flex;flex-direction:column;gap:3px}
.tmain .tn{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.tmain .tn a{font-weight:700;font-size:15.5px;color:var(--ink)}
.tmain .tv{font-size:12.5px;color:var(--faint)}
.tmain .td{font-size:13.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmain .tt{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.tpr{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:110px}
.tpr .sub{font-size:12px;color:var(--muted)}
@media (max-width:700px){.trow{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:12px}.trow .rk,.trow .tact{display:none}.tmain .td{white-space:normal}.tpr{min-width:0}}
.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.tabs button{font:inherit;font-size:14px;font-weight:600;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:8px 12px;margin-bottom:-1px;cursor:pointer}
.tabs button.on{color:var(--ink);border-bottom-color:var(--ink)}
.two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px}.two>*{min-width:0}
@media (max-width:860px){.two{grid-template-columns:1fr}}
.feed{display:flex;flex-direction:column}
.feed a.fi{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.feed a.fi:hover{text-decoration:none;background:var(--sunk)}
.feed .fi b{font-size:14px}.feed .fi .sub{display:block;font-size:12.5px;color:var(--muted)}
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.steps3>div{background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:4px}
.steps3 b{font-family:var(--f-display);font-size:16px}
@media (max-width:700px){.steps3{grid-template-columns:1fr}}
.tool-title{display:flex;gap:14px;align-items:center}
td .tcell{display:flex;gap:10px;align-items:flex-start}


/* TierTrail: a quiet, editorial pricing reference. */
:root{--bg:#F7F7F2;--surface:#FFFFFF;--sunk:#F0F1EB;--ink:#20261F;--muted:#62695F;--faint:#747C70;--line:#DEE2D8;--accent:#344F32;--accent-ink:#FFF;--accent-soft:#EAF0E5;--brand:#E5F078;--tag:#E5F078;--rule:#20261F;--f-display:"IBM Plex Sans",Arial,sans-serif;--r:12px;--wrap:1200px;color-scheme:light}
body{margin:0;overflow-x:visible}h1,h2,h3{font-family:var(--f-display);font-stretch:normal;text-transform:none;letter-spacing:-.035em}h1{font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.12}h2{font-size:26px;font-weight:600;line-height:1.2}h3{font-weight:600}a{color:var(--accent)}[hidden]{display:none!important}
.skip-link{position:fixed;top:-70px;left:12px;z-index:100;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:12px}
.demo-strip,.spec-btn{display:none}header.site{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}header.site .wrap{padding-block:18px;gap:28px}.logo{font-size:23px;font-weight:700;letter-spacing:-1px;flex:none}.logo svg{width:24px;height:24px}.logo svg rect{fill:var(--accent)}nav.main{gap:4px}nav.main a,.dd>button{font-size:13px;padding:7px 8px}nav.main a.on{background:var(--accent-soft);color:var(--accent)}.regpick{margin-left:auto}.regpick>span{display:none}.regsel{max-width:152px;font-size:12px;background:transparent}.search{max-width:158px;flex:1 1 130px}.search input[type=text]{font-size:12px;background:transparent;border-color:var(--line)}.search kbd{display:none}
.page{padding-block:46px 64px;gap:48px}.home-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);gap:72px;align-items:center;padding:8px 0 0}.hero-eyebrow{display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.12em;margin-bottom:20px}.brand-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--brand);border:1px solid #9AAA44;flex:none}.home-hero h1{font-size:clamp(35px,4.3vw,56px);font-weight:600;line-height:1.08;letter-spacing:-.05em}.home-hero h1>span{color:#68755F}.hero-desc{font-size:16px;color:var(--muted);line-height:1.65;margin:18px 0 23px}.bigsearch input{font-size:15px;border:1px solid #B3BBA8;border-radius:9px;padding:15px 16px 15px 45px;box-shadow:0 3px 0 #E5E8DF}.bigsearch svg{left:15px;width:18px;height:18px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:19px}.btn{border-radius:7px;font-size:13px;border:1px solid #C8CFC1;padding:9px 13px;font-weight:500;justify-content:center;min-height:36px}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.primary:hover{background:var(--accent)}.hero-actions .btn{gap:25px;padding:12px 17px}.text-link{font-size:13px;font-weight:500}.snapshot{font-size:11px;color:var(--muted);margin-top:20px}.snapshot span{padding:0 6px}.snapshot a{text-decoration:underline;text-underline-offset:3px}
.quick-compare{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px 25px 18px;box-shadow:0 8px 24px #24311B05;position:relative}.quick-compare:before{content:"";position:absolute;top:-1px;left:25px;width:54px;height:4px;background:var(--brand)}.qc-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.qc-heading .eyebrow{font-size:10px}.qc-heading .small{font-size:11px}.quick-compare h2{font-size:24px;line-height:1.22;margin:20px 0 13px}.qc-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);color:var(--ink)}.qc-row:hover{text-decoration:none}.qc-name{display:flex;flex-direction:column;gap:1px}.qc-name b{font-size:14px;font-weight:600}.qc-name small{font-size:11px;color:var(--muted)}.qc-row .tpr{margin-left:auto;min-width:0}.qc-row .ptag{font-size:21px}.qc-row .sub{font-size:10px}.qc-link{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:var(--brand);border-radius:7px;margin-top:19px;font-size:13px;font-weight:600;color:var(--ink)}.qc-note{font-size:10px;color:var(--muted);margin-top:10px}
.context-bar{display:flex;align-items:center;gap:26px;flex-wrap:wrap;border-block:1px solid var(--line);padding:14px 0;font-size:12px;color:var(--muted);margin-top:-14px}.context-bar b{color:var(--ink);font-weight:500}.snapshot-label{margin-left:auto;font-family:var(--f-mono);font-size:10px}
.section-index{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:10px}section.blk{gap:20px}.aisles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);gap:0}.aisle{display:grid;grid-template-columns:23px 1fr auto;gap:10px;align-items:center;background:transparent;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 15px;color:var(--ink)}.aisle:hover{background:var(--accent-soft);text-decoration:none}.aisle b{font-size:14px;font-weight:500;letter-spacing:-.02em}.aisle-no{font-family:var(--f-mono);font-size:10px;color:var(--faint)}.aisle-count{font-size:10px;color:var(--muted);white-space:nowrap}.aisle-count>span{padding-left:10px}
.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:36px;align-items:start}.catalog{min-width:0}.directory-aside{display:flex;flex-direction:column;gap:24px}.change-panel{border:1px solid var(--line);border-radius:12px;padding:20px;background:#F0F2E9}.aside-title{display:flex;justify-content:space-between;align-items:center}.aside-title .eyebrow{font-size:10px}.change-panel h2{font-size:23px;margin:11px 0 6px}.change-item{display:flex;flex-direction:column;gap:6px;padding:17px 0;border-bottom:1px solid #D9DFD0;color:var(--ink)}.change-item:hover{text-decoration:none}.change-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.change-top b{font-size:13px;font-weight:600}.change-type{font-size:9px;color:var(--muted)}.change-type.down{color:var(--down)}.change-value{font-family:var(--f-mono);font-size:12px;font-weight:500}.change-item small{font-size:10px;color:var(--muted)}.change-panel>.text-link{display:block;margin-top:17px}.trust-note{padding:0 5px}.trust-note .eyebrow{font-size:10px}.trust-note h3{font-size:20px;line-height:1.2;margin:10px 0}.trust-note p{font-size:12px;color:var(--muted);line-height:1.7}.trust-note a{display:block;margin-top:12px;font-size:12px}.calculator-link{display:flex;flex-direction:column;gap:10px;background:var(--ink);color:#fff;border-radius:10px;padding:20px}.calculator-link .eyebrow{font-size:10px;color:#D1D9BF}.calculator-link b{font-size:20px;font-weight:500;letter-spacing:-.03em}.calculator-link>span:last-child{font-size:11px;color:#DBE6C4}.calculator-link:hover{text-decoration:none;background:var(--accent)}
.tabs{border-bottom:1px solid var(--line);gap:13px}.tabs button{font-size:12px;font-weight:500;padding:9px 2px}.tabs button.on{border-bottom-color:var(--accent);color:var(--accent)}.tlist{border:1px solid var(--line);border-radius:10px}.trow{grid-template-columns:32px minmax(0,1fr) 140px 90px;gap:13px;padding:20px 14px}.trow .rk{display:none}.trow .mono-tile{--s:32px!important;font-size:14px;border-radius:9px;filter:saturate(.55)}.tmain .tn a{font-size:15px;font-weight:600}.tmain .tv{display:none}.tmain .td{font-size:12px;line-height:1.5;-webkit-line-clamp:2}.tmain .tt{gap:5px;margin-top:4px}.pill{font-size:10px;font-weight:500;border-radius:4px;padding:1px 5px;text-transform:none;letter-spacing:0}.pill.cat{background:transparent;padding-left:0}.tpr{min-width:0}.ptag{background:transparent;padding:0;border:0;box-shadow:none;font-family:var(--f-body);font-weight:600;font-size:22px;letter-spacing:-.04em;gap:2px;border-radius:0;line-height:1.2;white-space:nowrap;color:var(--ink)}.ptag:before{display:none}.ptag small{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}.ptag.none,.ptag.free{background:transparent;font-size:17px}.tpr .sub{font-size:10px;text-align:right;max-width:140px}.tact .btn{font-size:11px;padding:6px 9px}.btn.cmp.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.blk-note{font-size:11px;line-height:1.65}
.closing-note{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:34px}.closing-note .eyebrow{font-size:10px}.closing-note h2{font-size:28px;margin:9px 0}.closing-note p{font-size:13px;color:var(--muted)}footer.site{background:#EEF0E8;border-top:1px solid var(--line)}footer.site .cols a{font-size:12px}.legal{font-size:10px!important;max-width:100ch}
.tool-body{gap:44px}.tool-body>#b-plans{padding:24px;background:var(--surface);border:1px solid #CDD7C2;border-radius:12px;box-shadow:inset 0 3px 0 var(--brand)}.tool-body h2{font-size:23px}.answer{max-width:none;border-left-color:#8D9E67}.head h1{max-width:26ch;font-size:40px}.badge-verified{font-size:11px}.tool-layout{grid-template-columns:165px minmax(0,1fr);gap:32px}.sidenav{font-size:12px;top:110px}.sidenav a{padding:8px 10px}.tbl-wrap{border-radius:8px}th,td{padding:13px 14px}th{font-size:11px;font-weight:500}td{font-size:13px}td.price{font-family:var(--f-body);font-size:16px;font-weight:600}.subtabs{font-size:12px}.notify{background:var(--accent-soft);border:1px solid var(--line)}.notify b{font-size:13px}.notify .small{font-size:11px}.notify input{width:100%;max-width:100%;flex-basis:140px}.notify form{min-width:0;max-width:100%;width:100%;margin-left:0}.notify button{max-width:100%;white-space:normal}.cmpbar{max-width:calc(100vw - 32px);border-color:#B0BBA2}.change-type{white-space:nowrap}section.blk{scroll-margin-top:115px}
@media(min-width:1100px){header.site .wrap{gap:22px}nav.main a,.dd>button{padding-inline:7px}}
@media(max-width:1100px){header.site .wrap{gap:12px;flex-wrap:wrap}nav.main{order:3;width:100%;overflow:visible}.search{margin-left:auto;flex:0 1 200px;max-width:200px}.regpick{margin-left:auto}.home-hero{gap:32px}.catalog-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.trow{grid-template-columns:30px minmax(0,1fr) 120px}.tact{grid-column:2/4}.tact .btn{min-height:30px}.aisles{grid-template-columns:repeat(3,minmax(0,1fr))}.sidenav{top:155px}}
@media(max-width:760px){header.site .wrap{padding-block:12px;gap:12px}.logo{font-size:21px}.regpick{width:auto;flex:0 1 auto;margin-left:auto}.regpick .regsel{max-width:150px;font-size:11px}.search{display:none}nav.main{gap:2px;flex-wrap:wrap;overflow:visible;width:100%;order:3}nav.main a,.dd>button{font-size:12px;padding:6px 7px}.dd-menu{max-width:calc(100vw - 32px)}.page{padding-top:28px;gap:34px}.home-hero{grid-template-columns:1fr;gap:28px}.hero-desc br{display:none}.home-hero h1{font-size:42px}.hero-eyebrow{margin-bottom:15px}.quick-compare{padding:20px}.quick-compare h2 br{display:none}.quick-compare h2{font-size:21px}.qc-rows{display:flex;flex-direction:column}.qc-row{padding:12px 0}.context-bar{gap:10px 22px;margin-top:0;font-size:11px}.snapshot-label{margin-left:0;width:100%}.catalog-layout{grid-template-columns:1fr}.aisles{grid-template-columns:repeat(2,minmax(0,1fr))}.aisle{grid-template-columns:18px 1fr;gap:3px 6px;padding:13px 10px}.aisle b{font-size:13px}.aisle-count{grid-column:2;font-size:10px}.aisle-count>span{float:right}.aisle-no{grid-row:1/3;align-self:start;padding-top:3px}.trow{grid-template-columns:30px minmax(0,1fr) 112px;gap:10px;padding:16px 12px}.trow .tact{display:block;grid-column:2/4}.tpr .sub{font-size:10px;max-width:112px}.tmain .td{font-size:12px}.ptag{font-size:20px}.tabs{gap:10px}.tabs button{font-size:11px}.closing-note{flex-direction:column;align-items:flex-start}.tool-layout{grid-template-columns:1fr}.sidenav{display:none}.head h1{font-size:32px}.tool-body>#b-plans{padding:15px}.tool-body h2{font-size:22px}.cmpbar{left:16px;bottom:16px}.cmpbar .pill,.cmpbar>.small{display:none}.directory-aside{display:grid;grid-template-columns:1fr}.hero-actions{gap:16px}.hero-actions .btn{font-size:12px}.bigsearch input{font-size:14px}.tool-body{gap:32px}.grid2,.grid3{grid-template-columns:minmax(0,1fr)}table{min-width:520px}table.side{min-width:650px}.tbl-wrap.sidewrap{overflow:auto}.badge-verified{border-radius:8px}.pickbar{top:110px}.pickgrid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.tray-count,.tray-hint{font-size:12px;color:var(--muted)}
/* TierTrail / market terminal edition */
:root{--bg:#F8F7F0;--surface:#FFFEF8;--sunk:#EDECE4;--ink:#171A19;--muted:#60635D;--faint:#797C74;--line:#D7D8CE;--accent:#244AC5;--accent-soft:#E9EDFC;--brand:#FFD60A;--tag:#FFD60A;--r:4px}
.logo{font-family:Archivo,Arial,sans-serif;font-weight:850;text-transform:uppercase;letter-spacing:-.045em}.logo svg rect{fill:var(--ink)}header.site{border-bottom:2px solid var(--ink)}.brand-dot{border-radius:0;background:var(--brand);border-color:#9B8500}.eyebrow,.section-index,.snapshot,.context-bar,.qc-heading,.aisle-no,.aisle-count,.change-item small,.qc-note{font-family:var(--f-mono)}.hero-eyebrow{letter-spacing:.075em;color:var(--ink)}.home-hero h1{font-family:Archivo,Arial,sans-serif;font-stretch:85%;font-weight:850;text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(36px,4.3vw,56px);line-height:1.01}.home-hero h1>span{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:7px;text-underline-offset:5px}.home-hero{gap:64px}.hero-desc{margin-top:25px}.quick-compare{border:1.5px solid var(--ink);border-radius:3px;box-shadow:5px 5px 0 #E2E1D6;padding-top:24px}.quick-compare:before{left:0;top:0;width:100%;height:6px;background:var(--brand);border-bottom:1px solid var(--ink)}.quick-compare h2{font-weight:650;letter-spacing:-.04em}.qc-heading .eyebrow{font-size:10px}.qc-link{border-radius:2px;border:1px solid var(--ink);background:var(--brand);color:var(--ink);font-family:var(--f-mono);font-size:11px}.mono-tile{border-radius:3px;border:1px solid var(--line);font-family:var(--f-mono);font-weight:600}.ptag{font-family:var(--f-mono);font-size:20px;font-weight:600;letter-spacing:-.055em}.qc-row .ptag{font-size:21px}.ptag small{font-family:var(--f-mono);font-size:10px}.btn{border-radius:3px;border-color:#A9ACA0;font-family:var(--f-mono);font-size:11px;font-weight:500}.btn.primary{background:var(--ink);border-color:var(--ink)}.btn.primary:hover{background:var(--brand);color:var(--ink)}.bigsearch input{border:1.5px solid var(--ink);border-radius:3px;box-shadow:3px 3px 0 #DBDBCF}.search input[type=text],.regsel{border-radius:3px}.hero-actions .btn{font-size:11px}.context-bar{font-size:10px;border-top:2px solid var(--ink)}.context-bar b{font-weight:600}.snapshot{font-size:10px}.snapshot-label{font-size:9px}.aisles{border-top-color:var(--ink);border-left-color:var(--ink)}.aisle{border-right-color:var(--ink);border-bottom-color:var(--ink)}.aisle:hover{background:var(--brand)}.aisle b{font-family:var(--f-mono);font-size:12px}.aisle-count{font-size:9px}.aisle-no{color:var(--muted)}.tabs button.on{background:var(--brand);color:var(--ink);border-bottom-color:var(--ink);padding-inline:8px}.tabs button{font-family:var(--f-mono);font-size:10px}.tabs{gap:12px;border-color:var(--ink)}.tlist{border-radius:3px;border-color:var(--ink)}.trow{border-bottom:1px dashed #CCD0C1}.trow .mono-tile{border-radius:3px}.change-panel{border-radius:3px;background:#F0EFE6;border:1px solid var(--ink)}.change-panel h2{font-family:Archivo,Arial,sans-serif;font-stretch:85%;font-weight:800;text-transform:uppercase;font-size:24px;letter-spacing:-.025em}.change-type{font-family:var(--f-mono);text-transform:uppercase;font-size:8px}.change-type.down{color:#12683A}.change-item{border-bottom-style:dashed}.calculator-link{border-radius:3px}.closing-note{border-top:2px solid var(--ink)}.tool-body>#b-plans{border-radius:3px;border-color:var(--ink)}.tbl-wrap,.card,.answer,.verdict,.covers,.wiz,.wopt,.notify,.timeline,.lens,.ladder{border-radius:4px}.tbl-wrap{border-color:#A7AC9E}th{background:#EBECE3;font-family:var(--f-mono);font-size:10px}.pill{border-radius:2px}.badge-verified{border-radius:3px}.subtabs a.on{border-bottom-color:var(--ink);background:var(--brand)}nav.main a.on{background:var(--brand);color:var(--ink)}.qc-row:hover{background:#F5F4EC}.trust-note .eyebrow{font-size:9px}
/* The tape shows dated changes, never simulated live quotes. */
.market-tape{display:flex;align-items:stretch;background:#171A19;color:#F1F1E8;min-height:36px;border-bottom:1px solid #45483E;overflow:hidden;font-family:var(--f-mono);font-size:10px}.tape-label{flex:none;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--brand);color:#171A19;border-right:1px solid #515442;font-size:10px;font-weight:600;z-index:1}.tape-label small{font-size:9px;font-weight:400;opacity:.75}.tape-window{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}.tape-run{display:flex;width:max-content;animation:market-scroll 100s linear infinite;will-change:transform}.tape-group{display:flex;flex:none;align-items:center;gap:24px;padding-right:24px}.tape-group a,.tape-group .tape-quote{color:#E0E4D7;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.tape-group a:hover{text-decoration:none;color:#FFF}.tape-symbol{font-weight:600;color:var(--brand)}.tape-plan{color:#B5BBAC;font-size:9px}.tape-value{font-size:10px}.tape-value.dn{color:#7DE8A2}.tape-value.upx{color:#FFA38E}.tape-date{font-size:9px;color:#A0A895}.tape-divider{color:#555E4B;padding-left:8px}.tape-toggle{flex:none;min-width:44px;border:0;border-left:1px solid #444B3D;background:#171A19;color:var(--brand);font-family:var(--f-mono);font-size:14px;cursor:pointer}.tape-toggle:hover,.tape-toggle:focus-visible{background:#353B2E}.market-tape:hover .tape-run,.market-tape:focus-within .tape-run,.market-tape.is-paused .tape-run{animation-play-state:paused}@keyframes market-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.home-hero{gap:30px}.home-hero h1{font-size:40px;line-height:1.03}.home-hero h1>span{text-decoration-thickness:5px;text-underline-offset:4px}.tape-label{padding-inline:10px;font-size:9px}.tape-label small{display:none}.market-tape{min-height:34px}.tape-group{gap:18px;padding-right:18px}.tape-plan{display:none}.quick-compare{padding-inline:19px}.hero-actions .btn{font-size:10px}.aisle b{font-size:11px}.context-bar{font-size:9px}.tabs{gap:8px}.tabs button{font-size:9px}.tabs button.on{padding-inline:5px}.tpr .ptag{font-size:18px}}
@media(prefers-reduced-motion:reduce){.tape-run{animation:none!important}}

/* Shared visual system: applied to every route and component. */
:root{--f-display:"Archivo",Arial,sans-serif;--radius-control:3px;--radius-panel:3px;--panel-border:1px solid var(--ink);--control-border:1px solid #A7AB9F;--accent-soft:#FFF5BF;--ink-2:var(--muted)}
h1,h2,h3,.head h1,.tool-title h1,.tool-body h2,.quick-compare h2,.change-panel h2,.closing-note h2,.trust-note h3{font-family:var(--f-display);font-stretch:85%;font-weight:800;text-transform:uppercase;letter-spacing:-.025em;line-height:1.12}
h1,.head h1,.tool-title h1{font-size:clamp(30px,3.5vw,44px);max-width:32ch;text-wrap:balance}
h2,.tool-body h2,.quick-compare h2,.change-panel h2,.closing-note h2{font-size:25px}
h3,.trust-note h3{font-size:18px}
.home-hero h1{font-size:clamp(36px,4.3vw,56px);font-weight:850;line-height:1.01;max-width:none}
.crumbs,.eyebrow,.badge-verified,.blk-note,.subtabs,.sidenav,.steps2,.tabs,.chips,.seg,.wopts,.btn,.chip,.wopt,.pill,.regsel,.text-link{font-family:var(--f-mono)}
.crumbs{font-size:10px;gap:8px}.lede{font-family:var(--f-body);font-size:15px;line-height:1.65;max-width:72ch}.head{gap:16px}.badge-verified{font-size:10px;border-radius:var(--radius-control);background:var(--surface);padding:6px 9px}.badge-verified .dot{width:6px;height:6px}.badge-verified .pill{font-size:9px}.blk-note{font-size:10px;line-height:1.7}
/* All navigation and selected states use the same yellow marker. */
.chip,.wopt,.seg button,.tabs button,.subtabs a{border-radius:var(--radius-control);font-size:11px;font-weight:500;line-height:1.4;min-height:34px;padding:8px 11px;text-transform:none;letter-spacing:0;box-shadow:none}
.chip,.wopt{border:var(--control-border);background:var(--surface);color:var(--ink)}
.chip:hover,.wopt:hover{border-color:var(--ink);background:var(--sunk);text-decoration:none}
.chip.on,.wopt.on,.seg button.on,.tabs button.on,.subtabs a.on{background:var(--brand);border-color:var(--ink);color:var(--ink);box-shadow:none}
.tabs,.category-tabs,.subtabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--ink);padding:0;background:transparent}
.tabs button,.category-tabs .chip,.subtabs a{border:1px solid transparent;border-bottom:0;border-radius:0;margin:0;min-height:36px;padding:10px 12px;background:transparent;color:var(--muted);font-size:10px}
.tabs button.on,.category-tabs .chip.on,.subtabs a.on{border-color:var(--ink);background:var(--brand);color:var(--ink)}
.tabs button:hover,.category-tabs .chip:hover,.subtabs a:hover{color:var(--ink);text-decoration:none;background:var(--sunk)}
.tabs button.on:hover,.category-tabs .chip.on:hover,.subtabs a.on:hover{background:var(--brand)}
.seg{border:var(--control-border);border-radius:var(--radius-control);padding:0;gap:0;background:var(--surface)}.seg button{border-radius:0;min-height:32px;padding:7px 11px;font-size:10px}.seg button+button{border-left:1px solid var(--line)}
.btn,.btn.sm,.tact .btn{font:500 11px/1.4 var(--f-mono);border:var(--control-border);border-radius:var(--radius-control);padding:8px 11px;min-height:34px;background:var(--surface);color:var(--ink);box-shadow:none}.btn:hover{border-color:var(--ink);background:var(--sunk)}.btn.primary{background:var(--ink);color:var(--surface);border-color:var(--ink)}.btn.primary:hover{background:var(--brand);color:var(--ink)}.btn.cmp.on,.vbtn.on{background:var(--brand);border-color:var(--ink);color:var(--ink)}
input[type=text],input[type=email],input[type=number],select,textarea,.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{border:var(--control-border);border-radius:var(--radius-control);background:var(--surface);color:var(--ink)}input[type=checkbox],input[type=range]{accent-color:var(--ink)}
/* Shared panels and row rhythm for the directory, tables and tool pages. */
.card,.tlist,.tbl-wrap,.quick-compare,.change-panel,.timeline,.calc,.wk,.wiz,.lens,.ladder,.covers,.verdict,.notify,.answer,.sponsored,.pickbar,.decide>div,.cmpbar,.tool-body>#b-plans{border:var(--panel-border);border-radius:var(--radius-panel)}
.tbl-wrap{background:var(--surface)}table{font-family:var(--f-body)}th{font:500 10px/1.5 var(--f-mono);text-transform:none;letter-spacing:0;background:#EDEDE4;color:var(--muted);padding:12px 15px;border-bottom:1px solid var(--ink)}td{padding:19px 15px;border-bottom:1px dashed #CCD0C1;line-height:1.5;font-size:13px}tbody tr:hover td{background:#F5F4EC}tr:last-child td{border-bottom:0}td .toolname,.tmain .tn a{font-family:var(--f-body);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}.tcell{min-width:155px}.tcell .sub{font-size:11px;margin-top:2px}.trow{padding:19px 15px;border-bottom:1px dashed #CCD0C1}.mono-tile,.trow .mono-tile{border:1px solid var(--line);border-radius:3px;font-family:var(--f-mono);font-weight:600;filter:saturate(.55)}
.ptag,.qc-row .ptag,td.price,.rprice,.rec .rprice,.wkbig,.calc .big{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.055em}.ptag,.qc-row .ptag,td.price{font-size:20px;line-height:1.2}.ptag small,.rate-unit{font-family:var(--f-mono);font-size:10px;line-height:1.5;color:var(--muted);font-weight:400;letter-spacing:0}.price .sub{font-family:var(--f-body);font-size:10px;line-height:1.5;letter-spacing:0;font-weight:400;margin-top:5px;white-space:normal}.tpr .sub{font-family:var(--f-body);font-size:10px}.pill{border-radius:2px;font:500 9px/1.5 var(--f-mono);padding:1px 5px;letter-spacing:0;text-transform:none}.pill.cat{padding-left:0;background:transparent}.pill.yes,.pill.down{background:var(--down-soft);color:var(--down)}.pill.up{background:var(--up-soft);color:var(--up)}.pill.new{background:var(--new-soft);color:var(--new)}
.answer{border-left:4px solid var(--brand);background:var(--surface)}.wstep>b,.steps3 b,.howit .card b{font-family:var(--f-body)}.wstep>b span{border-radius:2px;background:var(--brand);color:var(--ink);border:1px solid var(--ink);font-family:var(--f-mono)}.rec{border-top:4px solid var(--brand)}.rec .rlabel{font-family:var(--f-mono);font-size:10px;color:var(--muted)}.notify{background:var(--sunk)}.sidenav a{font-size:11px}.sidenav a.on{color:var(--ink);border-left-color:var(--ink);background:#FFF5BF}.tag,.revlinks a{font-family:var(--f-mono);font-size:10px;border-radius:3px}.calc .big{font-size:30px}.side th .toolname{font-size:14px}footer.site .cols b{font-family:var(--f-mono);font-size:11px;text-transform:uppercase}
@media(max-width:760px){.head h1,.tool-title h1{font-size:30px}.home-hero h1{font-size:40px;line-height:1.03}h2,.tool-body h2,.quick-compare h2,.change-panel h2,.closing-note h2{font-size:23px}.tabs button,.category-tabs .chip,.subtabs a{font-size:9px;padding:9px 8px;min-height:34px}.category-tabs{gap:0}.chip,.wopt{font-size:10px;padding:8px 10px}.ptag,.qc-row .ptag,td.price{font-size:18px}td{padding:16px 12px}.trow{padding:16px 12px}.btn,.btn.sm,.tact .btn{font-size:10px}.crumbs{font-size:9px}.head{gap:14px}.lede{font-size:14px}}

/* TierTrail / bright supermarket & receipt edition */
:root{--bg:#FAF7EB;--surface:#FFFEF8;--sunk:#F0ECDD;--ink:#171715;--muted:#615E53;--faint:#777365;--line:#DAD3BE;--brand:#FFD60A;--tag:#FFD60A;--accent:#1746CE;--accent-soft:#FFF2A8;--up:#BE3926;--up-soft:#FFE7DE;--down:#167443;--down-soft:#DDF0DF;--radius-panel:2px;--radius-control:2px;--panel-border:2px solid var(--ink)}
body{background:var(--bg)}.page{gap:40px;padding-top:30px}.home-hero{background:var(--brand);border:2px solid var(--ink);padding:30px;gap:36px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;box-shadow:5px 5px 0 var(--ink)}.home-hero h1{font-size:clamp(36px,4.1vw,54px);font-weight:900;letter-spacing:-.035em;line-height:.99;color:var(--ink)}.home-hero h1>span{color:var(--ink);text-decoration:none}.hero-eyebrow{font-size:10px;font-weight:600;letter-spacing:.055em;margin-bottom:17px}.hero-eyebrow .brand-dot{background:var(--ink);border-color:var(--ink)}.hero-desc{color:var(--ink);font-size:15px;margin-top:20px}.hero-actions{gap:18px}.hero-actions .text-link,.snapshot,.snapshot a{color:var(--ink)}.snapshot{font-size:9px}.bigsearch input{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--surface);font-size:14px}.hero-actions .btn{border:2px solid var(--ink);font-size:10px}.btn,.btn.sm,.tact .btn{border-color:var(--ink);border-radius:2px}.btn:hover{background:var(--brand);box-shadow:2px 2px 0 var(--ink)}.btn.primary{background:var(--ink);color:var(--surface)}.btn.primary:hover{background:var(--surface);color:var(--ink)}header.site{background:var(--surface)}.context-bar{border-top:0;border-bottom:2px solid var(--ink);padding-bottom:15px;margin-top:-14px;font-size:10px}.snapshot-label{font-size:9px}.brand-dot{background:var(--brand);border:1px solid var(--ink)}
/* Receipt paper: dotted rules, monospaced labels, barcode and torn edge. */
.quick-compare,.change-panel{background:#FFFEF8;border:2px solid var(--ink);border-bottom:0;border-radius:0;padding:22px 22px 34px;box-shadow:none;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),100% calc(100% - 8px),99% 100%,98% calc(100% - 8px),97% 100%,96% calc(100% - 8px),95% 100%,94% calc(100% - 8px),93% 100%,92% calc(100% - 8px),91% 100%,90% calc(100% - 8px),89% 100%,88% calc(100% - 8px),87% 100%,86% calc(100% - 8px),85% 100%,84% calc(100% - 8px),83% 100%,82% calc(100% - 8px),81% 100%,80% calc(100% - 8px),79% 100%,78% calc(100% - 8px),77% 100%,76% calc(100% - 8px),75% 100%,74% calc(100% - 8px),73% 100%,72% calc(100% - 8px),71% 100%,70% calc(100% - 8px),69% 100%,68% calc(100% - 8px),67% 100%,66% calc(100% - 8px),65% 100%,64% calc(100% - 8px),63% 100%,62% calc(100% - 8px),61% 100%,60% calc(100% - 8px),59% 100%,58% calc(100% - 8px),57% 100%,56% calc(100% - 8px),55% 100%,54% calc(100% - 8px),53% 100%,52% calc(100% - 8px),51% 100%,50% calc(100% - 8px),49% 100%,48% calc(100% - 8px),47% 100%,46% calc(100% - 8px),45% 100%,44% calc(100% - 8px),43% 100%,42% calc(100% - 8px),41% 100%,40% calc(100% - 8px),39% 100%,38% calc(100% - 8px),37% 100%,36% calc(100% - 8px),35% 100%,34% calc(100% - 8px),33% 100%,32% calc(100% - 8px),31% 100%,30% calc(100% - 8px),29% 100%,28% calc(100% - 8px),27% 100%,26% calc(100% - 8px),25% 100%,24% calc(100% - 8px),23% 100%,22% calc(100% - 8px),21% 100%,20% calc(100% - 8px),19% 100%,18% calc(100% - 8px),17% 100%,16% calc(100% - 8px),15% 100%,14% calc(100% - 8px),13% 100%,12% calc(100% - 8px),11% 100%,10% calc(100% - 8px),9% 100%,8% calc(100% - 8px),7% 100%,6% calc(100% - 8px),5% 100%,4% calc(100% - 8px),3% 100%,2% calc(100% - 8px),1% 100%,0% calc(100% - 8px),0% 100%,0 calc(100% - 8px));filter:drop-shadow(3px 3px 0 #171715);font-family:var(--f-mono)}.quick-compare:before{display:none}.quick-compare:after,.change-panel:after{content:"";display:block;height:22px;margin-top:20px;background:repeating-linear-gradient(90deg,#171715 0 2px,transparent 2px 4px,#171715 4px 5px,transparent 5px 8px,#171715 8px 12px,transparent 12px 14px,#171715 14px 16px,transparent 16px 19px);opacity:.9}.quick-compare h2{font-family:var(--f-mono);font-stretch:normal;font-size:18px;font-weight:600;text-align:center;letter-spacing:-.05em;line-height:1.25;margin:19px 0 10px}.qc-heading{padding-bottom:11px;border-bottom:1px dashed var(--muted)}.qc-heading .eyebrow{font-size:9px}.qc-row{border-bottom:1px dashed #A9A18C;padding:14px 0}.qc-name b{font-family:var(--f-mono);font-size:12px;font-weight:600}.qc-name small{font-family:var(--f-mono);font-size:9px}.qc-note{font-size:9px;text-align:center}.qc-link{border:2px solid var(--ink);background:var(--brand);font-size:10px;min-height:40px}.qc-row:hover{background:#F5F1E4}.aside-title{border-bottom:1px dashed var(--muted);padding-bottom:12px}.aside-title .brand-dot{display:none}.aside-title .eyebrow{font-size:10px}.change-panel h2{font-family:var(--f-mono);font-size:21px;text-align:center;font-weight:600;letter-spacing:-.05em;margin:16px 0 6px}.change-item{border-bottom:1px dashed #AAA18B}.change-top b{font:600 12px var(--f-mono)}.change-value{font-size:13px}.change-item small{font-size:9px}.change-type{font-size:8px}.change-type.down{color:var(--down);background:var(--down-soft);padding:2px 4px}.trust-note{padding:16px;border:2px solid var(--ink);background:#FFE66C}.trust-note p,.trust-note a{color:var(--ink)}.calculator-link{border:2px solid var(--ink);background:var(--ink);border-radius:2px}.calculator-link b{font-family:var(--f-display);text-transform:uppercase;font-size:23px;font-weight:800}.calculator-link .eyebrow,.calculator-link>span:last-child{color:var(--brand)}
/* The same shelf ticket is used in lists, comparison tables and the receipt. */
.ptag,.qc-row .ptag,.price-ticket{display:inline-flex;align-items:baseline;gap:2px;background:var(--brand);color:var(--ink);border:1.5px solid var(--ink);border-radius:2px;padding:4px 6px;box-shadow:2px 2px 0 var(--ink);font-family:var(--f-mono);font-size:20px;font-weight:600;letter-spacing:-.065em;line-height:1.1;white-space:nowrap}.ptag:before{display:none}.ptag small,.price-ticket .rate-unit{font-size:9px;color:var(--ink);font-family:var(--f-mono);letter-spacing:-.03em;font-weight:400}.ptag.none,.ptag.free{box-shadow:none;background:var(--sunk);font-size:14px}.tpr{gap:8px}.tpr .sub{font-size:10px}.qc-row .tpr .sub{font-family:var(--f-mono);font-size:8px;max-width:140px}.mono-tile,.trow .mono-tile{filter:none;border:1px solid var(--ink);border-radius:2px}.tlist,.tbl-wrap{border:2px solid var(--ink)}.trow{border-bottom:1px dashed #A8A18D}.tmain .tn a,td .toolname{font-weight:600}.trow:hover{background:#FFF9D5}.tmain .td{color:var(--muted)}th{background:var(--ink);color:var(--surface);border-bottom:2px solid var(--ink);font-size:10px}th.sort:hover{color:var(--brand)}td{border-bottom-color:#A8A18D}tbody tr:hover td{background:#FFF9D5}table.side th:first-child{background:var(--ink)}table.side th:first-child,table.side td:first-child{border-right:1px solid var(--line)}
.tabs,.category-tabs,.subtabs{border-bottom:2px solid var(--ink)}.tabs button,.category-tabs .chip,.subtabs a{font-size:10px;font-weight:500}.tabs button.on,.category-tabs .chip.on,.subtabs a.on{border:2px solid var(--ink);border-bottom:0;background:var(--brand)}.pill{border:1px solid transparent;font-size:9px}.pill.yes,.pill.down{border-color:#A7C8AC}.pill.new{border-color:#CBB8E7}.pill.up{border-color:#E1B29D}.pill.cat{border:0}.aisles{gap:8px;border:0}.aisle{border:2px solid var(--ink);padding:16px 12px;background:var(--surface);position:relative}.aisle:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--brand);border-bottom:1px solid var(--ink)}.aisle b{font-family:var(--f-display);font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:-.025em}.aisle-count{font-size:9px}.aisle-no{font-size:10px}.aisle:hover{background:var(--brand);box-shadow:2px 2px 0 var(--ink)}section.blk>header{border-bottom:2px solid var(--ink);padding-bottom:12px}.section-index{font-size:10px;color:var(--ink)}h2{font-weight:850}.closing-note{background:var(--brand);border:2px solid var(--ink);padding:25px;box-shadow:4px 4px 0 var(--ink)}.closing-note p,.closing-note .eyebrow{color:var(--ink)}
/* Interior pages carry the same bright chapter band and paper panels. */
.page>.head{background:var(--brand);border:2px solid var(--ink);padding:24px;box-shadow:4px 4px 0 var(--ink)}.head .lede,.head .crumbs,.head .crumbs a,.head .small{color:var(--ink)}.head .badge-verified{border:1px solid var(--ink);background:var(--surface)}.head .category-tabs .chip{color:var(--ink);font-size:10px}.head .category-tabs .chip.on{background:var(--ink);color:var(--brand)}.head .category-tabs .chip:hover{background:var(--surface);color:var(--ink)}.card,.calc,.wk,.wiz,.lens,.ladder,.covers,.verdict,.timeline{background:var(--surface);border:2px solid var(--ink);border-radius:2px}.tool-body>#b-plans{border:2px solid var(--ink);box-shadow:inset 0 5px 0 var(--brand);background:var(--surface)}.tool-body>#b-plans>header{border-bottom:1px dashed var(--muted)}.answer{border:2px solid var(--ink);border-left:7px solid var(--brand)}.notify{border:2px solid var(--ink);background:#FFEB74}.notify .muted{color:var(--ink)}.wstep{padding-bottom:15px;border-bottom:1px dashed #B5AD98}.wstep:last-child{padding-bottom:0;border-bottom:0}.wopt.on,.seg button.on{background:var(--brand);color:var(--ink);border-color:var(--ink)}.rec{border-top:6px solid var(--brand)}.sidenav a.on{background:var(--brand)}.seg{border:1px solid var(--ink)}footer.site{background:#EEE7D2;border-top:2px solid var(--ink)}.market-tape{min-height:38px}.tape-symbol{color:var(--brand)}.tape-value.dn{color:#83E9A0}.tape-value.upx{color:#FFA28B}
@media(max-width:1100px){.home-hero{gap:24px;padding:24px}.home-hero h1{font-size:45px}.qc-heading{gap:8px}.qc-heading .small{font-size:9px}.qc-row{gap:9px}.qc-name b{font-size:11px}}
@media(max-width:760px){.page{gap:32px;padding-top:22px}.home-hero{grid-template-columns:1fr;padding:21px 17px;gap:28px;box-shadow:3px 3px 0 var(--ink)}.home-hero h1{font-size:40px;line-height:.99}.hero-eyebrow{font-size:9px}.hero-desc{font-size:14px}.hero-actions{gap:16px}.hero-actions .btn{font-size:9px}.snapshot{font-size:8px}.quick-compare,.change-panel{padding:18px 17px 30px}.quick-compare h2{font-size:18px}.qc-name b{font-size:12px}.qc-row .ptag,.ptag,.price-ticket{font-size:18px;padding:4px 5px}.qc-row .tpr .sub{font-size:8px}.context-bar{font-size:9px;margin-top:0}.aisle{padding:15px 10px 11px}.aisle b{font-size:16px}.aisles{gap:7px}.trow{grid-template-columns:30px minmax(0,1fr) 112px}.page>.head{padding:20px 16px;box-shadow:3px 3px 0 var(--ink)}.head h1{font-size:30px}.head .category-tabs .chip{font-size:9px;padding:9px 7px}.tabs button{font-size:9px;padding-inline:7px}.tpr .sub{font-size:9px}.closing-note{padding:21px;box-shadow:3px 3px 0 var(--ink)}.closing-note h2{font-size:25px}.market-tape{min-height:34px}}

/* Fluid canvas: use the window width, retain comfortable gutters. */
:root{--wrap:none;--page-gutter:clamp(16px,3vw,76px)}
.wrap{width:100%;max-width:none;margin:0;padding-left:max(var(--page-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--page-gutter),env(safe-area-inset-right,0px))}
.home-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:clamp(24px,3.2vw,76px);gap:clamp(30px,4vw,100px)}
.home-hero h1{font-size:clamp(44px,5.1vw,112px);line-height:.98;max-width:14ch;text-wrap:initial}.hero-desc{font-size:clamp(16px,1.25vw,24px);margin-top:clamp(20px,2vw,40px)}.hero-copy .bigsearch{max-width:850px}.hero-copy .bigsearch input{font-size:clamp(15px,1.1vw,21px);padding-block:clamp(15px,1.2vw,23px)}.hero-actions{margin-top:clamp(20px,1.8vw,32px)}.hero-actions .btn{font-size:clamp(11px,.78vw,15px);padding:12px 17px}.hero-actions .text-link{font-size:clamp(12px,.9vw,17px)}.hero-eyebrow{font-size:clamp(10px,.7vw,13px)}.snapshot{font-size:clamp(9px,.65vw,12px);margin-top:24px}.catalog-layout{grid-template-columns:minmax(0,1fr) clamp(290px,23vw,430px);gap:clamp(24px,3vw,65px)}
/* Restored oversized rotating shelf tag. */
.shelfc{display:flex;flex-direction:column;gap:22px;justify-self:center;width:100%;max-width:760px;min-width:0;padding:5px 10px 8px}.sc-cap{font:500 clamp(11px,.9vw,17px)/1.55 var(--f-body);color:var(--ink);text-align:center;margin:0}.sc-cap b{background:#E3262B;color:white;padding:4px 7px;font-weight:700}.sc-track{display:grid;min-width:0;padding:10px 8px}.sc-slide{grid-area:1/1;opacity:0;visibility:hidden;transform:scale(.98);transition:opacity .25s,transform .25s;display:flex;justify-content:center;min-width:0}.sc-slide.on{opacity:1;visibility:visible;transform:none}.shelf{background:#FFF;color:#141414;border:3px solid #141414;box-shadow:8px 8px 0 #141414;transform:rotate(2deg);padding:clamp(16px,1.7vw,32px);display:flex;flex-direction:column;gap:clamp(10px,1vw,18px);width:100%;min-width:0}.sc-slide:nth-child(even) .shelf{transform:rotate(-2deg)}.shelf:hover{text-decoration:none}.sc-slide.deal .shelf{box-shadow:8px 8px 0 #E3262B}.shelf .sh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;font:600 clamp(9px,.8vw,15px)/1.5 var(--f-mono);text-transform:uppercase}.shelf .sh-name{font-family:Archivo,Arial,sans-serif;font-stretch:75%;font-weight:900;font-size:clamp(25px,2.4vw,50px);line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}.shelf .sale{display:inline-block;background:#E3262B;color:#FFF;font:700 clamp(10px,.8vw,15px)/1.4 var(--f-mono);padding:2px 6px;vertical-align:middle}.shelf .sh-price{font-family:Archivo,Arial,sans-serif;font-stretch:62%;font-weight:900;font-size:clamp(100px,11.5vw,240px);line-height:.84;letter-spacing:-.05em;display:flex;align-items:flex-start;white-space:nowrap;padding-top:8px}.shelf .sh-price sup{font-size:.4em;line-height:1;margin-top:.02em;letter-spacing:-.03em}.shelf .sh-price small{font-size:clamp(18px,1.7vw,34px);font-family:var(--f-body);font-weight:700;line-height:1.1;align-self:flex-end;margin:0 0 7px 8px;font-stretch:100%;letter-spacing:-.03em;white-space:normal}.shelf .sh-rows{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 12px;font-family:var(--f-mono);font-size:clamp(11px,1vw,19px);line-height:1.45;border-top:2px dashed #141414;padding-top:15px}.shelf .sh-rows>span:nth-child(even){text-align:right}.shelf s{text-decoration-thickness:2px}.shelf .bar{display:block;height:clamp(30px,3.3vw,65px);width:100%;border-radius:0;background:repeating-linear-gradient(90deg,#141414 0 2px,transparent 2px 4px,#141414 4px 7px,transparent 7px 8px,#141414 8px 9px,transparent 9px 12px);margin-top:6px}.shelf .sh-foot{display:flex;justify-content:space-between;gap:16px;font-family:var(--f-mono);font-size:clamp(9px,.75vw,14px);line-height:1.5}.shelf .sh-foot>span:last-child{text-align:right}.sc-nav{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.sc-btn{font:700 19px/1 var(--f-mono);width:38px;height:38px;border:2px solid #141414;background:#FFF;color:#141414;border-radius:3px;cursor:pointer;box-shadow:3px 3px 0 #141414}.sc-btn:hover{background:#141414;color:var(--brand)}.sc-pause{font-size:12px}.sc-dots{display:flex;gap:7px;align-items:center}.sc-dot{width:12px;height:12px;border-radius:50%;border:2px solid #141414;background:transparent;padding:0;cursor:pointer}.sc-dot.on{background:#141414}.sc-dot.deal{border-color:#E3262B}.sc-dot.deal.on{background:#E3262B}
@media(min-width:1700px){header.site .wrap{gap:30px;padding-block:22px}.logo{font-size:30px}.logo svg{width:30px;height:30px}nav.main a,.dd>button{font-size:15px;padding:8px 12px}.regsel{max-width:200px;font-size:13px}.search{max-width:240px;flex-basis:200px}.search input[type=text]{font-size:14px}.aisles{grid-template-columns:repeat(6,minmax(0,1fr))}.aisle{padding:24px 17px}.aisle b{font-size:23px}.aisle-count{font-size:11px}.context-bar{font-size:13px;gap:38px}.snapshot-label{font-size:11px}.section-index{font-size:12px}h2,.tool-body h2,.change-panel h2,.closing-note h2{font-size:32px}.trow{padding:25px 22px;grid-template-columns:44px minmax(0,1fr) 170px 115px;gap:20px}.tmain .tn a,td .toolname{font-size:18px}.tmain .td,td{font-size:15px}.tpr .sub{font-size:12px}.ptag,.price-ticket{font-size:25px}.btn,.btn.sm,.tact .btn{font-size:12px;padding:10px 14px}.tabs button,.category-tabs .chip,.subtabs a{font-size:12px;padding:12px 15px}.pill{font-size:10px}.text-link,.catalog>header>a{font-size:15px}.blk-note{font-size:12px}.head h1{font-size:58px}.lede{font-size:18px}th{font-size:12px}td{padding:23px 19px}.tool-layout{grid-template-columns:220px minmax(0,1fr)}.sidenav a{font-size:13px}.prose{max-width:85ch}.tool-body .answer{font-size:18px;max-width:90ch}}
@media(max-width:1000px){.home-hero{grid-template-columns:1fr;gap:30px}.home-hero h1{font-size:clamp(40px,7vw,65px);max-width:18ch}.shelfc{max-width:550px}.shelf .sh-price{font-size:145px}.shelf .sh-name{font-size:33px}.shelf .sh-rows{font-size:14px}.shelf .sh-top{font-size:11px}.shelf .sh-foot{font-size:10px}.shelf .sh-price small{font-size:23px}}
@media(max-width:760px){:root{--page-gutter:16px}.home-hero{padding:21px 17px;gap:26px}.home-hero h1{font-size:40px;max-width:none}.shelfc{gap:18px;padding-inline:2px;max-width:100%}.sc-track{padding:7px 5px}.shelf{padding:16px 14px;gap:12px;border-width:2px;box-shadow:5px 5px 0 #141414;transform:rotate(1.5deg)}.sc-slide:nth-child(even) .shelf{transform:rotate(-1.5deg)}.sc-slide.deal .shelf{box-shadow:5px 5px 0 #E3262B}.shelf .sh-price{font-size:110px}.shelf .sh-price small{font-size:17px;margin-left:5px}.shelf .sh-name{font-size:25px}.shelf .sh-top{font-size:8px;gap:8px}.shelf .sh-rows{font-size:10px;gap:5px 9px;padding-top:10px}.shelf .sh-foot{font-size:8px;gap:10px}.shelf .bar{height:28px}.sc-cap{font-size:11px}.sc-nav{gap:9px}.sc-btn{height:32px;width:32px;font-size:15px}.sc-pause{font-size:10px}.sc-dots{gap:5px}.sc-dot{width:10px;height:10px}.catalog-layout{grid-template-columns:1fr}.hero-desc{font-size:14px}.hero-actions .btn{font-size:10px}.snapshot{font-size:8px}.context-bar{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sc-slide{transition:none;transform:none}}


/* One consistent compare position: before the tool identity. */
.tool-identity{display:flex;align-items:center;gap:12px;min-width:0}.identity-name{min-width:0;display:block}.identity-name .toolname{overflow-wrap:anywhere}.identity-name .sub{display:block;margin-top:3px}.btn.cmp,.tact .btn.cmp{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:112px;min-width:112px;flex:none;min-height:36px;padding:8px 9px;white-space:nowrap;font-size:10px;align-self:center}.cmp-icon{font-size:14px;line-height:1}.cmp-label{font-size:inherit}.btn.cmp.on{background:var(--brand);border-color:var(--ink);color:var(--ink)}.trow{grid-template-columns:112px 32px minmax(0,1fr) 140px;gap:15px}.trow>.cmp{grid-column:1;grid-row:1}.trow>.mono-tile{grid-column:2;grid-row:1}.trow>.tmain{grid-column:3;grid-row:1}.trow>.tpr{grid-column:4;grid-row:1}.tool-title{align-items:center;gap:15px}.tool-title>.cmp{align-self:center}.rec>.tool-identity{margin-block:5px}.result-row>.tool-identity{flex:1}.tool-identity+.sub{margin-top:4px}td:has(>.tool-identity){min-width:230px}.tcell{min-width:0}
@media(min-width:1700px){.trow{grid-template-columns:112px 44px minmax(0,1fr) 170px;gap:20px}.btn.cmp{font-size:11px}}
@media(max-width:1100px){.trow{grid-template-columns:100px 32px minmax(0,1fr) 120px;gap:12px}.trow>.cmp{width:100px;min-width:100px}.tool-identity{gap:10px}}
@media(max-width:760px){.btn.cmp,.trow>.cmp{width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.cmp-label{display:none}.cmp-icon{font-size:18px}.tool-identity{gap:9px}.trow{grid-template-columns:34px 28px minmax(0,1fr);gap:9px;padding:16px 11px}.trow>.cmp{grid-column:1;grid-row:1;align-self:start}.trow>.mono-tile{grid-column:2;grid-row:1;--s:28px!important;align-self:start}.trow>.tmain{grid-column:3;grid-row:1}.trow>.tpr{grid-column:3;grid-row:2;align-items:flex-start;margin-top:1px}.trow>.tpr .sub{text-align:left;max-width:none}.tool-title{gap:10px;align-items:flex-start}.tool-title>.cmp{align-self:flex-start;margin-top:2px}.tool-title>.mono-tile{--s:30px!important;align-self:flex-start;margin-top:2px}.tool-title h1{min-width:0}.tool-identity .toolname{font-size:14px}td:has(>.tool-identity){min-width:220px}.result-row .tool-identity{align-items:flex-start}}


.tool-identity .identity-name .toolname{overflow-wrap:normal;word-break:normal}td:has(>.tool-identity){min-width:335px}.tool-identity .identity-name{flex:1}.tool-identity>.mono-tile{flex:none}@media(max-width:760px){td:has(>.tool-identity){min-width:235px}}
/* Coloured pricing and factual labels in tool-selection cards. */
.pick-pricing{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}.pick-from{font:400 10px var(--f-mono);color:var(--muted)}.pick-tags{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:10px}.pick-tags .pill{font-size:10px;padding:3px 7px}.pick .pick-pricing .ptag{font-size:21px}.pick .ptag.none{font-size:14px;border:1px solid var(--line);background:var(--sunk);padding:6px 8px;letter-spacing:0}.pick.card{gap:12px;transition:background .12s,border-color .12s}.pick.card>span:first-child b{font-size:16px}.pick.card input[type=checkbox]{flex:none;width:16px;height:16px;margin:3px 0 0;accent-color:var(--ink)}label.pick:has(input:checked){border-color:var(--ink);background:#FFF0A2;box-shadow:inset 0 4px 0 var(--brand)}label.pick:hover{border-color:var(--ink);background:#FFF9D5}.pickbar{top:calc(var(--nav-bottom,76px) + 8px);z-index:44}.pick-tags .pill.cat{background:var(--sunk);color:var(--muted);padding:3px 7px;border:1px solid var(--line)}
/* Fixed visual header mirrors the source table, including horizontal scroll. */
.tbl-wrap.sidewrap{overflow-x:auto;overflow-y:hidden}table.side thead th{position:static;top:auto}.sticky-table-head{position:fixed;z-index:45;overflow:hidden;pointer-events:auto;background:var(--ink);border:2px solid var(--ink);border-top:0;box-shadow:0 4px 0 #17171518;box-sizing:border-box}.sticky-table-head[hidden]{display:none}.sticky-table-head table{margin:0;border:0;min-width:0;border-collapse:collapse;transform-origin:left top}.sticky-table-head thead th{position:static!important;top:auto!important;vertical-align:top;background:var(--ink);color:var(--surface);box-sizing:border-box}.sticky-table-head table.side th:first-child{background:var(--ink)}.sticky-table-head .sort:hover{color:var(--brand)}
@media(max-width:760px){.pick .pick-pricing .ptag{font-size:20px}.pick-tags .pill{font-size:9px}.pick-pricing{gap:7px}.pickbar{top:calc(var(--nav-bottom,126px) + 6px)}}


/* Compact first block on phones and small tablets; desktop scale is preserved. */
@media(max-width:1000px){
 .home-hero{width:100%;max-width:740px;justify-self:center;align-self:center;margin-inline:auto;padding:25px;gap:24px}
 .home-hero h1{font-size:clamp(36px,5.4vw,48px);max-width:18ch}
 .hero-copy .bigsearch{max-width:none}.hero-desc{font-size:15px;margin-top:18px}
 .shelfc{max-width:420px;gap:16px}.shelf .sh-price{font-size:118px}.shelf .sh-name{font-size:28px}.shelf .sh-rows{font-size:12px}.shelf .sh-top{font-size:10px}.shelf .sh-foot{font-size:9px}.shelf .sh-price small{font-size:20px}.shelf .bar{height:32px}
}
@media(max-width:760px){
 .home-hero{width:calc(100% - 12px);max-width:420px;padding:19px 14px;gap:19px;box-shadow:3px 3px 0 var(--ink)}
 .home-hero h1{font-size:clamp(28px,8vw,34px);line-height:1.02;max-width:none;letter-spacing:-.035em}
 .hero-eyebrow{font-size:8px;gap:7px;margin-bottom:12px}.hero-desc{font-size:13px;line-height:1.55;margin:15px 0 17px}
 .hero-copy .bigsearch input{font-size:12px;padding:12px 11px 12px 35px}.bigsearch svg{left:11px;width:15px;height:15px}
 .hero-actions{gap:11px;margin-top:15px}.hero-actions .btn{font-size:9px;padding:10px 11px;gap:10px;min-height:36px}.hero-actions .text-link{font-size:10px}
 .snapshot{font-size:8px;line-height:1.6;margin-top:14px}.snapshot span{padding-inline:3px}
 .shelfc{max-width:300px;gap:13px;padding:2px 1px 4px}.sc-cap{font-size:10px;line-height:1.6}.sc-cap b{padding:2px 5px}.sc-track{padding:6px 4px}
 .shelf{padding:13px 12px;gap:10px}.shelf .sh-name{font-size:22px}.shelf .sh-price{font-size:92px;padding-top:3px}.shelf .sh-price small{font-size:15px;margin-left:4px;margin-bottom:5px}
 .shelf .sh-top{font-size:8px;gap:7px}.shelf .sh-rows{font-size:10px;line-height:1.4;gap:4px 8px;padding-top:9px}.shelf .sh-foot{font-size:8px;gap:8px}.shelf .bar{height:23px;margin-top:3px}
 .sc-nav{gap:8px}.sc-btn{width:30px;height:30px;box-shadow:2px 2px 0 #141414}.sc-dot{width:9px;height:9px}.sc-dots{gap:5px}
}
@media(max-width:360px){.home-hero{width:calc(100% - 8px);padding:17px 12px}.hero-actions{gap:10px}.hero-actions .text-link{font-size:9px}.home-hero h1{font-size:28px}.shelf .sh-price{font-size:84px}.shelf .sh-name{font-size:20px}.shelf .sh-top{font-size:7px}.shelf .sh-rows{font-size:9px}.sc-nav{gap:7px}.sc-dots{gap:4px}.sc-btn{width:28px;height:28px}}


/* Compact hero at every desktop size: fluid width does not enlarge the content. */
@media(min-width:1001px){
 .home-hero{grid-template-columns:minmax(0,1fr) minmax(320px,430px);padding:26px 32px;gap:42px;align-items:center;min-height:0}
 .home-hero h1{font-size:clamp(36px,3.1vw,52px);max-width:24ch;line-height:1.04;letter-spacing:-.035em}
 .hero-eyebrow{font-size:10px;margin-bottom:14px}.hero-desc{font-size:15px;line-height:1.55;margin:18px 0 20px}
 .hero-copy .bigsearch{max-width:650px}.hero-copy .bigsearch input{font-size:14px;padding-block:13px}
 .hero-actions{gap:20px;margin-top:17px}.hero-actions .btn{font-size:11px;padding:10px 14px}.hero-actions .text-link{font-size:12px}.snapshot{font-size:9px;margin-top:16px}
 .shelfc{max-width:430px;gap:12px;padding:2px 8px 5px}.sc-cap{font-size:11px;line-height:1.5}.sc-cap b{padding:2px 5px}.sc-track{padding:7px 6px}
 .shelf{padding:15px 17px;gap:10px;border-width:2px;box-shadow:5px 5px 0 #141414}.sc-slide.deal .shelf{box-shadow:5px 5px 0 #E3262B}
 .shelf .sh-top{font-size:9px;gap:10px}.shelf .sh-name{font-size:27px;line-height:1.05}.shelf .sale{font-size:9px;padding:2px 4px}
 .shelf .sh-price{font-size:112px;line-height:.84;padding-top:3px}.shelf .sh-price small{font-size:18px;margin:0 0 5px 6px}
 .shelf .sh-rows{font-size:11px;gap:4px 10px;padding-top:10px}.shelf .sh-foot{font-size:8px;gap:12px}.shelf .bar{height:27px;margin-top:3px}
 .sc-nav{gap:9px}.sc-btn{width:30px;height:30px;font-size:15px;box-shadow:2px 2px 0 #141414}.sc-pause{font-size:10px}.sc-dot{width:10px;height:10px}.sc-dots{gap:6px}
}
@media(min-width:1700px){
 .home-hero{grid-template-columns:minmax(0,1fr) minmax(380px,470px);padding:30px 42px;gap:64px}
 .home-hero h1{font-size:56px;max-width:27ch}.hero-desc{font-size:17px}.shelfc{max-width:470px}.shelf .sh-name{font-size:29px}.shelf .sh-price{font-size:120px}.shelf .sh-rows{font-size:12px}.shelf .sh-top{font-size:10px}.shelf .sh-foot{font-size:9px}.hero-copy .bigsearch{max-width:760px}
}


/* Short, readable hero title; scale is capped independently of screen width. */
.home-hero h1{font-size:clamp(32px,3.1vw,46px);font-weight:850;line-height:1.04;max-width:none;text-wrap:initial;letter-spacing:-.03em}
@media(min-width:1700px){.home-hero h1{font-size:48px}}
@media(max-width:1000px){.home-hero h1{font-size:36px}}
@media(max-width:760px){.home-hero h1{font-size:clamp(27px,7.5vw,32px);line-height:1.04}}
@media(max-width:360px){.home-hero h1{font-size:27px}}


/* Full-width colour band, centred content: prevent the ultrawide empty middle. */
.home-hero{display:block;padding:26px 32px}.hero-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:42px;width:100%;max-width:1240px;margin-inline:auto;min-width:0}.hero-copy{min-width:0}.hero-composition>.shelfc{width:100%;justify-self:center}
@media(min-width:1700px){.home-hero{padding:30px 42px}.hero-composition{max-width:1320px;grid-template-columns:minmax(0,760px) 450px;gap:70px}.hero-composition .shelfc{max-width:450px}.hero-copy .bigsearch{max-width:100%}}
@media(max-width:1000px){.home-hero{padding:25px}.hero-composition{grid-template-columns:1fr;gap:24px;max-width:none}}
@media(max-width:760px){.home-hero{padding:19px 14px}.hero-composition{gap:19px}}
@media(max-width:360px){.home-hero{padding:17px 12px}}

/* Readable type and spacing shared across routes. */
body{font-size:16px}.small{font-size:14px}.faint{color:#706A5D}.crumbs{font-family:var(--f-body);font-size:13px;line-height:1.6;gap:9px}.lede{font-size:17px;line-height:1.65}.page>.head{gap:20px;padding:28px}.head .badge-verified,.badge-verified{font-family:var(--f-body);font-size:13px;line-height:1.5;padding:8px 11px;gap:8px}.badge-verified .pill{font-size:11px}.head .small{font-size:14px;line-height:1.7}.category-tabs,.tabs,.subtabs{column-gap:4px;row-gap:6px;padding-top:3px}.tabs button,.category-tabs .chip,.subtabs a,.head .category-tabs .chip{font-family:var(--f-body);font-size:14px;font-weight:500;min-height:42px;padding:11px 15px;line-height:1.45}.chip,.wopt,.seg button{font-family:var(--f-body);font-size:14px;line-height:1.45;min-height:40px;padding:9px 13px}.chips{gap:8px}.btn,.btn.sm,.hero-actions .btn{font-size:12px;min-height:38px}.text-link{font-family:var(--f-body);font-size:14px}.blk-note,.disclose,.legal{font-family:var(--f-body);font-size:13px;line-height:1.75}.eyebrow,.section-index{font-size:12px;line-height:1.5}.pill{font-size:11px;line-height:1.5;padding:3px 7px}.pill.cat{font-size:11px}.tmain .td{font-size:14px;line-height:1.55}.tpr .sub,.price .sub,td .sub,.tcell .sub{font-family:var(--f-body);font-size:12px;line-height:1.6}.tmain .tt{gap:7px}.tmain .tn a,td .toolname{font-size:16px}.tabs{gap:5px}.tabs button.on{padding:11px 15px}.regsel,.search input[type=text]{font-size:13px}.snapshot,.snapshot-label{font-size:11px}.context-bar{font-family:var(--f-body);font-size:13px;line-height:1.6}.sc-cap{font-size:13px}.shelf .sh-top{font-size:10px}.shelf .sh-rows{font-size:12px;line-height:1.6}.shelf .sh-foot{font-size:10px}.shelf .sale{font-size:10px}.change-item small{font-size:12px}.change-top b{font-size:14px}.change-type{font-size:10px}.change-value{font-size:15px}.change-panel .eyebrow{font-size:11px}.trust-note p,.trust-note a{font-size:14px;line-height:1.7}.trust-note .eyebrow{font-size:11px}.sidenav a{font-size:13px;line-height:1.5}.tool-body .blk-note{font-size:13px}th{font-size:12px;line-height:1.5;padding:14px 16px}td{font-size:14px;line-height:1.6;padding:20px 16px}.tbl-wrap .small{font-size:13px}.steps2{font-family:var(--f-body);font-size:14px;gap:12px;line-height:1.8}section.blk>header{gap:18px}.head .category-tabs .chip.on{background:var(--ink);color:var(--brand)}
/* Task selection: one visual grammar for title, count and tool labels. */
.catgrid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}.catgrid .catcard{position:relative;overflow:hidden;border:2px solid var(--ink);border-radius:2px;background:var(--surface);padding:24px 20px 20px;gap:17px;min-height:235px;box-shadow:3px 3px 0 #DED7C1}.catgrid .catcard:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--brand);border-bottom:1px solid var(--ink)}.catcard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.catcard-heading b{font-family:var(--f-display);font-size:22px;font-weight:800;line-height:1.1;text-transform:uppercase}.category-count{flex:none;font:500 12px/1.5 var(--f-mono);padding:4px 7px;background:var(--brand);border:1px solid var(--ink)}.category-tools{display:flex;flex-wrap:wrap;gap:7px}.category-tool{font:400 13px/1.5 var(--f-body);padding:4px 7px;border:1px solid #D5CEBA;background:#F2EFE3;color:#4D493F;border-radius:2px}.category-cta{margin-top:auto;font:500 13px/1.5 var(--f-body);color:var(--accent)}.catgrid .catcard:hover{background:#FFF7C5;text-decoration:none;box-shadow:3px 3px 0 var(--ink)}
/* Workload calculator: independent controls and spacious result sections. */
.wk{display:grid;grid-template-columns:minmax(275px,360px) minmax(0,1fr);gap:36px;padding:0;border:0;background:transparent;align-items:start}.wk-controls{border:2px solid var(--ink);background:var(--surface);padding:25px;display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--nav-bottom,76px) + 20px)}.wk-panel-title{font-family:var(--f-display);font-size:21px;font-weight:800;text-transform:uppercase;margin:0;line-height:1.2}.wk-controls>label,.wk-controls .two label{font:500 14px/1.5 var(--f-body);display:flex;flex-direction:column;gap:8px;margin:0}.wk-controls input,.wk-controls select{font-family:var(--f-body);font-size:15px;line-height:1.5;min-height:44px;padding:10px 11px;margin:0;max-width:100%}.wk .two{grid-template-columns:1fr;gap:20px}.wk-results{min-width:0;display:flex;flex-direction:column;gap:30px}.wk-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wk-metric{background:var(--surface);border:2px solid var(--ink);padding:22px;display:flex;flex-direction:column;gap:12px}.wk-metric.month{background:#FFF1A0}.wk-metric .eyebrow{font-family:var(--f-body);font-size:14px;text-transform:none;letter-spacing:0}.wk-metric .wkbig{font-size:30px;line-height:1.2}.wk-metric .small{font-size:14px}.wk-conclusion{font-size:15px;line-height:1.75;margin:0;padding:19px 22px;border-left:5px solid var(--brand);background:var(--surface);max-width:85ch}.wk-section{display:flex;flex-direction:column;gap:16px;min-width:0}.wk-section>header{display:flex;flex-direction:column;gap:6px}.wk-section h3{font-size:23px;margin:0}.wk-section>header .eyebrow{font-size:11px}.wk-section td{padding:20px 18px}.wk-section td .sub{margin-top:8px;line-height:1.7;font-size:13px}.wk-section .tbl-wrap th{font-size:12px;padding:15px 18px}.wk-results>.blk-note{padding:4px 0;max-width:90ch;font-size:13px;line-height:1.8}
/* Changelog: two records across on wide screens, chronological order by row. */
[data-route="changes"] .change-month{display:flex;flex-direction:column;gap:16px;margin-top:30px}[data-route="changes"] .change-month:first-child{margin-top:0}[data-route="changes"] .change-month h3{font-size:23px;margin:0}[data-route="changes"] .timeline .tl-row{padding:21px 23px;gap:12px 18px}[data-route="changes"] .tl-row .mono.small{font-size:13px}[data-route="changes"] .tl-what{font-size:15px;line-height:1.8;min-width:0}[data-route="changes"] .tl-row>a{font-size:13px}[data-route="changes"] .timeline .from{color:#817B6B}
@media(min-width:1440px){[data-route="changes"] .timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}[data-route="changes"] .timeline .tl-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;border-bottom:1px dashed #B5AD97}[data-route="changes"] .tl-row:nth-child(odd){border-right:1px solid var(--line)}[data-route="changes"] .tl-row>span:first-child{grid-column:1;grid-row:1}[data-route="changes"] .tl-row>span:nth-child(2){grid-column:2;grid-row:1;justify-self:end}[data-route="changes"] .tl-row .tl-what{grid-column:1/-1;grid-row:2}[data-route="changes"] .tl-row>a{grid-column:1/-1;grid-row:3;justify-self:end}.catgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.wk{grid-template-columns:minmax(330px,410px) minmax(0,1fr);gap:42px}.wk-controls{padding:30px}.wk .two{grid-template-columns:1fr 1fr;gap:16px}}
@media(min-width:2100px){.catgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1150px){.wk{grid-template-columns:1fr;gap:28px}.wk-controls{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.wk-panel-title{grid-column:1/-1}.wk-controls>.two{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;gap:20px}.wk-controls>label:last-child{grid-column:1/-1}.wk-results{gap:26px}}
@media(max-width:760px){body{font-size:15px}.page>.head{padding:21px 17px;gap:17px}.head .category-tabs .chip,.category-tabs .chip,.tabs button,.tabs button.on,.subtabs a{font-size:13px;min-height:40px;padding:10px 12px}.category-tabs,.tabs,.subtabs{column-gap:3px;row-gap:7px}.crumbs{font-size:12px}.head .small,.small{font-size:13px}.head .badge-verified,.badge-verified{font-size:12px;line-height:1.6}.lede{font-size:15px}.blk-note{font-size:12px}.pill{font-size:10px}.context-bar{font-size:12px}.snapshot,.snapshot-label{font-size:10px}.hero-eyebrow{font-size:10px}.sc-cap{font-size:12px}.shelf .sh-top{font-size:8px}.shelf .sh-rows{font-size:11px}.shelf .sh-foot{font-size:9px}.hero-actions .text-link{font-size:12px}.hero-actions .btn{font-size:10px}.catgrid{grid-template-columns:1fr;gap:15px}.catgrid .catcard{min-height:0;padding:24px 18px 20px;gap:17px}.category-tools{gap:7px}.category-tool{font-size:13px}.catcard-heading b{font-size:24px}.wk-controls{display:flex;gap:19px;padding:20px}.wk-controls>.two,.wk .two{display:grid;grid-template-columns:1fr;gap:19px}.wk-metrics{gap:12px}.wk-metric{padding:17px 14px;gap:10px}.wk-metric .eyebrow{font-size:13px}.wk-metric .wkbig{font-size:23px}.wk-conclusion{padding:17px;font-size:14px}.wk-results{gap:26px}.wk-section h3{font-size:21px}.wk-section .tbl-wrap{overflow-x:auto}.wk-section table{min-width:610px}.wk-section td{font-size:14px;padding:18px 15px}.wk-section .tbl-wrap th{font-size:12px}.wk-results>.blk-note{font-size:12px}.change-month h3{font-size:21px}[data-route="changes"] .tl-row{grid-template-columns:1fr auto}[data-route="changes"] .tl-row .tl-what{grid-column:1/-1;font-size:14px}[data-route="changes"] .tl-row .mono.small{font-size:12px}[data-route="changes"] .timeline .tl-row{padding:19px 16px}}
'''


.aisle-count{font-size:12px}.aisle-no{font-size:11px}.aisle-count>span{padding-left:8px}.btn.cmp{font-size:12px}.regsel{max-width:190px}.search input[type=text]{font-size:14px}@media(max-width:760px){.aisle-count{font-size:11px}.aisle-no{font-size:10px}.btn.cmp{font-size:11px}.regpick .regsel{max-width:170px;font-size:12px}}

/* Keep compact hero geometry inside its own coloured panel. */
.home-hero{width:100%;max-width:1440px;margin-inline:auto;align-self:center}.hero-composition{width:100%;max-width:1320px}
/* Category navigation belongs to the page toolbar, outside the yellow title. */
.category-panel{display:flex;flex-direction:column;gap:17px;min-width:0}.category-panel .category-tabs{background:var(--surface);border:2px solid var(--ink);padding:7px;column-gap:4px;row-gap:7px}.category-panel .category-tabs .chip{background:transparent;border:1px solid transparent;border-radius:2px;font-family:var(--f-body);font-size:14px;line-height:1.5;padding:10px 15px;min-height:42px;color:var(--ink);margin:0}.category-panel .category-tabs .chip.on{background:var(--brand);border-color:var(--ink);color:var(--ink)}.category-panel .category-tabs .chip:hover{background:#FFF4B9;color:var(--ink)}.category-panel>p{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}
/* API prices use the same labels and palette as subscription prices. */
#apitbl .price-ticket,.tbl-wrap .cached-ticket{font-size:20px;letter-spacing:-.04em;padding:5px 8px}.cached-ticket{background:#EFEADD;box-shadow:none;border-color:#C4BCA7}.api-free{font-size:14px;padding:6px 10px;font-family:var(--f-mono)}.rate-unavailable{font:400 18px var(--f-mono);color:var(--muted)}.provider-tag{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #D5CEBA;background:#F2EFE3;color:var(--ink);font-family:var(--f-body);font-size:14px;border-radius:2px;white-space:nowrap}.provider-tag:hover{background:var(--brand);border-color:var(--ink);text-decoration:none}#provs{gap:9px}#provs .chip{font-family:var(--f-body);font-size:14px;min-height:40px}#apitbl table{min-width:990px}#apitbl td.price{white-space:nowrap}#apitbl th{font-family:var(--f-mono);font-size:12px}
@media(max-width:1000px){.home-hero{max-width:740px}}
@media(max-width:760px){.home-hero{width:calc(100% - 12px);max-width:420px}.category-panel .category-tabs{gap:6px;padding:6px}.category-panel .category-tabs .chip{font-size:13px;padding:9px 10px;min-height:39px}.category-panel>p{font-size:13px}#provs .chip{font-size:13px}#apitbl .price-ticket,.tbl-wrap .cached-ticket{font-size:18px}.provider-tag{font-size:13px}.api-free{font-size:12px}}
@media(max-width:360px){.home-hero{width:calc(100% - 8px)}}


/* Wide hero: useful comparisons fill the middle; keep the full-width brand panel. */
.home-hero{width:100%;max-width:none;margin-inline:0}.hero-composition{max-width:none;grid-template-columns:minmax(0,1fr) minmax(320px,430px)}.hero-shortcuts{display:none;min-width:0}.hero-copy .bigsearch{max-width:100%}
@media(min-width:1500px){
 .home-hero{padding:28px 32px}.hero-composition{grid-template-columns:minmax(340px,.95fr) minmax(300px,1fr) minmax(350px,.85fr);gap:28px;max-width:none}
 .hero-copy{width:100%}.home-hero h1{font-size:clamp(38px,2.55vw,48px)}.hero-desc{font-size:16px}.hero-shortcuts{display:flex;flex-direction:column;gap:15px;align-self:center}.shortcut-heading .eyebrow{font-size:11px;color:var(--ink);font-family:var(--f-mono)}.shortcut-heading h2{font-size:27px;margin-top:6px;line-height:1.1}.shortcut-grid{display:grid;grid-template-columns:1fr;gap:12px}.shortcut-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px 16px;border:2px solid var(--ink);background:var(--surface);color:var(--ink);box-shadow:3px 3px 0 #17171533}.shortcut-card:nth-child(n+3){display:none}.shortcut-card:hover{background:#FFF7CB;box-shadow:3px 3px 0 var(--ink);text-decoration:none}.shortcut-category{display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 10px/1.5 var(--f-mono);text-transform:uppercase;border-bottom:1px dashed #B6AF99;padding-bottom:7px}.shortcut-index{color:var(--muted)}.shortcut-tool{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:center}.shortcut-name{font:600 14px/1.35 var(--f-body)}.shortcut-pricing{display:flex;flex-direction:column;gap:2px;text-align:right;max-width:130px}.shortcut-rate{font:600 17px/1.1 var(--f-mono);letter-spacing:-.045em}.shortcut-rate small{font:400 10px/1 var(--f-mono);letter-spacing:0;margin-left:2px}.shortcut-plan{font:400 10px/1.4 var(--f-body);color:var(--muted)}.shortcut-cta{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #B6AF99;padding-top:7px;font:500 12px/1.4 var(--f-body);color:var(--accent)}.shortcut-note{font:400 11px/1.5 var(--f-body);color:var(--ink);margin:0}.hero-composition>.shelfc{width:100%;max-width:none}.shelf .sh-name{font-size:27px}.shelf .sh-price{font-size:112px}.shelf .sh-rows{font-size:11px}.sc-cap{font-size:11px}.shelf .sh-foot{font-size:9px}
}
@media(min-width:2100px){
 .home-hero{padding:32px 40px}.hero-composition{grid-template-columns:minmax(400px,.95fr) minmax(560px,1.12fr) minmax(400px,.83fr);gap:36px}.hero-copy{max-width:780px}.hero-shortcuts{gap:17px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shortcut-card:nth-child(n+3){display:flex}.shortcut-card{padding:17px;gap:12px}.shortcut-tool{grid-template-columns:24px minmax(0,1fr);gap:6px 9px}.shortcut-pricing{grid-column:2;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:6px;text-align:left;max-width:none}.shortcut-rate{font-size:18px}.shortcut-plan{font-size:11px}.shortcut-name{font-size:15px}.shortcut-category{font-size:11px}.shortcut-cta{font-size:13px}.shortcut-heading h2{font-size:30px}.hero-composition>.shelfc{max-width:560px}.shelf .sh-price{font-size:126px}.shelf .sh-name{font-size:30px}.shelf .sh-rows{font-size:12px}.sc-cap{font-size:12px}
}
@media(max-width:1000px){.home-hero{width:100%;max-width:740px;margin-inline:auto}.hero-composition{grid-template-columns:1fr}}
@media(max-width:760px){.home-hero{width:calc(100% - 12px);max-width:420px}}
@media(max-width:360px){.home-hero{width:calc(100% - 8px)}}


/* Scale the headline to its own column, rather than the entire window. */
@media(min-width:1001px){
 .hero-copy{container-type:inline-size}
 .home-hero h1{font-size:clamp(48px,4vw,84px);line-height:1.01;max-width:none}
 @supports(font-size:1cqw){.home-hero h1{font-size:clamp(42px,12cqw,84px)}}
}


.header-alerts{flex:none;white-space:nowrap;font-family:var(--f-body);font-size:14px;font-weight:600;padding:10px 16px;min-height:40px;order:0}.header-alerts:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(min-width:1100px) and (max-width:1500px){header.site .wrap{gap:12px}header.site .search{flex:1 1 100px;max-width:150px}header.site .regsel{max-width:150px}.header-alerts{font-size:13px;padding:9px 12px}}
@media(max-width:1100px) and (min-width:761px){.header-alerts{margin-left:0}header.site .search{max-width:180px}}
@media(max-width:760px){header.site nav.main{display:contents}header.site nav.main>*{order:3}header.site .header-alerts{order:3;font-size:12px;padding:8px 12px;min-height:34px;margin:0}header.site .wrap{row-gap:9px}.regpick{order:0}.logo{order:0}}
/* Savings uses the same separate controls and results system as Cost. */
.save-calculator{display:grid;grid-template-columns:minmax(275px,360px) minmax(0,1fr);gap:36px;align-items:start;min-width:0}.save-controls{position:sticky;top:calc(var(--nav-bottom,76px) + 20px);display:flex;flex-direction:column;gap:23px;border:2px solid var(--ink);background:var(--surface);padding:25px;min-width:0}.save-controls label{display:flex;flex-direction:column;gap:9px;font:500 14px/1.5 var(--f-body);margin:0}.save-controls select{display:block;min-height:44px;font:400 15px/1.5 var(--f-body);padding:10px 11px;width:100%;max-width:100%;margin:0}.save-control-note{font-size:14px;line-height:1.75;color:var(--muted)}.save-controls>.pill{white-space:normal;align-self:flex-start;line-height:1.6}.save-current-tool{font:600 18px/1.5 var(--f-body);margin:0}.save-results{min-width:0}.wk-metric.saving{background:#E3F3DE}.wk-metric.saving .wkbig{color:var(--down)}.save-metric-note{font:400 13px/1.6 var(--f-body);color:var(--muted)}.saving-tag{display:inline-flex;gap:3px;align-items:baseline;white-space:nowrap;padding:6px 9px;border:1px solid #98BC94;background:#E3F3DE;color:#166035;font:600 18px/1.3 var(--f-mono);letter-spacing:-.04em}.saving-tag small{font:400 11px/1.3 var(--f-mono);letter-spacing:0}.save-alt-plan{display:block;margin-top:11px;font:500 14px/1.5 var(--f-body)}.save-alternatives td .sub{font-size:13px;line-height:1.7;max-width:48ch}.save-options{min-width:560px}.save-alternatives{min-width:660px}.save-free{display:flex;flex-direction:column;gap:16px;background:var(--surface);border:2px solid var(--ink);padding:22px}.save-free h3{font-size:21px}.save-free-links{display:flex;flex-wrap:wrap;gap:10px}.save-free-links>a{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);color:var(--ink);font-size:14px;background:#FAF8EF}.save-free-links>a:hover{background:#FFF1A0;text-decoration:none}.save-results .wk-section .tool-identity{gap:11px}.save-results .blk-note{font-size:13px;line-height:1.8}
@media(min-width:1440px){.save-calculator{grid-template-columns:minmax(330px,410px) minmax(0,1fr);gap:42px}.save-controls{padding:30px}}
@media(max-width:1150px){.save-calculator{grid-template-columns:1fr;gap:28px}.save-controls{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.save-controls .wk-panel-title,.save-controls .save-control-note,.save-controls>.pill,.save-controls .save-current-tool{grid-column:1/-1}}
@media(max-width:760px){.save-controls{display:flex;padding:20px;gap:20px}.save-calculator{gap:26px}.save-free{padding:18px}.save-free h3{font-size:20px}.saving-tag{font-size:16px}.save-metrics .wkbig{font-size:22px}.save-metric-note{font-size:12px}.save-results .tool-identity{gap:9px}}

.price-moves-panel{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:34px;align-items:center;border:2px solid var(--ink);background:var(--surface);padding:28px 30px}.price-moves-copy{display:flex;flex-direction:column;gap:15px}.price-moves-copy .eyebrow{font-size:11px}.price-moves-copy h2{font-size:27px;max-width:24ch}.price-moves-copy p{font-size:14px;line-height:1.7;color:var(--muted);max-width:48ch}.price-moves-copy .chart-snapshot{font-size:12px}.price-moves-totals{display:flex;gap:13px;flex-wrap:wrap}.move-total{display:inline-flex;align-items:baseline;gap:7px;padding:9px 12px;font:400 13px/1.5 var(--f-body);border:1px solid}.move-total b{font:600 24px/1.2 var(--f-mono)}.move-total.up{background:var(--up-soft);border-color:#E0B9AA;color:#9D3C25}.move-total.down{background:var(--down-soft);border-color:#A1C5A2;color:#166035}.price-moves-plot{min-width:0}.price-moves-plot svg{display:block;width:100%;height:auto;max-height:310px}.plot-legend{display:flex;gap:19px;justify-content:flex-end;margin-bottom:7px;font:400 13px/1.5 var(--f-body)}.plot-legend>span{display:inline-flex;gap:7px;align-items:center}.legend-dot{height:10px;width:10px;display:inline-block}.legend-dot.up{background:#C14D33}.legend-dot.down{background:#19824D}.plot-label{font:400 14px var(--f-body);fill:#615E53}.plot-number,.plot-value{font:600 15px var(--f-mono);fill:#171715}.price-history-visual{display:flex;flex-direction:column;gap:16px}.price-visual-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.price-visual-heading .eyebrow{font-size:11px}.price-visual-heading p{font-size:13px;line-height:1.6;color:var(--muted)}.price-event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:18px}.price-event{border:2px solid var(--ink);background:var(--surface);padding:21px 23px;min-width:0}.price-event header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.price-event h3{font-size:22px;margin-bottom:6px}.price-event-date{font:400 12px/1.5 var(--f-mono);color:var(--muted)}.price-event .pill{font-size:13px;padding:4px 8px}.price-event svg{display:block;width:100%;height:auto;margin-top:22px;max-height:200px}.price-event footer{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;line-height:1.6;color:var(--muted);padding-top:12px;border-top:1px dashed var(--line)}.price-event footer a{font-size:12px}
@media(max-width:900px){.price-moves-panel{grid-template-columns:1fr;gap:22px;padding:23px}.price-moves-copy h2{max-width:none}.price-moves-copy p{max-width:none}.plot-legend{justify-content:flex-start}}
@media(max-width:760px){.price-moves-panel{padding:20px 16px;gap:20px}.price-moves-copy h2{font-size:24px}.price-moves-copy p{font-size:13px}.price-moves-totals{gap:9px}.move-total{padding:8px 10px;font-size:12px}.move-total b{font-size:21px}.plot-legend{font-size:12px;gap:16px}.price-event{padding:19px 16px}.price-event h3{font-size:20px}.price-event svg{margin-top:17px}.price-event footer{font-size:11px}.price-visual-heading p{font-size:12px}}


.price-moves-plot .plot-label,.price-moves-plot .plot-number{font-size:18px}@media(max-width:760px){.price-event svg .plot-label,.price-event svg .plot-value{font-size:20px}}
.stock-watch{display:flex;flex-direction:column;gap:20px}.stock-watch>header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.stock-watch h2{margin-top:7px}.stock-instruments,.stock-ranges{display:flex;gap:5px;flex-wrap:wrap}.stock-instruments button,.stock-ranges button{font:500 13px/1.5 var(--f-body);min-height:36px;padding:7px 12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:2px}.stock-instruments button.on,.stock-ranges button.on{background:var(--brand);border-color:var(--ink);color:var(--ink)}.stock-instruments button:hover,.stock-ranges button:hover{border-color:var(--ink)}.stock-widget{border:2px solid var(--ink);background:var(--surface);padding:24px 27px 18px;display:flex;flex-direction:column;gap:17px;min-width:0;--chart-color:#19824D}.stock-widget.is-up{--chart-color:#C14D33}.stock-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.stock-instrument>.eyebrow{font-family:var(--f-body);font-size:14px;letter-spacing:0;text-transform:none;color:var(--muted)}.stock-quote{display:flex;align-items:baseline;gap:9px 13px;flex-wrap:wrap;margin-top:9px}.stock-quote>strong{font:600 40px/1.2 var(--f-mono);letter-spacing:-.07em}.stock-quote>span{font:400 13px/1.5 var(--f-body);color:var(--muted)}.stock-quote .stock-change{font:500 13px/1.5 var(--f-mono);color:var(--chart-color);padding:4px 8px;background:color-mix(in srgb,var(--chart-color) 10%,transparent)}.stock-source{font-size:12px;white-space:nowrap;padding-top:5px}.stock-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-block:1px solid var(--line);padding:12px 0}.stock-ranges button{font-family:var(--f-mono);font-size:12px;min-width:43px;padding:6px 10px;min-height:32px}.stock-reading{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font:400 12px/1.6 var(--f-body);color:var(--muted)}.stock-reading b{font-family:var(--f-mono);color:var(--chart-color);font-weight:500}.stock-canvas{min-width:0}.stock-canvas svg{display:block;width:100%;height:auto;max-height:390px;cursor:crosshair;touch-action:pan-y;outline-offset:3px}.stock-gridline{stroke:#E3DFD2;stroke-width:1;stroke-dasharray:3 5}.stock-gridline.vertical{stroke:#EFECE3}.stock-axis{fill:#756F60;font:400 12px var(--f-mono)}.stock-reference{fill:none;stroke:#A6A08F;stroke-width:2;stroke-dasharray:6 6;vector-effect:non-scaling-stroke}.stock-reference-label{fill:#8C8575;font:400 11px var(--f-body)}.stock-price-label{fill:white;font:500 12px var(--f-mono)}.stock-crosshair line{stroke:#5A5E57;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.stock-foot{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;font:400 12px/1.6 var(--f-body);color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.stock-foot>span:first-child{display:inline-flex;align-items:center;gap:7px}.stock-foot i{width:8px;height:8px;background:var(--chart-color);display:inline-block}.stock-note{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:105ch}
@media(max-width:760px){.stock-widget{padding:19px 15px 16px;gap:15px}.stock-quote>strong{font-size:32px}.stock-quote .stock-change{font-size:11px}.stock-top{gap:9px}.stock-source{font-size:11px}.stock-instrument>.eyebrow{font-size:13px}.stock-toolbar{gap:12px}.stock-reading{font-size:11px;gap:7px}.stock-instruments button{font-size:12px;padding:7px 11px}.stock-canvas{overflow-x:auto}.stock-canvas svg{min-width:580px;max-height:none}.stock-note,.stock-foot{font-size:11px}.stock-watch>header{align-items:flex-start}.stock-axis{font-size:14px}.stock-price-label{font-size:13px}}


@media(min-width:1001px){.home-hero h1{font-stretch:75%}.home-hero h1>span{white-space:nowrap}}

/* TierTrail identity and historical price terminal */
header.site .logo .tiertrail-wordmark{width:180px;height:auto;aspect-ratio:1918/378;display:block;flex:none}
header.site .logo{letter-spacing:normal;line-height:1;flex:none}
.brand-signoff{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding-bottom:24px;margin-bottom:24px;border-bottom:1px dashed var(--line)}.brand-signoff>b{font:800 26px var(--f-display)}.brand-signoff>span{font:500 15px var(--f-body);color:var(--muted)}
@media(min-width:1001px){.home-hero h1{font-size:clamp(43px,3.1vw,80px);line-height:1.04;font-stretch:75%}.home-hero h1>span{white-space:nowrap}@supports(font-size:1cqw){.home-hero h1{font-size:clamp(35px,10cqw,80px)}}}
@media(max-width:1000px){.home-hero h1{font-size:clamp(34px,5.9vw,58px);line-height:1.07}.home-hero h1>span{white-space:normal}}
@media(max-width:760px){header.site .logo .tiertrail-wordmark{width:154px}.home-hero h1{font-size:clamp(28px,7.8vw,37px);font-stretch:75%;letter-spacing:-.045em}.home-hero h1>span{white-space:nowrap}}
:root[data-theme=dark] .tiertrail-wordmark{background:#FFFEFA;border-radius:3px}
.trail-overview{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.trail-terminal{border:2px solid var(--ink);background:var(--surface);color:var(--ink);min-width:0;margin-block:20px;box-shadow:4px 4px 0 var(--ink)}
.trail-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:var(--brand);color:#141414;border-bottom:2px solid var(--ink)}.trail-masthead .eyebrow{font-size:11px;color:#141414}.trail-masthead h2{font-size:32px;margin:6px 0 8px}.trail-masthead p{font-size:14px;line-height:1.6;margin:0}.trail-archive-badge{font:500 12px var(--f-mono);white-space:nowrap;padding:9px 11px;border:1px solid #141414;background:#FFFEFA;color:#141414}
.trail-selector{display:flex;align-items:flex-end;gap:20px 28px;flex-wrap:wrap;padding:22px 28px;border-bottom:1px solid var(--line)}.trail-selector label{display:flex;flex-direction:column;gap:8px;font:500 13px var(--f-body);color:var(--muted)}.trail-selector select{font:500 15px var(--f-body);min-height:44px;padding:9px 36px 9px 12px;min-width:185px;background:var(--surface);color:var(--ink);border:1px solid var(--ink);border-radius:0}.trail-selector label:first-child{flex:1;max-width:450px}.trail-metrics,.trail-ranges{display:flex;gap:6px;flex-wrap:wrap}.trail-metrics button,.trail-ranges button{border:1px solid var(--line);color:var(--ink);background:var(--surface);padding:10px 14px;min-height:44px;font:500 14px var(--f-body);cursor:pointer;border-radius:0}.trail-metrics button.on,.trail-ranges button.on{background:var(--ink);border-color:var(--ink);color:var(--surface)}.trail-metrics button:disabled{opacity:.4;cursor:default}.trail-metrics button:hover:not(:disabled),.trail-ranges button:hover{border-color:var(--ink)}
.trail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-width:0}.trail-main{min-width:0;padding:26px 28px 22px}.trail-caption{font-size:13px;color:var(--muted)}.trail-price{display:flex;align-items:baseline;gap:10px 14px;flex-wrap:wrap;margin-top:8px}.trail-price>strong{font:600 47px/1.2 var(--f-mono);letter-spacing:-.075em}.trail-price>span{font:400 13px var(--f-mono);color:var(--muted)}.trail-delta{font:500 13px/1.6 var(--f-mono);padding:5px 9px;background:color-mix(in srgb,var(--trail-color) 10%,transparent);color:var(--trail-color)}.trail-quote p{font-size:14px;color:var(--muted);margin:8px 0 20px;line-height:1.6}.trail-quote p>span{display:inline-block;border-left:1px solid var(--line);padding-left:12px;margin-left:12px;font-size:12px}.trail-chart-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-block:1px solid var(--line);padding:12px 0;margin-bottom:16px}.trail-ranges button{min-height:33px;padding:7px 12px;font:500 12px var(--f-mono)}.trail-reading{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.trail-reading b{font:500 14px var(--f-mono);color:var(--trail-color)}.trail-chart-scroll{min-width:0}.trail-chart{display:block;width:100%;height:auto;max-height:470px;cursor:crosshair;touch-action:pan-y;outline-offset:2px}.trail-gridline{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}.trail-gridline.vertical{opacity:.65}.trail-axis{fill:var(--muted);font:400 12px var(--f-mono)}.trail-price-marker{fill:#fff;font:500 12px var(--f-mono)}.trail-crosshair line{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4}.trail-legend{display:flex;gap:16px 22px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:8px;font-size:12px;color:var(--muted)}.trail-legend>span{display:flex;align-items:center;gap:8px}.trail-legend i{width:20px;border-top:2px solid var(--trail-color)}.trail-legend i.dashed{border-top-style:dashed}.trail-explainer{font-size:12px;line-height:1.7;color:var(--muted);max-width:110ch;margin:12px 0 0}.trail-context{border-left:1px solid var(--line);background:var(--paper);padding:28px 24px;min-width:0}.trail-context>.eyebrow{font-size:11px}.trail-context h3{font:700 21px/1.3 var(--f-body);margin:12px 0}.trail-context p{font:400 14px/1.7 var(--f-body);color:var(--muted)}.trail-unit{padding:12px;border:1px dashed #ACA48E;font:400 12px/1.7 var(--f-mono);margin:22px 0;color:var(--muted)}.trail-point-detail{border-top:2px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;gap:10px}.trail-point-detail p{margin:0}.trail-point-detail>a{font-size:12px;line-height:1.7}.trail-event-kind{font:500 11px var(--f-mono);color:var(--trail-color);text-transform:uppercase}.trail-point-detail>b{font:600 16px/1.5 var(--f-body)}
.trail-ledger{border-top:2px solid var(--ink)}.trail-ledger>summary,.trail-openai>summary,.trail-subscriptions>summary{cursor:pointer;padding:18px 26px;font:600 17px var(--f-body);background:var(--sunk)}.trail-ledger>summary span,.trail-openai>summary span,.trail-subscriptions>summary span{font:400 13px var(--f-body);color:var(--muted);margin-left:14px}.trail-ledger .tbl-wrap{margin:0;border:0;border-radius:0}.trail-ledger th{font-size:12px;padding:16px 20px}.trail-ledger td{font-size:14px;padding:18px 20px;vertical-align:top}.trail-ledger td:first-child{white-space:nowrap;width:180px}.trail-ledger td:nth-child(2){max-width:420px;min-width:220px}.trail-ledger .sub{font-size:12px;line-height:1.7;margin-top:7px}.trail-ledger .price-ticket{font-size:19px;white-space:nowrap}.trail-ledger .cached-ticket{font:500 16px var(--f-mono);white-space:nowrap}.trail-provenance{margin:0;padding:18px 26px;font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line)}.trail-openai,.trail-subscriptions{border:2px solid var(--ink);min-width:0;background:var(--surface)}.trail-openai>p{padding-inline:26px;font-size:14px;line-height:1.7;max-width:110ch}.trail-openai .tbl-wrap{margin:18px 26px;width:calc(100% - 52px)}.trail-subscriptions .stock-watch{padding:26px}.trail-subscriptions .stock-watch>header h2{font-size:27px}
@media(min-width:2000px){.trail-layout{grid-template-columns:minmax(0,1fr) 350px}.trail-context{padding:32px}.trail-chart{max-height:520px}.trail-context p{font-size:15px}.trail-main{padding:30px 36px}}
@media(max-width:1100px){.trail-layout{grid-template-columns:minmax(0,1fr)}.trail-context{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}.trail-context>.eyebrow,.trail-context>h3,.trail-context>p{grid-column:1}.trail-context>.eyebrow{margin:0}.trail-context h3{margin:0}.trail-context>p{margin:0}.trail-unit{grid-column:1;margin:5px 0}.trail-point-detail{grid-column:2;grid-row:1/5;padding:12px 0 0}}
@media(max-width:760px){.trail-masthead{padding:20px 16px;align-items:flex-start;flex-direction:column;gap:12px}.trail-masthead h2{font-size:27px}.trail-masthead p{font-size:13px}.trail-archive-badge{font-size:11px;padding:7px 9px}.trail-selector{padding:18px 16px;gap:16px}.trail-selector label:first-child{width:100%;max-width:none;flex:auto}.trail-selector select{max-width:100%;min-width:0;font-size:14px}.trail-metrics button{font-size:12px;padding:9px 10px;min-height:40px}.trail-main{padding:20px 16px}.trail-price>strong{font-size:38px}.trail-price>span,.trail-delta{font-size:12px}.trail-quote p{font-size:13px}.trail-quote p>span{display:block;border:0;padding:0;margin:5px 0 0}.trail-chart-scroll{overflow-x:auto}.trail-chart{min-width:680px;max-height:none}.trail-context{padding:20px 16px;display:block}.trail-context h3{margin:12px 0}.trail-context>p{font-size:14px}.trail-unit{margin:16px 0}.trail-point-detail{padding-top:16px}.trail-ledger>summary,.trail-openai>summary,.trail-subscriptions>summary{font-size:15px;padding:16px}.trail-ledger>summary span,.trail-openai>summary span,.trail-subscriptions>summary span{display:block;margin:5px 0 0;font-size:12px}.trail-provenance{padding:16px}.trail-ledger td{padding:16px}.trail-ledger th{padding:14px 16px}.trail-openai .tbl-wrap{margin:16px;width:calc(100% - 32px)}.trail-openai>p{padding-inline:16px;font-size:13px}.trail-subscriptions .stock-watch{padding:16px}.trail-axis{font-size:14px}.trail-price-marker{font-size:14px}.brand-signoff{gap:8px}.brand-signoff>span{font-size:13px}}


header.site .logo{gap:9px}header.site .logo .tiertrail-mark{width:40px;height:36px;flex:none}.tiertrail-name{font:900 27px/1 var(--f-display);font-stretch:85%;letter-spacing:-.045em;text-transform:uppercase}.logo:hover{text-decoration:none}.logo:hover .tiertrail-mark{transform:translateY(-1px)}
@media(max-width:760px){header.site .logo .tiertrail-mark{width:34px;height:31px}.tiertrail-name{font-size:24px}header.site .logo{gap:7px}}
/* Open horizontally scrollable charts at their latest quote on narrow screens. */
@media(max-width:760px){
 .stock-canvas,.trail-chart-scroll{direction:rtl;overscroll-behavior-x:contain}
 .stock-canvas>svg,.trail-chart-scroll>svg{direction:ltr}
 .stock-toolbar::after,.trail-chart-tools::after{content:'← Scroll left for earlier prices';display:block;width:100%;font:400 12px/1.5 var(--f-body);color:var(--muted)}
}


/* Wordmark: AI embedded in trAIl. */
header.site .logo{gap:0}.tiertrail-name{font-size:29px;display:inline;white-space:nowrap;letter-spacing:-.045em}.brand-ai{color:#FFD60A}.brand-signoff>b{font-size:27px;letter-spacing:-.045em}
@media(max-width:760px){.tiertrail-name{font-size:26px}}


/* Selected direction: ascending trail + mixed-case TierTrail wordmark. */
header.site .logo{gap:9px}.tiertrail-name{font-size:29px;display:inline;font-weight:800;font-stretch:100%;text-transform:none;letter-spacing:-.055em}header.site .logo .tiertrail-mark{width:37px;height:34px}.brand-signoff>b{font:800 28px var(--f-display);letter-spacing:-.055em;display:flex;align-items:center;gap:9px}.brand-signoff .tiertrail-mark{width:32px;height:29px}
@media(max-width:760px){header.site .logo{gap:7px}.tiertrail-name{font-size:25px}header.site .logo .tiertrail-mark{width:31px;height:29px}}


.brand-ai{color:inherit;text-decoration-line:underline;text-decoration-color:#FFD60A;text-decoration-thickness:3px;text-underline-offset:4px;text-decoration-skip-ink:none}
.prose h2[id]{scroll-margin-top:calc(var(--nav-bottom,90px) + 24px)}
.report-dlg{border:2px solid var(--ink);border-radius:var(--r);background:var(--surface);color:var(--ink);padding:22px;max-width:560px;width:calc(100% - 32px)}
.report-dlg::backdrop{background:rgba(0,0,0,.45)}.report-dlg form{display:grid;gap:10px}.report-dlg label{display:grid;gap:4px;font-size:14px}
.report-dlg input,.report-dlg select,.report-dlg textarea{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.report-dlg h2{margin:0}.report-dlg .hp{position:absolute;left:-9999px}.trust-line a,.report-link{text-decoration:underline}
.regpick[hidden]{display:none!important}
.adv-variants .adv-var{display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;font:inherit;color:var(--ink)}.adv-var.on{border-color:var(--ink);box-shadow:inset 0 4px 0 var(--brand)}
.adv-needs{display:flex;flex-direction:column;gap:10px}.adv-need{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.adv-need>b{min-width:200px}.adv-vol input{width:100px;font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.wopt.sm{font-size:12px;padding:5px 9px}.adv-tbl td .sub{display:block}