/* Where's the Noise · layout B: paper-first, single column, top-strip navigation. System fonts only, no web font requests. */
:root{
  --paper:#f4f0e6;--panel:#fffdf7;--panel-2:#ece6d6;--rule:#d7cfbb;--ink:#171512;--ink-2:#3a362e;--mute:#6c655a;
  --buy:#d4401a;--buy-ink:#fff;--cobalt:#2c4bd6;--cobalt-soft:#e1e6ff;--sage:#2f7d5b;--warn:#a8321b;--hi:#ffe9a8;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --shell:1120px;--r:6px;--lift:0 1px 0 rgba(23,21,18,.05),0 14px 26px -20px rgba(23,21,18,.4);
}
[data-mode=dark]{
  --paper:#13161b;--panel:#1b1f26;--panel-2:#242a33;--rule:#333b47;--ink:#ecebe6;--ink-2:#cfcdc6;--mute:#98a0ac;
  --buy:#ff7347;--buy-ink:#1a0c07;--cobalt:#9db2ff;--cobalt-soft:#232b4b;--sage:#6fcf9f;--warn:#ff8f78;--hi:#4a3f14;
  --lift:0 1px 0 rgba(0,0,0,.35),0 18px 30px -22px rgba(0,0,0,.85);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:4.2rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 var(--sans);-webkit-text-size-adjust:100%}
img,svg{max-width:100%;display:block}
img{height:auto}
a{color:var(--cobalt);text-underline-offset:.18em}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;letter-spacing:-.01em;line-height:1.18;margin:0 0 .55rem}
p{margin:0 0 .9rem}
ul,ol{margin:0 0 .9rem}
b{font-weight:700}
.hl-shell{max-width:var(--shell);margin:0 auto;padding:0 1.15rem}
.hl-sr,.hl-skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hl-skip:focus{position:fixed;top:.5rem;left:.5rem;width:auto;height:auto;clip:auto;background:var(--ink);color:var(--paper);padding:.5rem .9rem;border-radius:var(--r);z-index:80}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}
.hl-small{font-size:.86rem}
.hl-muted{color:var(--mute)}

/* top note + header */
.hl-topnote{background:var(--ink);color:var(--paper);font:500 .76rem/1.5 var(--sans)}
.hl-topnote .hl-shell{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;padding-block:.38rem}
.hl-topnote a{color:inherit;margin-left:.9rem;text-decoration:none;opacity:.82}
.hl-topnote a:hover{opacity:1;text-decoration:underline}
.hl-head{background:var(--paper);border-bottom:1px solid var(--rule)}
.hl-head-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem}
.hl-logo{display:flex;align-items:center;gap:.65rem;font:700 1.3rem/1 var(--serif);color:var(--ink);text-decoration:none}
.hl-logo-mark{width:44px;height:29px;flex:0 0 auto}
.hl-head-tools{display:flex;align-items:center;gap:.6rem}
.hl-mode{border:1px solid var(--rule);background:var(--panel);color:var(--ink);border-radius:999px;padding:.38rem .8rem;font:600 .78rem var(--sans);cursor:pointer}
.hl-drawer{display:none;position:relative}
.hl-drawer summary{list-style:none;cursor:pointer;border:1px solid var(--rule);background:var(--panel);border-radius:999px;padding:.38rem .9rem;font:600 .82rem var(--sans)}
.hl-drawer summary::-webkit-details-marker{display:none}
.hl-drawer-list{position:absolute;right:0;top:115%;z-index:60;display:grid;min-width:15rem;background:var(--panel);border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--lift);padding:.35rem}
.hl-drawer-list a{padding:.5rem .7rem;text-decoration:none;color:var(--ink);font:600 .9rem var(--sans);border-radius:4px}
.hl-drawer-list a:hover{background:var(--panel-2)}
.hl-tabs{background:var(--panel);border-top:1px solid var(--rule)}
.hl-tabs ul{display:flex;gap:.15rem;list-style:none;margin:0;padding:0;overflow-x:auto}
.hl-tabs a{display:block;padding:.7rem .85rem;font:600 .88rem var(--sans);color:var(--mute);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.hl-tabs a:hover,.hl-tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--buy)}

/* buttons and buy links */
.hl-btn{display:inline-block;padding:.65rem 1.1rem;border-radius:var(--r);font:700 .92rem var(--sans);text-decoration:none;border:1px solid transparent;cursor:pointer}
.hl-btn-solid{background:var(--ink);color:var(--paper)}
.hl-btn-ghost{border-color:var(--ink);color:var(--ink);background:transparent}
.hl-btn-ghost:hover{background:var(--panel-2)}
.hl-go{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--buy);color:var(--buy-ink);padding:.62rem 1.15rem;border-radius:var(--r);font:700 .93rem var(--sans);text-decoration:none;box-shadow:0 8px 16px -12px var(--buy)}
.hl-go:hover{filter:brightness(1.08)}
.hl-go-ar{transition:transform .2s}
.hl-go:hover .hl-go-ar{transform:translateX(3px)}
.hl-go.mini{padding:.34rem .7rem;font-size:.8rem}

/* lead (home hero) */
.hl-lead{padding:2.4rem 0 1.8rem;border-bottom:1px solid var(--rule);background:linear-gradient(180deg,var(--panel),var(--paper))}
.hl-kicker{font:700 .78rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt);margin:0 0 .7rem}
.hl-lead h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06;letter-spacing:-.025em;max-width:22ch;margin:0 0 1.5rem}
.hl-lead-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.2rem;align-items:start}
.hl-answer{font-size:1.12rem;color:var(--ink-2)}
.hl-byline{font-size:.86rem;color:var(--mute)}
.hl-lead-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.hl-vgrid{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.hl-v{background:var(--panel);border:1px solid var(--rule);border-left:4px solid var(--buy);border-radius:var(--r);padding:.8rem 1rem;display:grid;grid-template-columns:1fr auto;column-gap:1rem;align-items:center}
.hl-v-label{grid-column:1;font:700 .7rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0}
.hl-v-name{grid-column:1;font:700 1.15rem var(--serif);margin:0}
.hl-v-price{grid-column:1;font-size:.84rem;color:var(--mute);margin:0}
.hl-v .hl-go{grid-column:2;grid-row:1/4;align-self:center}
.hl-v-more{grid-column:1/-1;margin:.45rem 0 0;font-size:.8rem}
.hl-seat{margin-top:1.8rem;background:var(--panel);border:1px solid var(--rule);border-radius:var(--r);padding:1rem 1.1rem;display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:1.2rem;align-items:center}
.hl-gauge{width:100%;height:auto}
.hl-gb{fill:var(--buy);transition:fill .5s}
.hl-gb.is-quiet{fill:var(--cobalt)}
@media (prefers-reduced-motion:reduce){.hl-gb{transition:none}}
.hl-seat-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .7rem}
.hl-seat-tabs button,.hl-chiprow button{font:600 .83rem var(--sans);border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);border-radius:999px;padding:.34rem .85rem;cursor:pointer}
.hl-seat-tabs button[aria-pressed=true],.hl-chiprow button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.hl-seat-read{font-size:.93rem;color:var(--ink-2);margin:0;min-height:3.2rem}
.hl-seat-read b{font-family:var(--serif)}
.hl-filterline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem;margin-top:1rem}
.hl-chip-label{font:700 .72rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.hl-chiprow{display:flex;flex-wrap:wrap;gap:.35rem}

/* on-page strip */
.hl-onpage{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.hl-onpage ol{display:flex;gap:.1rem;list-style:none;margin:0 auto;padding:0 1.15rem;max-width:var(--shell);overflow-x:auto;scrollbar-width:thin}
.hl-onpage a{display:block;padding:.62rem .7rem;font:600 .8rem var(--sans);color:var(--mute);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.hl-onpage a:hover{color:var(--ink)}
.hl-onpage a.is-on{color:var(--ink);border-bottom-color:var(--buy)}

/* page frame */
.hl-page{padding-top:1.8rem;padding-bottom:2.8rem}
main{min-width:0}
.hl-trail{font-size:.8rem;color:var(--mute);margin:0 0 1rem}
.hl-page-title{font-size:clamp(1.8rem,3.8vw,2.6rem);margin-bottom:.4rem}
.hl-stamp{font-size:.86rem;color:var(--mute);margin-bottom:1.4rem}
.hl-text{max-width:68ch}
.hl-text h3{margin-top:1.5rem;font-size:1.12rem}
.hl-pullquote{background:var(--hi);border-radius:var(--r);padding:1rem 1.2rem}
.hl-pullquote p{margin:0;font-size:1.05rem}

/* chapters */
.hl-chap{margin:0 0 3rem;scroll-margin-top:4rem}
.hl-chap-title{display:flex;align-items:center;gap:.7rem;font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:.9rem}
.hl-chap-title::before{content:"";flex:0 0 auto;width:.7rem;height:.7rem;background:var(--cobalt);transform:rotate(45deg)}
.hl-chap[data-tone=red] .hl-chap-title::before{background:var(--buy)}
.hl-chap-lede{color:var(--mute);max-width:64ch}
.hl-sub{font-size:1.1rem;margin:1.6rem 0 .5rem}

/* worries */
.hl-qnav{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.1rem}
.hl-qnav a{font:600 .8rem var(--sans);background:var(--panel);border:1px solid var(--rule);border-radius:999px;padding:.28rem .75rem;text-decoration:none;color:var(--ink-2)}
.hl-qnav a:hover{border-color:var(--cobalt)}
.hl-qgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem}
.hl-q{background:var(--panel);border:1px solid var(--rule);border-radius:var(--r);padding:1rem 1.1rem;scroll-margin-top:5rem}
.hl-q h3{font-size:1.05rem}
.hl-q p{font-size:.94rem;color:var(--ink-2)}
.hl-q-nums{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;margin:.6rem 0 .5rem}
.hl-q-num{font:700 .85rem var(--mono);background:var(--cobalt-soft);color:var(--cobalt);padding:.12rem .55rem;border-radius:4px}
.hl-q-src{font-size:.76rem;color:var(--mute)}
.hl-q-links{display:grid;gap:.2rem;font-size:.84rem;border-top:1px dashed var(--rule);padding-top:.5rem}

/* entries (product cards) */
.hl-filters{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:0 0 .5rem}
.hl-filter-note{font-size:.83rem;color:var(--mute);margin:0 0 1rem;min-height:1.2rem}
.hl-entry{background:var(--panel);border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--lift);margin:0 0 1.6rem;padding:1.1rem 1.2rem 1.2rem;scroll-margin-top:5rem}
.hl-entry.is-hidden{display:none}
.hl-entry-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.2rem 1rem;align-items:center;margin-bottom:.9rem}
.hl-rank{font:700 2.6rem/1 var(--serif);color:var(--buy);min-width:2.2rem;text-align:center}
.hl-role{margin:0 0 .15rem;font:700 .74rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cobalt)}
.hl-entry-title h3{font-size:1.4rem;margin:0}
.hl-deal{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.hl-deal--top{grid-column:3;justify-self:end;flex-direction:column;align-items:flex-end;gap:.35rem}
.hl-deal--foot{margin:1.1rem 0 0;padding:.8rem 1rem;border:1px dashed var(--rule);border-radius:var(--r);background:var(--panel-2)}
.hl-price{display:grid;line-height:1.3;margin:0}
.hl-deal--top .hl-price{text-align:right}
.hl-price-band{font:700 1.15rem var(--serif)}
.hl-price-note{font-size:.76rem;color:var(--mute)}
.hl-seller{flex:1 1 100%;margin:0;font-size:.76rem;color:var(--mute)}
.hl-deal--top .hl-seller{text-align:right}
.hl-deal--foot .hl-go{margin-left:auto}
.hl-calls{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0 0 1rem}
.hl-call{padding:.65rem .85rem;border-radius:var(--r);font-size:.92rem;color:var(--ink-2);background:var(--panel-2);border-left:4px solid var(--sage)}
.hl-call--no{border-left-color:var(--warn)}
.hl-call b{display:block;font:700 .7rem var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.1rem;color:var(--sage)}
.hl-call--no b{color:var(--warn)}
.hl-entry-grid{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:1.4rem;align-items:start}
.hl-entry-media{display:grid;gap:.8rem}
.hl-shot{background:var(--panel-2);border:1px solid var(--rule);border-radius:var(--r);padding:.6rem;display:grid;place-items:center}
.hl-tags{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:.7rem}
.hl-tag{font:600 .74rem/1.6 var(--sans);background:var(--panel-2);border:1px solid var(--rule);color:var(--mute);border-radius:4px;padding:.02rem .55rem}
.hl-tag--lab{background:var(--cobalt-soft);border-color:transparent;color:var(--cobalt)}
.hl-tag--warn{background:transparent;border-color:var(--warn);color:var(--warn)}
.hl-seats{display:flex;gap:.25rem;flex-wrap:wrap}
.hl-seat-pill{font:600 .7rem var(--sans);color:var(--mute);border:1px dashed var(--rule);border-radius:4px;padding:0 .4rem}
.hl-entry-copy p{color:var(--ink-2);font-size:.97rem}
.hl-why{background:var(--panel-2);border-left:3px solid var(--cobalt);padding:.5rem .75rem;margin:.1rem 0 .8rem;font-size:.95rem;color:var(--ink-2)}
.hl-facts{padding-left:1.1rem;font-size:.92rem;color:var(--ink-2)}
.hl-specs{background:var(--panel-2);border:1px solid var(--rule);border-radius:var(--r);padding:.75rem .85rem}
.hl-specs-title{font:700 .68rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0 0 .55rem}
.hl-specs-list{margin:0;display:grid;gap:.55rem}
.hl-spec{display:grid;gap:.12rem}
.hl-spec dt{font:600 .7rem var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
.hl-spec dd{margin:0;font-size:.84rem;color:var(--ink-2)}
.hl-spec-bar{display:block;height:4px;border-radius:2px;background:var(--rule);position:relative;margin-top:.15rem}
.hl-spec-bar b{position:absolute;inset:0 auto 0 0;width:var(--fill);background:var(--cobalt);border-radius:2px}
.hl-specs-note{font-size:.7rem;color:var(--mute);margin:.6rem 0 0}
.hl-evidence{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.2rem;margin-top:1.1rem;align-items:start}
table{border-collapse:collapse;width:100%}
.hl-proof{font-size:.85rem}
.hl-proof caption{text-align:left;font:700 .7rem var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--mute);padding-bottom:.4rem}
.hl-proof th,.hl-proof td{border-top:1px solid var(--rule);padding:.45rem .5rem;vertical-align:top;text-align:left}
.hl-proof thead th{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);border-top:0}
.hl-proof th[scope=row]{font:600 .84rem var(--sans);width:7.5rem;color:var(--mute)}
.hl-proof td{color:var(--ink-2)}
.hl-proof-src{color:var(--ink)!important}
.hl-score{background:var(--panel-2);border:1px solid var(--rule);border-radius:var(--r);padding:.8rem .9rem}
.hl-score-head{font:600 .88rem var(--sans);margin:0 0 .6rem;display:flex;gap:.3rem;align-items:baseline;flex-wrap:wrap}
.hl-score-head b{font:700 1.7rem var(--serif);color:var(--buy)}
.hl-score-head a{margin-left:auto;font-size:.78rem}
.hl-score-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.hl-score-list li{display:grid;grid-template-columns:9.5rem 1fr 2.8rem;gap:.5rem;align-items:center;font-size:.8rem}
.hl-score-list span{color:var(--mute)}
.hl-score-list i{display:block;height:6px;border-radius:3px;background:var(--rule);position:relative}
.hl-score-list i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill);background:var(--buy);border-radius:3px}
.hl-score-list em{font:700 .8rem var(--mono);font-style:normal;text-align:right}
.hl-score-why{grid-column:1/-1;font:400 .74rem/1.4 var(--sans);color:var(--mute);margin-top:-.2rem}
.hl-sources{font-size:.77rem;color:var(--mute);margin:.9rem 0 0}
.hl-entry--mini .hl-entry-grid{grid-template-columns:minmax(0,1fr) 8.5rem}
.hl-entry--mini{padding:.95rem 1.1rem 1rem}
.hl-entry--mini h3{font-size:1.15rem}

/* tables, seats, ledger */
.hl-scroll{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--r);background:var(--panel)}
.hl-matrix,.hl-plain{font-size:.86rem;min-width:48rem}
.hl-matrix th,.hl-matrix td,.hl-plain th,.hl-plain td{padding:.55rem .7rem;border-top:1px solid var(--rule);text-align:left;vertical-align:top;color:var(--ink-2)}
.hl-matrix thead th,.hl-plain thead th{border-top:0;background:var(--panel-2);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mute)}
.hl-matrix th[scope=row]{font:700 .88rem var(--sans);color:var(--ink)}
.hl-matrix tbody tr:nth-child(even){background:color-mix(in srgb,var(--panel-2) 45%,transparent)}
.hl-num{white-space:nowrap;font-family:var(--mono)}
.hl-gap{color:var(--warn);font-weight:700}
.hl-seat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.9rem}
.hl-seat-card{background:var(--panel);border:1px solid var(--rule);border-top:3px solid var(--cobalt);border-radius:var(--r);padding:.9rem 1rem}
.hl-seat-card h3{font-size:1.05rem}
.hl-seat-card p{font-size:.92rem;color:var(--ink-2)}
.hl-seat-picks{font-size:.86rem;margin:0}
.hl-ledger-lede{background:var(--panel);border:1px solid var(--rule);border-left:4px solid var(--buy);border-radius:var(--r);padding:.95rem 1.15rem;color:var(--ink-2)}
.hl-ledger-list{padding-left:1.1rem;color:var(--ink-2)}
.hl-ledger-list li{margin:.3rem 0}
.hl-ledger-list--warn li{color:var(--mute)}

/* tools, steps, decoder */
.hl-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:1rem}
.hl-tool,.hl-decoder{background:var(--panel);border:1px solid var(--rule);border-radius:var(--r);padding:1rem 1.1rem}
.hl-tool h3{font-size:1.05rem}
.hl-tool label,.hl-decoder label{display:block;font:600 .78rem var(--sans);color:var(--mute);margin:.6rem 0 .2rem}
.hl-tool input,.hl-tool select,.hl-decoder textarea{width:100%;padding:.5rem .6rem;border:1px solid var(--rule);border-radius:4px;background:var(--paper);color:var(--ink);font:inherit;font-size:.9rem}
.hl-pair{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.hl-result{margin-top:.9rem;padding:.7rem .85rem;border-radius:var(--r);background:var(--cobalt-soft);font-size:.92rem;min-height:3rem;color:var(--ink-2)}
.hl-result b{font-family:var(--serif);color:var(--ink)}
.hl-steps{counter-reset:st;list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.6rem;max-width:54rem}
.hl-steps li{counter-increment:st;display:grid;grid-template-columns:2.2rem 1fr;gap:.15rem .9rem;background:var(--panel);border:1px solid var(--rule);border-radius:var(--r);padding:.75rem .95rem}
.hl-steps li::before{content:counter(st);grid-row:span 2;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--ink);color:var(--paper);font:700 1rem var(--serif)}
.hl-steps b{font:700 .97rem var(--serif)}
.hl-steps span{font-size:.9rem;color:var(--ink-2)}
.hl-steps--alt li::before{background:var(--buy);color:var(--buy-ink)}
.hl-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}
.hl-decoded{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.45rem}
.hl-decoded li{background:var(--panel-2);border-left:3px solid var(--mute);border-radius:0 4px 4px 0;padding:.5rem .75rem;font-size:.9rem;color:var(--ink-2)}
.hl-decoded li b{font-family:var(--serif);color:var(--ink)}
.hl-decoded li.flag{border-left-color:var(--warn)}
.hl-decoded li.good{border-left-color:var(--sage)}

/* gear, faq, film, author, next */
.hl-group-title{margin:1.5rem 0 .2rem;font-size:1.1rem}
.hl-gear-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.9rem;margin:.8rem 0 1.2rem}
.hl-gear{background:var(--panel);border:1px solid var(--rule);border-radius:var(--r);padding:1rem;display:flex;flex-direction:column;scroll-margin-top:5rem}
.hl-gear-ic{width:40px;height:40px;color:var(--cobalt);margin-bottom:.4rem}
.hl-gear h3{font-size:1.02rem;margin-bottom:.15rem}
.hl-gear p{font-size:.88rem;color:var(--ink-2)}
.hl-gear-look{background:var(--panel-2);border-radius:4px;padding:.45rem .6rem;font-size:.83rem}
.hl-gear .hl-go{margin-top:auto;font-size:.87rem;padding:.5rem .9rem}
.hl-faq{display:grid;gap:.5rem}
.hl-faq details{background:var(--panel);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.hl-faq summary{cursor:pointer;padding:.75rem 1rem;font:700 .97rem var(--serif);list-style:none;position:relative;padding-right:2.4rem}
.hl-faq summary::-webkit-details-marker{display:none}
.hl-faq summary::after{content:"+";position:absolute;right:1rem;top:.55rem;font:400 1.3rem var(--sans);color:var(--buy)}
.hl-faq details[open] summary::after{content:"\2212"}
.hl-faq-a{padding:0 1rem .9rem;font-size:.94rem;color:var(--ink-2)}
.hl-faq-a p{margin:0}
.hl-film{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--rule)}
.hl-film-bg{width:100%;height:auto}
.hl-film button,.hl-film iframe{position:absolute;inset:0;width:100%;height:100%}
.hl-film button{background:transparent;border:0;color:transparent;cursor:pointer;font-size:0}
.hl-film iframe{border:0}
.hl-author{display:flex;gap:1rem;align-items:center;background:var(--panel);border:1px solid var(--rule);border-radius:var(--r);padding:.9rem 1.1rem;margin-top:1.2rem}
.hl-author-mark{width:62px;height:62px;flex:0 0 auto}
.hl-author p{margin:0;font-size:.92rem;color:var(--ink-2)}
.hl-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.7rem;margin-top:1rem}
.hl-next a{display:grid;gap:.12rem;background:var(--panel);border:1px solid var(--rule);border-radius:var(--r);padding:.7rem .85rem;text-decoration:none;color:var(--ink)}
.hl-next a:hover{border-color:var(--cobalt)}
.hl-next b{font-family:var(--serif);font-size:.96rem}

/* footer + buy bar */
.hl-foot{border-top:3px solid var(--ink);background:var(--panel);padding:2.2rem 0 1.6rem;font-size:.9rem;color:var(--ink-2)}
.hl-foot h3{font:700 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:.6rem}
.hl-foot-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2rem}
.hl-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.hl-foot a{color:var(--ink-2)}
.hl-foot-note{margin-top:1.4rem;padding:.8rem 1rem;border:1px solid var(--rule);border-radius:var(--r);background:var(--paper)}
.hl-foot-note h3{margin-bottom:.3rem}
.hl-foot-note p{margin:0}
.hl-foot-fine{margin:1.2rem 0 0;font-size:.78rem;color:var(--mute)}
.hl-buybar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:.8rem;background:var(--ink);color:var(--paper);padding:.6rem 1rem;transform:translateY(100%);transition:transform .25s}
.hl-buybar.is-up{transform:translateY(0)}
.hl-buybar[hidden]{display:none}
.hl-bb-name{font:700 .95rem var(--serif)}
.hl-bb-price{font-size:.78rem;opacity:.75}
.hl-bb-go{margin-left:auto;padding:.5rem 1rem;font-size:.9rem}

/* responsive */
@media (max-width:1040px){.hl-entry-grid{grid-template-columns:minmax(0,1fr) 15rem}}
@media (max-width:860px){
  .hl-lead-grid,.hl-seat,.hl-evidence{grid-template-columns:1fr}
  .hl-entry-grid,.hl-entry--mini .hl-entry-grid{grid-template-columns:1fr}
  .hl-entry-media{grid-template-columns:8rem minmax(0,1fr);align-items:start}
  .hl-entry-head{grid-template-columns:auto 1fr}
  .hl-deal--top{grid-column:1/-1;justify-self:stretch;flex-direction:row;align-items:center;justify-content:space-between}
  .hl-deal--top .hl-price,.hl-deal--top .hl-seller{text-align:left}
  .hl-foot-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){.hl-tabs{display:none}.hl-drawer{display:block}}
@media (max-width:640px){
  body{padding-bottom:3.6rem}
  .hl-topnote .hl-tl{display:none}
  .hl-calls,.hl-pair{grid-template-columns:1fr}
  .hl-entry-media{grid-template-columns:1fr}
  .hl-score-list li{grid-template-columns:7.5rem 1fr 2.6rem}
  .hl-deal--foot .hl-go,.hl-deal--top .hl-go{width:100%;margin-left:0}
  .hl-deal--top{flex-direction:column;align-items:stretch}
  .hl-v{grid-template-columns:1fr}
  .hl-v .hl-go{grid-column:1;grid-row:auto;margin-top:.5rem}
  .hl-foot-cols{grid-template-columns:1fr}
  .hl-logo{font-size:1.1rem}
}
@media print{.hl-onpage,.hl-buybar,.hl-tabs,.hl-topnote,.hl-filterline,.hl-filters{display:none}}

/* fine-tuning */
.hl-mode{white-space:nowrap}
.hl-chap .hl-vgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));margin-top:1rem}
.hl-chap .hl-v{grid-template-columns:1fr}
.hl-chap .hl-v .hl-go{grid-column:1;grid-row:auto;margin-top:.6rem;justify-self:start}
@media (max-width:860px){.hl-lead-grid .hl-vgrid{order:-1}}
@media (max-width:640px){.hl-logo{font-size:1.02rem}.hl-logo-mark{width:36px;height:24px}.hl-head-row{gap:.5rem}.hl-mode{padding:.34rem .6rem}}