/* ==========================================================================
   topbonuses.org - skin "WATTLE" (prefix tbo). Sections follow page order:
   tbo::fonts · tbo::tokens · tbo::base · tbo::header · tbo::nav · tbo::hero ·
   tbo::home · tbo::sheet · tbo::prose · tbo::toc · tbo::review · tbo::cards ·
   tbo::rg · tbo::footer · tbo::mobile
   Showcase tbov lives in its own section at the end (tbov::*).
   ========================================================================== */

/* ---------- tbo::fonts ---------- */
@font-face{font-family:"Rubik";src:url(/w/f/rubik-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Baloo 2";src:url(/w/f/baloo2-latin.woff2) format("woff2");font-weight:600 800;font-style:normal;font-display:swap}

/* ---------- tbo::tokens ---------- */
:root{
  --wt-ink:#1B1E23;--wt-ink-2:#34373D;--wt-canvas:#F3EFE7;--wt-paper:#FFFFFF;
  --wt-clay:#A8401F;--wt-clay-d:#7E2D14;--wt-gold:#F5B93A;--wt-gold-l:#FCEBC0;
  --wt-gum:#2F7A55;--wt-gum-l:#E2F0E7;--wt-mist:#EEE7DA;--wt-line:#D9D2C4;--wt-grey:#5E5A52;
  --wt-hard:4px 4px 0 var(--wt-ink);--wt-hard-s:3px 3px 0 var(--wt-ink);
  --wt-head:"Baloo 2","Trebuchet MS",Arial,sans-serif;--wt-text:"Rubik","Segoe UI",Arial,sans-serif;
  --wt-wide:1120px;--wt-main:888px;--wt-read:760px;--pad:24px;--gap:24px
}

/* ---------- tbo::base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.wt{margin:0;background:var(--wt-canvas);color:var(--wt-ink);font:400 17px/1.65 var(--wt-text)}
body.wt img{max-width:100%;height:auto;display:block}
body.wt a{color:var(--wt-clay-d)}
body.wt a:hover{color:var(--wt-clay)}
.wt h1,.wt h2,.wt h3{font-family:var(--wt-head);font-weight:800;line-height:1.12;letter-spacing:-.3px;margin:0}
.wrap{max-width:calc(var(--wt-wide) + var(--pad)*2);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.skip{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{width:auto;height:auto;clip-path:none;left:12px;top:12px;z-index:50;background:var(--wt-paper);padding:8px 12px;border:2px solid var(--wt-ink)}
.ic{display:inline-block;flex:none;vertical-align:middle}
.mi{display:inline-block;flex:none;vertical-align:-3px}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;
  background:var(--wt-gold);color:var(--wt-ink)!important;border:2px solid var(--wt-ink);border-radius:10px;box-shadow:var(--wt-hard-s);
  font:800 15px/1 var(--wt-head);letter-spacing:.6px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.btn-gold:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--wt-ink);background:#F7C55B}
.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;
  background:var(--wt-paper);color:var(--wt-ink)!important;border:1.5px solid var(--wt-ink);border-radius:10px;
  font:500 15px/1 var(--wt-text);text-decoration:none;white-space:nowrap}
.btn-line:hover{background:var(--wt-mist)}

/* ---------- tbo::header ---------- */
.tbo-hd{position:relative;z-index:30;background:var(--wt-clay);color:#fff}
.tbo-hd.tbo-hd--plain{background:var(--wt-paper);color:var(--wt-ink);border-bottom:1px solid var(--wt-line)}
.tbo-navcheck{position:absolute;opacity:0;pointer-events:none}
.hd-bar{display:flex;align-items:center;gap:20px;min-height:64px}
.mark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit!important;margin-right:auto}
.mark b{font:800 25px/1 var(--wt-head);letter-spacing:.4px;text-transform:uppercase}
.mark b i{font-style:normal;color:var(--wt-gold)}
.tbo-hd--plain .mark b i{color:var(--wt-clay)}
.hd-help{display:inline-flex;align-items:center;gap:8px;color:inherit!important;text-decoration:none;font:500 14px/1.2 var(--wt-text)}
.hd-help small{display:block;font-size:12px;opacity:.85}
.burger{display:none}

/* ---------- tbo::nav ---------- */
.tbo-nav{background:var(--wt-paper);color:var(--wt-ink);border-bottom:2px solid var(--wt-ink)}
.tbo-hd--plain .tbo-nav{border-top:0}
.navrow{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.navhub{position:relative}
.navhub>a{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 14px;color:var(--wt-ink)!important;text-decoration:none;font:600 15px/1 var(--wt-text)}
.navhub>a .mi{color:var(--wt-grey)}
.navhub.is-on>a{box-shadow:inset 0 -4px 0 var(--wt-gold)}
.navhub:hover>a,.navhub:focus-within>a{background:var(--wt-mist)}
.tbo-sub{position:absolute;left:0;top:100%;min-width:290px;margin:0;padding:8px;list-style:none;background:var(--wt-paper);color:var(--wt-ink);
  border:2px solid var(--wt-ink);border-radius:12px;box-shadow:var(--wt-hard);visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s}
.navhub:hover .tbo-sub,.navhub:focus-within .tbo-sub{visibility:visible;opacity:1;transform:none}
.tbo-sub li{color:var(--wt-ink)}
.tbo-sub a{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 10px;border-radius:8px;color:var(--wt-ink)!important;text-decoration:none;font:500 15px/1.2 var(--wt-text)}
.tbo-sub a:hover{background:var(--wt-gold-l)}
.nav-close{display:none}

/* ---------- tbo::hero ---------- */
.slab{background:var(--wt-clay);color:#fff;padding-top:28px;padding-bottom:40px}
.slab a{color:#fff}
.crumbs{margin:0 0 14px;font:400 14px/1.4 var(--wt-text)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.crumbs li{display:inline-flex;align-items:center;gap:6px;color:inherit}
.crumbs li+li::before{content:"›";opacity:.7}
.crumbs a{color:inherit!important;text-decoration:underline;text-underline-offset:3px}
.slab__h1{font-size:clamp(34px,4.6vw,52px);max-width:820px}
.slab__lead{max-width:760px;margin:14px 0 0;font-size:18px;line-height:1.6;color:#FBEDE6}
.slab__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:18px;font-size:14px;color:#FBEDE6}
.slab__meta span{display:inline-flex;align-items:center;gap:7px}
.slab__meta a{color:#fff!important}
.slab .ic{filter:none}
.plain-top{background:var(--wt-paper);border-bottom:1px solid var(--wt-line);padding-top:22px;padding-bottom:26px;color:var(--wt-ink)}
.plain-top .crumbs a{color:var(--wt-grey)!important}
.plain-top .slab__h1{color:var(--wt-ink)}
.plain-top .slab__meta{color:var(--wt-grey)}
.plain-top .slab__meta a{color:var(--wt-clay-d)!important}
.chit{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:6px;background:var(--wt-gold);color:var(--wt-ink);
  border:1.5px solid var(--wt-ink);font:700 12px/1.3 var(--wt-text);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}
.chit--gum{background:var(--wt-gum-l);color:#1E5A3C;border-color:#1E5A3C}

/* ---------- tbo::home ---------- */
.home-hero{padding-top:44px;padding-bottom:48px}
.home-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:center}
.home-hero h1{font-size:clamp(38px,5.4vw,62px);line-height:1.02}
.home-hero h1 em{font-style:normal;position:relative;display:inline-block;line-height:1;white-space:nowrap}
.home-hero h1 em svg{position:absolute;left:-2%;bottom:-.06em;width:104%;height:.2em}
.frame{margin:0;position:relative}
.frame img{width:100%;aspect-ratio:1.25/1;object-fit:cover;border:2px solid var(--wt-ink);border-radius:18px;box-shadow:8px 8px 0 var(--wt-ink)}
.frame figcaption{margin-top:14px;font-size:12px;line-height:1.35;color:#FBEDE6}
.frame figcaption a{color:#FBEDE6!important}
.groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px}
.group h2{font:800 20px/1.2 var(--wt-head);color:#fff;margin:0 0 12px;letter-spacing:0}
.crate{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.crate a{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 12px;background:var(--wt-paper);color:var(--wt-ink)!important;border:2px solid var(--wt-ink);
  border-radius:12px;box-shadow:var(--wt-hard-s);text-decoration:none;font:600 15px/1.2 var(--wt-text)}
.crate a:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--wt-ink)}
.crate a span{flex:1;min-width:0}
.crate .chit{font-size:11px;padding:2px 7px}
.ledge-out{padding-top:26px}
.ledge{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--wt-gold);color:var(--wt-ink);border:2px solid var(--wt-ink);border-radius:14px;box-shadow:var(--wt-hard);
  padding:16px 22px;font:700 19px/1.35 var(--wt-head)}
.ledge b{font-weight:800}
.ledge .ic{flex:none}
.ledge a{margin-left:auto;color:var(--wt-ink)!important;font:600 15px/1 var(--wt-text)}
.block{padding-top:56px;padding-bottom:8px}
.block+.block{border-top:1px solid var(--wt-line);margin-top:48px}
.block__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.block__head h2{font-size:clamp(28px,3.2vw,38px)}
.block__head p{margin:6px 0 0;color:var(--wt-grey);max-width:640px}
.block__head a{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.home-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
.home-split>*{min-width:0}
.guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
.guide a{display:flex;flex-direction:column;height:100%;background:var(--wt-paper);color:var(--wt-ink)!important;text-decoration:none;border:2px solid var(--wt-ink);border-radius:16px;overflow:hidden;box-shadow:var(--wt-hard)}
.guide img{aspect-ratio:1.6/1;object-fit:cover;border-bottom:2px solid var(--wt-ink)}
.guide__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.guide__kick{display:inline-flex;align-items:center;gap:6px;font:700 12px/1 var(--wt-text);letter-spacing:.8px;text-transform:uppercase;color:var(--wt-clay-d)}
.guide b{font:800 21px/1.15 var(--wt-head)}
.guide__body span:last-child{font-size:15px;line-height:1.5;color:var(--wt-grey)}
.cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.cats li{display:flex;gap:14px;padding:18px 20px;background:var(--wt-paper);border:1px solid var(--wt-line);border-radius:14px}
.cats h3{font-size:21px;margin-bottom:4px}
.cats p{margin:0 0 6px;font-size:15.5px;line-height:1.55;color:var(--wt-ink-2)}
.pays{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.pays a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;background:var(--wt-paper);color:var(--wt-ink)!important;text-decoration:none;border:2px solid var(--wt-ink);border-radius:12px;height:100%}
.pays a:hover{background:var(--wt-gold-l)}
.pays b{font:800 18px/1.1 var(--wt-head)}
.pays small{font-size:13px;color:var(--wt-grey)}
.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:0;padding:0;list-style:none;counter-reset:how}
.how li{padding:4px 0}
.how h3{font-size:22px;margin:12px 0 6px}
.how p{margin:0;color:var(--wt-ink-2);font-size:16px}
.textcol{max-width:var(--wt-read)}
.textcol p{margin:0 0 14px}

/* ---------- tbo::sheet ---------- */
.sheet-out{padding-top:32px;padding-bottom:12px}
.sheet{max-width:calc(var(--wt-main) + 72px);margin:0 auto;background:var(--wt-paper);border:1px solid var(--wt-line);border-radius:18px;padding:36px}
.sheet--read{max-width:calc(var(--wt-read) + 72px)}
.sheet--wide{max-width:calc(var(--wt-wide) + 72px)}
.sheet>*:first-child{margin-top:0}
.pic-band{margin:26px 0 0;position:relative}
.pic-band img{width:100%;aspect-ratio:3.2/1;object-fit:cover;border-radius:14px;border:2px solid var(--wt-ink)}
.pic-band figcaption{font-size:12px;color:var(--wt-grey);margin-top:6px}
.pic-band figcaption a{color:var(--wt-grey)!important}

/* ---------- tbo::prose ---------- */
.prose{font-size:17px;line-height:1.7}
.prose>*{max-width:var(--wt-read)}
.prose p{margin:0 0 16px}
.prose h2{font-size:clamp(25px,2.6vw,31px);margin:34px 0 12px;scroll-margin-top:16px}
.prose h3{font-size:22px;margin:26px 0 10px}
.prose ul,.prose ol{margin:0 0 18px;padding-left:24px}
.prose li{margin:0 0 7px}
.prose ul li::marker{color:var(--wt-clay)}
.prose ol li::marker{font-weight:700;color:var(--wt-clay-d)}
.prose strong{font-weight:700}
.prose table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:15.5px}
.prose th,.prose td{border:1px solid var(--wt-line);padding:9px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--wt-mist)}
.tscroll{overflow-x:auto}
.lead-p{font-size:19px;line-height:1.65;color:var(--wt-ink-2)}
.art-grid{display:grid;grid-template-columns:232px minmax(0,1fr);gap:40px;align-items:start;margin-top:36px;padding-top:30px;border-top:1px solid var(--wt-line)}
.art-grid>*{min-width:0}

/* ---------- tbo::toc ---------- */
.toc{position:sticky;top:16px;border:2px solid var(--wt-ink);border-radius:12px;background:var(--wt-paper);box-shadow:var(--wt-hard-s)}
.toc summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;cursor:pointer;list-style:none;font:800 16px/1 var(--wt-head);text-transform:uppercase;letter-spacing:.6px}
.toc summary::-webkit-details-marker{display:none}
.toc summary .mi{margin-left:auto;transition:transform .15s}
.toc[open] summary .mi{transform:rotate(180deg)}
.toc ol{margin:0;padding:0 8px 10px;list-style:none;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:flex;gap:8px;min-height:44px;align-items:center;padding:4px 8px;border-radius:8px;text-decoration:none;color:var(--wt-ink)!important;font-size:15px;line-height:1.3}
.toc a::before{content:counter(t);flex:none;width:22px;height:22px;border-radius:6px;background:var(--wt-mist);display:grid;place-items:center;font:700 12px/1 var(--wt-text)}
.toc a:hover{background:var(--wt-gold-l)}

/* ---------- tbo::review ---------- */
.rev-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
.rev-grid>*{min-width:0}
.passport{position:sticky;top:16px;background:var(--wt-paper);border:2px solid var(--wt-ink);border-radius:20px;box-shadow:var(--wt-hard);padding:22px}
.passport__logo{display:grid;place-items:center;height:110px;border:1px solid var(--wt-line);border-radius:12px;background:#fff;padding:12px}
.passport__logo img{max-height:84px;width:auto;object-fit:contain}
.passport__offer{margin:16px 0 4px;font:600 13px/1.2 var(--wt-text);letter-spacing:.6px;text-transform:uppercase;color:var(--wt-grey)}
.passport__amt{font:800 34px/1.05 var(--wt-head)}
.passport__fs{font:600 16px/1.3 var(--wt-text);color:var(--wt-gum)}
.passport .btn-gold{width:100%;margin-top:16px;min-height:50px;font-size:17px}
.passport__legal{margin:8px 0 0;font-size:12px;color:var(--wt-grey);text-align:center}
.passport dl{margin:16px 0 0}
.passport dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--wt-ink)}
.passport dt{font-size:14px;color:var(--wt-grey)}
.passport dd{margin:0;font-weight:600;font-size:15.5px;text-align:right}
.verdict{background:var(--wt-mist);border-radius:24px;padding:28px 30px}
.verdict__k{margin:0 0 8px;font:800 16px/1 var(--wt-head);letter-spacing:.6px;text-transform:uppercase;color:var(--wt-clay-d)}
.verdict__lead{margin:0 0 18px;font:700 24px/1.35 var(--wt-head);letter-spacing:-.2px}
.verdict h3{font-size:20px;margin:6px 0 10px}
.likes{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.likes li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45}
.spec{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:16px}
.spec caption{text-align:left;font:800 20px/1.2 var(--wt-head);padding:0 0 10px}
.spec th,.spec td{border:1px solid var(--wt-ink);padding:11px 16px;text-align:left;vertical-align:top}
.spec th{width:42%;font-weight:400;color:var(--wt-grey);background:#FBF9F4}
.spec-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:30px}
.rev-grid .art-grid{grid-template-columns:minmax(0,1fr);gap:18px}
.rev-grid .toc{position:static}
.spec-wrap>*{min-width:0}
.revlogos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.revlogos a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border:2px solid var(--wt-ink);border-radius:14px;background:#fff;text-decoration:none;color:var(--wt-ink)!important;height:100%}
.revlogos a:hover{box-shadow:var(--wt-hard-s)}
.revlogos img{height:46px;width:auto;max-width:100%;object-fit:contain}
.revlogos b{font:700 15px/1.2 var(--wt-text)}
.revlogos small{font-size:13px;color:var(--wt-gum);font-weight:600}

/* ---------- tbo::cards ---------- */
.related{margin-top:40px;padding-top:30px;border-top:1px solid var(--wt-line)}
.related h2{font-size:28px;margin-bottom:18px}
.related .guides{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-note{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:20px;border:2px solid var(--wt-ink);border-radius:16px;background:var(--wt-gold-l)}
.form-note p{margin:0 0 8px}

/* ---------- tbo::rg ---------- */
.rgbox{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:36px;padding:20px 22px;border:2px solid var(--wt-ink);border-radius:16px;background:var(--wt-gum-l)}
.rgbox h2,.rgbox b{font:800 20px/1.2 var(--wt-head);margin:0}
.rgbox p{margin:4px 0 0;font-size:15.5px;line-height:1.5}
.rgbox a.btn-line{background:#fff}
.home-split aside .rgbox{grid-template-columns:auto minmax(0,1fr);gap:12px 14px;margin-top:26px;padding:18px}
.home-split aside .rgbox .btn-line{grid-column:1/-1;white-space:normal;text-align:center}
.home-split aside .crate a{min-height:50px}
.disclose{margin:24px 0 0;font-size:13.5px;line-height:1.55;color:var(--wt-grey)}

/* ---------- tbo::footer ---------- */
.tbo-ft{margin-top:64px;background:var(--wt-ink);color:#E9E5DC}
.ft-top{display:grid;grid-template-columns:1.3fr repeat(4,minmax(0,1fr));gap:30px;padding-top:44px;padding-bottom:34px}
.ft-top>*{min-width:0}
.ft-brand p{margin:14px 0 0;font-size:14.5px;line-height:1.6;color:#C9C3B6}
.tbo-ft h2{font:800 17px/1.2 var(--wt-head);color:#fff;margin:0 0 12px;letter-spacing:.3px}
.tbo-ft ul{margin:0;padding:0;list-style:none}
.tbo-ft li{color:#E9E5DC}
.tbo-ft li a{display:inline-flex;min-height:36px;align-items:center;color:#E9E5DC!important;text-decoration:none;font-size:15px}
.tbo-ft li a:hover{color:var(--wt-gold)!important;text-decoration:underline}
.ft-rg{border-top:1px solid #3A3D43;padding-top:20px;padding-bottom:20px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;font-size:14px;color:#E9E5DC}
.ft-rg span{display:inline-flex;align-items:center;gap:8px}
.ft-rg a{color:#fff!important}
.ft-legal{border-top:1px solid #3A3D43;padding-top:18px;padding-bottom:26px;font-size:13px;line-height:1.6;color:#B9B3A6}
.ft-legal p{margin:0 0 6px}
.ft-legal a{color:#E9E5DC!important}
.age{display:inline-grid;place-items:center;width:40px;height:40px;border:2px solid var(--wt-gold);border-radius:10px;color:var(--wt-gold);font:800 15px/1 var(--wt-head)}

/* ---------- tbo::mobile ---------- */
@media (max-width:1100px){
  .groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guides{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pays{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-split{grid-template-columns:minmax(0,1fr)}
  .ft-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-brand{grid-column:1/-1}
}
@media (max-width:920px){
  :root{--pad:16px}
  body.wt{font-size:16px}
  .hd-bar{min-height:56px;gap:12px}
  .mark b{font-size:21px}
  .hd-help,.hd-cta{display:none}
  .burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:0 11px;border:2px solid currentColor;border-radius:10px;cursor:pointer}
  .burger i{display:block;height:2.5px;background:currentColor;border-radius:2px;transition:transform .15s,opacity .15s}
  .tbo-navcheck:checked~.hd-bar-out .burger i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .tbo-navcheck:checked~.hd-bar-out .burger i:nth-child(2){opacity:0}
  .tbo-navcheck:checked~.hd-bar-out .burger i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .tbo-nav{display:none;border-bottom:2px solid var(--wt-ink)}
  .tbo-navcheck:checked~.tbo-nav{display:block}
  .tbo-nav .wrap{padding-top:6px;padding-bottom:10px}
  .navrow{flex-direction:column;gap:0}
  .navhub>a{min-height:50px;padding:0 4px;font-size:17px;border-bottom:1px solid var(--wt-line)}
  .navhub.is-on>a{box-shadow:inset 4px 0 0 var(--wt-gold);padding-left:12px}
  .navhub:hover>a,.navhub:focus-within>a{background:transparent}
  .navhub>a .mi{display:none}
  .tbo-sub{position:static;visibility:visible;opacity:1;transform:none;min-width:0;border:0;box-shadow:none;border-radius:0;padding:4px 0 8px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}
  .tbo-sub a{min-height:44px;padding:4px 6px;font-size:15px}
  .nav-close{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:10px;border:2px solid var(--wt-ink);border-radius:10px;font:700 15px/1 var(--wt-text);cursor:pointer}
  .slab{padding-top:20px;padding-bottom:30px}
  .home-hero__grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .frame img{aspect-ratio:1.6/1;box-shadow:5px 5px 0 var(--wt-ink)}
  .sheet{padding:20px 16px;border-radius:14px}
  .sheet-out{padding-top:16px}
  .sheet-out.wrap{padding-left:10px;padding-right:10px}
  .art-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .toc{position:static}
  .rev-grid{grid-template-columns:minmax(0,1fr)}
  .passport{position:static;order:-1}
  .spec-wrap{grid-template-columns:minmax(0,1fr)}
  .likes{grid-template-columns:minmax(0,1fr)}
  .cats{grid-template-columns:minmax(0,1fr)}
  .how{grid-template-columns:minmax(0,1fr);gap:18px}
  .revlogos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .related .guides{grid-template-columns:minmax(0,1fr)}
  .rgbox{grid-template-columns:auto 1fr}
  .rgbox .btn-line{grid-column:1/-1}
  .verdict{padding:20px 18px}
  .verdict__lead{font-size:20px}
  .block{padding-top:40px}
  .ledge{font-size:17px}
  .ledge a{margin-left:0}
}
@media (max-width:560px){
  .groups{grid-template-columns:minmax(0,1fr)}
  .guides{grid-template-columns:minmax(0,1fr)}
  .pays{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-top{grid-template-columns:minmax(0,1fr)}
  .tbo-sub{grid-template-columns:minmax(0,1fr)}
}

/* ==========================================================================
   tbov::showcase - two-tier comparison block (identity row / fact strip / small print)
   ========================================================================== */
.tbov-wrap{margin:30px 0;container-type:inline-size;container-name:tbov}
.tbov-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:14px}
.tbov-head h2{font:800 clamp(24px,2.6vw,30px)/1.15 var(--wt-head);margin:0}
.tbov-checked{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:14px;color:var(--wt-grey)}
.tbov-filt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 14px;padding:10px 14px;background:var(--wt-mist);border-radius:10px}
.tbov-filt>b{font:700 13px/1 var(--wt-text);letter-spacing:.6px;text-transform:uppercase;color:var(--wt-grey);margin-right:4px}
.tbov-f,.tbov-allcheck{position:absolute;opacity:0;pointer-events:none}
.tbov-filt label{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:15px}
.tbov-filt label::before{content:"";width:20px;height:20px;border:2px solid var(--wt-ink);border-radius:4px;background:#fff center/14px no-repeat}
.tbov-wrap:has(#tbov-f-fs:checked) label[for=tbov-f-fs]::before,
.tbov-wrap:has(#tbov-f-big:checked) label[for=tbov-f-big]::before,
.tbov-wrap:has(#tbov-f-vch:checked) label[for=tbov-f-vch]::before,
.tbov-wrap:has(#tbov-f-cry:checked) label[for=tbov-f-cry]::before,
.tbov-wrap:has(#tbov-f-new:checked) label[for=tbov-f-new]::before{background-color:var(--wt-gold);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4.5 10.5 3.5 3.5 7.5-8' fill='none' stroke='%231B1E23' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.tbov-f:focus-visible+label{outline:2px solid var(--wt-clay);outline-offset:2px}
.tbov-list{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.tbov-row{background:var(--wt-paper);border:2px solid var(--wt-ink);border-radius:14px;overflow:hidden}
.tbov-row.tbov-top{box-shadow:var(--wt-hard)}
.tbov-row.tbov-hid{display:none}
.tbov-allcheck:checked~.tbov-list .tbov-hid{display:block}
.tbov-wrap:has(.tbov-f:checked) .tbov-hid{display:block}
.tbov-wrap:has(#tbov-f-fs:checked) .tbov-row:not(.tbov-i-fs),
.tbov-wrap:has(#tbov-f-big:checked) .tbov-row:not(.tbov-i-big),
.tbov-wrap:has(#tbov-f-vch:checked) .tbov-row:not(.tbov-i-vch),
.tbov-wrap:has(#tbov-f-cry:checked) .tbov-row:not(.tbov-i-cry),
.tbov-wrap:has(#tbov-f-new:checked) .tbov-row:not(.tbov-i-new){display:none}
.tbov-wrap:has(.tbov-f:checked) .tbov-more{display:none}
.tbov-a{display:grid;grid-template-columns:44px 128px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 16px}
.tbov-rank{display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--wt-ink);border-radius:9px;background:var(--wt-mist);font:800 19px/1 var(--wt-head)}
.tbov-top .tbov-rank{background:var(--wt-gold)}
.tbov-logo{display:grid;place-items:center;width:128px;height:64px;padding:6px 8px;border:1px solid var(--wt-line);border-radius:10px;background:#fff}
.tbov-logo img{max-width:100%;max-height:50px;width:auto;height:auto;object-fit:contain}
.tbov-name{min-width:0}
.tbov-name b{display:block;font:800 21px/1.15 var(--wt-head)}
.tbov-name span{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.tbov-tag{display:inline-flex;align-items:center;gap:5px;font:600 13px/1.2 var(--wt-text);color:var(--wt-gum)}
.tbov-a .btn-line{min-height:44px}
.tbov-a .btn-gold{min-height:46px;padding:0 20px}
.tbov-b{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;margin:0;border-top:1px solid var(--wt-line);background:#FCFAF6}
.tbov-b>div{padding:10px 16px;border-left:1px solid var(--wt-line);min-width:0}
.tbov-b>div:first-child{border-left:0}
.tbov-b dt{font:500 12px/1.2 var(--wt-text);letter-spacing:.5px;text-transform:uppercase;color:var(--wt-grey)}
.tbov-b dd{margin:4px 0 0;font:700 17px/1.25 var(--wt-text)}
.tbov-b dd.tbov-amt{font:800 24px/1.05 var(--wt-head)}
.tbov-b dd small{display:block;font:600 14px/1.3 var(--wt-text);color:var(--wt-gum)}
.tbov-c{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;padding:8px 16px;border-top:1px solid var(--wt-line);font-size:13px;color:var(--wt-grey)}
.tbov-c p{margin:0}
.tbov-terms summary{display:inline-flex;align-items:center;gap:6px;min-height:40px;cursor:pointer;font-weight:600;color:var(--wt-ink)}
.tbov-terms summary::-webkit-details-marker{display:none}
.tbov-terms[open] summary .mi{transform:rotate(180deg)}
.tbov-terms{min-width:0;max-width:100%}
.tbov-terms[open]{flex-basis:100%}
.tbov-terms:not([open]) dl{display:none}
.tbov-terms dl{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:4px 14px;margin:4px 0 10px;font-size:14px;color:var(--wt-ink);overflow-wrap:anywhere}
.tbov-terms dt{color:var(--wt-grey)}
.tbov-terms dd{margin:0}
.tbov-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin-top:14px;border:2px solid var(--wt-ink);border-radius:12px;background:var(--wt-ink);color:#fff;
  font:800 16px/1 var(--wt-head);letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
.tbov-allcheck:checked~.tbov-more{display:none}
.tbov-note{margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--wt-grey)}
@container tbov (max-width:760px){
  .tbov-a{grid-template-columns:40px 112px minmax(0,1fr);gap:10px 12px;padding:12px}
  .tbov-logo{width:112px;height:58px}
  .tbov-a .btn-line{grid-column:1/3;grid-row:2}
  .tbov-a .btn-gold{grid-column:3/4;grid-row:2}
  .tbov-b{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 12px 12px;border:1px solid var(--wt-ink);border-radius:10px;background:#fff}
  .tbov-b>div{border-left:0;border-top:1px solid var(--wt-line);padding:8px 12px}
  .tbov-b>div:nth-child(-n+2){border-top:0}
  .tbov-b>div:nth-child(2n){border-left:1px solid var(--wt-line)}
  .tbov-b dd.tbov-amt{font-size:21px}
}
@container tbov (max-width:420px){
  .tbov-a{grid-template-columns:30px 84px minmax(0,1fr);gap:8px 10px;padding:10px 10px 8px}
  .tbov-rank{width:30px;height:30px;font-size:15px;border-radius:7px}
  .tbov-logo{width:84px;height:44px;padding:4px 6px}
  .tbov-logo img{max-height:36px}
  .tbov-name b{font-size:18px}
  .tbov-name span{margin-top:3px;gap:4px}
  .tbov-name .chit{font-size:10px;padding:1px 6px}
  .tbov-tag{font-size:12px}
  .tbov-a .btn-line{grid-column:1/3;grid-row:2;min-height:44px;padding:0 6px;font-size:14px}
  .tbov-a .btn-gold{grid-column:3/4;grid-row:2;min-height:44px;font-size:14px;padding:0 10px}
  .tbov-b{margin:0 10px 8px}
  .tbov-b>div{padding:5px 12px}
  .tbov-b dt{font-size:10.5px}
  .tbov-b dd{font-size:15px;margin-top:1px}
  .tbov-b dd.tbov-amt{font-size:19px}
  .tbov-b dd small{font-size:12.5px}
  .tbov-c{padding:2px 10px 4px;font-size:12px}
  .tbov-terms summary{min-height:36px}
}