/* Hallmark · macrostructure: Stat-Led · nav: N6 masthead + area dropdown · footer: Ft4 dense typographic (owner rule: link columns)
 * theme: custom (vibe: "inspection report, paper, navy ink, teal stamp") · paper oklch(98.4% 0.006 85) · accent oklch(50% 0.09 185) teal
 * display: Source Serif 4 (roman) · body: Public Sans · axes: light / high-contrast-serif / cool
 * tone: utilitarian-editorial · motion: cut (dropdown only) · differs from sister (dark charcoal + gold lobby) on all three axes
 * Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4
 */
:root{
  --wt-c-paper:oklch(98.4% 0.006 85);
  --wt-c-paper-2:oklch(96.2% 0.008 85);
  --wt-c-paper-3:oklch(93.5% 0.01 85);
  --wt-c-ink:oklch(26% 0.05 262);
  --wt-c-ink-2:oklch(42% 0.03 262);
  --wt-c-ink-3:oklch(52% 0.02 262);
  --wt-c-rule:oklch(88% 0.012 85);
  --wt-c-rule-strong:oklch(78% 0.015 85);
  --wt-c-accent:oklch(50% 0.09 185);
  --wt-c-accent-ink:oklch(40% 0.08 185);
  --wt-c-accent-wash:oklch(95% 0.025 185);
  --wt-c-on-accent:oklch(98.4% 0.006 85);
  --wt-c-good:oklch(48% 0.13 150);
  --wt-c-good-wash:oklch(95% 0.04 150);
  --wt-c-mid:oklch(55% 0.13 65);
  --wt-c-mid-wash:oklch(95.5% 0.045 80);
  --wt-c-low:oklch(50% 0.17 27);
  --wt-c-low-wash:oklch(95.5% 0.03 27);
  --wt-c-none:oklch(58% 0.01 262);
  --wt-c-none-wash:oklch(94% 0.006 262);
  --wt-c-focus:oklch(55% 0.15 250);
  --wt-c-masthead:oklch(26% 0.05 262);
  --wt-c-on-masthead:oklch(96% 0.01 85);
  --wt-c-on-masthead-2:oklch(78% 0.03 230);

  --wt-font-display:"Source Serif 4","Georgia",serif;
  --wt-font-body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  --wt-t-xs:.8125rem;--wt-t-sm:.9375rem;--wt-t-base:1.0625rem;--wt-t-lg:1.1875rem;
  --wt-t-xl:1.375rem;--wt-t-2xl:1.75rem;--wt-t-3xl:clamp(1.9rem,1.4rem + 2.2vw,2.75rem);
  --wt-t-figure:clamp(5rem,3.2rem + 8vw,9.5rem);

  --wt-s-2xs:.25rem;--wt-s-xs:.5rem;--wt-s-sm:.75rem;--wt-s-md:1rem;--wt-s-lg:1.5rem;
  --wt-s-xl:2rem;--wt-s-2xl:3rem;--wt-s-3xl:4.5rem;
  --wt-radius-sm:4px;--wt-radius-md:8px;
  --wt-rule-hair:1px;
  --wt-measure:68ch;
  --wt-wrap:1120px;
  --wt-ease-out:cubic-bezier(.22,1,.36,1);--wt-ease-in:cubic-bezier(.55,0,1,.45);--wt-ease-in-out:cubic-bezier(.65,0,.35,1);
  --wt-dur-fast:140ms;
}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--wt-c-paper);color:var(--wt-c-ink);font-family:var(--wt-font-body);
  font-size:var(--wt-t-base);line-height:1.65;font-variant-numeric:tabular-nums}
img{max-width:100%;height:auto;display:block}
a{color:var(--wt-c-accent-ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--wt-c-ink)}
:focus-visible{outline:2px solid var(--wt-c-focus);outline-offset:2px}
h1,h2,h3{font-family:var(--wt-font-display);font-style:normal;color:var(--wt-c-ink);line-height:1.18;
  overflow-wrap:anywhere;min-width:0;font-weight:650;letter-spacing:-.01em}
h1{font-size:var(--wt-t-3xl);margin:0 0 var(--wt-s-md)}
h2{font-size:var(--wt-t-2xl);margin:var(--wt-s-3xl) 0 var(--wt-s-md);padding-top:var(--wt-s-lg);border-top:var(--wt-rule-hair) solid var(--wt-c-rule)}
h3{font-size:var(--wt-t-xl);margin:var(--wt-s-xl) 0 var(--wt-s-xs)}
p,ul,ol{margin:0 0 var(--wt-s-md);max-width:var(--wt-measure)}
li{margin-bottom:var(--wt-s-xs)}
.wt-shell{max-width:var(--wt-wrap);margin:0 auto;padding:0 var(--wt-s-md)}
.wt-skiplink{position:absolute;left:-999px}.wt-skiplink:focus{left:var(--wt-s-md);top:var(--wt-s-md);background:var(--wt-c-paper);padding:var(--wt-s-xs) var(--wt-s-sm);z-index:10}

/* masthead */
.wt-mast{background:var(--wt-c-masthead);color:var(--wt-c-on-masthead)}
.wt-mast-top{display:flex;align-items:center;justify-content:space-between;gap:var(--wt-s-md);padding-top:var(--wt-s-md);padding-bottom:var(--wt-s-md)}
.wt-logo{font-family:var(--wt-font-body);font-weight:800;font-size:1.25rem;letter-spacing:.02em;color:var(--wt-c-on-masthead);text-decoration:none;white-space:nowrap}
.wt-logo span{font-weight:400;color:var(--wt-c-on-masthead-2)}
.wt-mast-note{font-size:var(--wt-t-xs);color:var(--wt-c-on-masthead-2);margin:0;white-space:nowrap}
.wt-nav{border-top:var(--wt-rule-hair) solid oklch(36% 0.05 262)}
.wt-nav-list{list-style:none;margin:0;padding:0;display:flex;gap:var(--wt-s-xl);max-width:none}
.wt-nav-list>li{margin:0;position:relative}
.wt-nav-list a,.wt-nav-btn{display:inline-flex;align-items:center;gap:6px;color:var(--wt-c-on-masthead);text-decoration:none;
  font:500 var(--wt-t-sm) var(--wt-font-body);padding:var(--wt-s-sm) 0;white-space:nowrap;background:none;border:0;cursor:pointer}
.wt-nav-list a:hover,.wt-nav-btn:hover{color:var(--wt-c-on-masthead-2)}
.wt-nav-btn svg{width:12px;height:12px;transition:transform var(--wt-dur-fast) var(--wt-ease-out)}
.wt-nav-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.wt-drop{display:none;position:absolute;top:100%;left:0;z-index:20;min-width:330px;background:var(--wt-c-paper);
  border:var(--wt-rule-hair) solid var(--wt-c-rule-strong);border-radius:var(--wt-radius-md);padding:var(--wt-s-xs);list-style:none;margin:0;
  box-shadow:0 12px 32px oklch(26% 0.05 262 / .18)}
.wt-drop.wt-open{display:block}
.wt-drop a{display:flex;justify-content:space-between;gap:var(--wt-s-md);color:var(--wt-c-ink);padding:var(--wt-s-xs) var(--wt-s-sm);border-radius:var(--wt-radius-sm)}
.wt-drop a:hover{background:var(--wt-c-paper-2);color:var(--wt-c-ink)}
.wt-drop .wt-sc{font-weight:700}
.wt-burger{display:none;background:none;border:var(--wt-rule-hair) solid oklch(45% 0.05 262);color:var(--wt-c-on-masthead);
  border-radius:var(--wt-radius-sm);padding:6px 10px;font:500 var(--wt-t-sm) var(--wt-font-body);cursor:pointer}

/* breadcrumb */
.wt-crumbs{font-size:var(--wt-t-xs);color:var(--wt-c-ink-3);padding:var(--wt-s-md) 0 0}
.wt-crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px;max-width:none}
.wt-crumbs li{margin:0;white-space:nowrap}
.wt-crumbs li+li::before{content:"/";margin-right:6px;color:var(--wt-c-rule-strong)}
.wt-crumbs a{color:var(--wt-c-ink-2)}

/* stat-led hero */
.wt-hero{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:var(--wt-s-2xl);align-items:start;padding:var(--wt-s-2xl) 0 var(--wt-s-xl)}
.wt-figure{font-family:var(--wt-font-display);font-size:var(--wt-t-figure);font-weight:600;line-height:.9;color:var(--wt-c-ink);letter-spacing:-.03em;margin:0}
.wt-figure small{font-size:.28em;letter-spacing:0;color:var(--wt-c-ink-3);font-weight:400;margin-left:.08em}
.wt-verdict{display:inline-block;font:700 var(--wt-t-sm) var(--wt-font-body);padding:4px 10px;border-radius:var(--wt-radius-sm);margin-top:var(--wt-s-sm)}
.wt-tone-good{color:var(--wt-c-good);background:var(--wt-c-good-wash)}
.wt-tone-mid{color:var(--wt-c-mid);background:var(--wt-c-mid-wash)}
.wt-tone-low{color:var(--wt-c-low);background:var(--wt-c-low-wash)}
.wt-hero-figure p.wt-meta{font-size:var(--wt-t-xs);color:var(--wt-c-ink-3);margin:var(--wt-s-sm) 0 0}
.wt-intro-text{font-size:var(--wt-t-lg);color:var(--wt-c-ink-2)}

/* byline */
.wt-byline{display:flex;align-items:center;gap:var(--wt-s-sm);padding:var(--wt-s-sm) 0;border-top:var(--wt-rule-hair) solid var(--wt-c-rule);
  border-bottom:var(--wt-rule-hair) solid var(--wt-c-rule);font-size:var(--wt-t-sm);margin:var(--wt-s-lg) 0}
.wt-byline img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.wt-byline p{margin:0}
.wt-byline .wt-who{font-weight:600}
.wt-byline .wt-when{color:var(--wt-c-ink-3);font-size:var(--wt-t-xs)}

/* CTA */
.wt-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wt-s-sm) var(--wt-s-md);margin:var(--wt-s-lg) 0 0}
.wt-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 var(--wt-s-lg);border-radius:var(--wt-radius-sm);
  font:700 var(--wt-t-sm) var(--wt-font-body);text-decoration:none;white-space:nowrap;
  background:var(--wt-c-accent);color:var(--wt-c-on-accent);border:var(--wt-rule-hair) solid var(--wt-c-accent);
  transition:background-color var(--wt-dur-fast) var(--wt-ease-out)}
.wt-cta-btn:hover{background:var(--wt-c-accent-ink);color:var(--wt-c-on-accent)}
.wt-cta-btn:active{transform:translateY(1px)}
.wt-btn-ghost{background:transparent;color:var(--wt-c-ink);border-color:var(--wt-c-rule-strong)}
.wt-btn-ghost:hover{background:var(--wt-c-paper-2);color:var(--wt-c-ink)}
.wt-fine{font-size:var(--wt-t-xs);color:var(--wt-c-ink-3);margin:0}

/* report-card table + checklist (F3 spec sheet) */
.wt-tbl{width:100%;border-collapse:collapse;font-size:var(--wt-t-sm);margin:var(--wt-s-md) 0}
.wt-tbl th,.wt-tbl td{text-align:left;padding:var(--wt-s-sm) var(--wt-s-sm) var(--wt-s-sm) 0;border-bottom:var(--wt-rule-hair) solid var(--wt-c-rule);vertical-align:top}
.wt-tbl thead th{font-size:var(--wt-t-xs);color:var(--wt-c-ink-3);font-weight:600;border-bottom-color:var(--wt-c-rule-strong)}
.wt-tbl .wt-num{text-align:right;white-space:nowrap}
.wt-tbl td:first-child a{font-weight:600}
.wt-bar{display:block;height:6px;background:var(--wt-c-paper-3);border-radius:3px;margin-top:6px;min-width:80px}
.wt-bar i{display:block;height:100%;border-radius:3px}
.wt-bar .wt-tone-good{background:var(--wt-c-good)}.wt-bar .wt-tone-mid{background:var(--wt-c-mid)}.wt-bar .wt-tone-low{background:var(--wt-c-low)}
.wt-res{display:inline-flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap;font-size:var(--wt-t-xs);padding:2px 8px;border-radius:var(--wt-radius-sm)}
.wt-res-lulus{color:var(--wt-c-good);background:var(--wt-c-good-wash)}
.wt-res-gagal{color:var(--wt-c-low);background:var(--wt-c-low-wash)}
.wt-res-belum{color:var(--wt-c-none);background:var(--wt-c-none-wash)}
.wt-src{display:block;color:var(--wt-c-ink-3);font-size:var(--wt-t-xs);margin-top:4px}

/* area score strip (area pages) */
.wt-scorebox{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:var(--wt-s-xl);align-items:center;
  padding:var(--wt-s-lg) 0;border-top:var(--wt-rule-hair) solid var(--wt-c-rule);border-bottom:var(--wt-rule-hair) solid var(--wt-c-rule);margin:var(--wt-s-lg) 0}
.wt-scorebox .wt-figure{font-size:clamp(3.5rem,2.5rem + 4vw,5.5rem)}
.wt-scorebox p{margin:0}

/* findings list on home */
.wt-findings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--wt-s-xl);margin-top:var(--wt-s-md)}
.wt-findings h3{margin-top:0;font-size:var(--wt-t-lg)}
.wt-findings ul{padding-left:1.1em}
.wt-area-rows{list-style:none;padding:0;margin:var(--wt-s-md) 0;max-width:none}
.wt-area-rows li{display:grid;grid-template-columns:minmax(0,7rem) minmax(0,1fr);gap:var(--wt-s-lg);padding:var(--wt-s-lg) 0;border-top:var(--wt-rule-hair) solid var(--wt-c-rule);margin:0}
.wt-area-rows .wt-figure{font-size:2.75rem}
.wt-area-rows h3{margin:0 0 var(--wt-s-xs);font-size:var(--wt-t-xl)}
.wt-area-rows p{margin:0 0 var(--wt-s-xs)}

/* lead figure */
figure.wt-lead{margin:var(--wt-s-lg) 0}
figure.wt-lead img{border:var(--wt-rule-hair) solid var(--wt-c-rule);border-radius:var(--wt-radius-sm);width:100%}
figure.wt-lead figcaption{font-size:var(--wt-t-xs);color:var(--wt-c-ink-3);margin-top:var(--wt-s-xs)}

/* notes, disclosure */
.wt-note{background:var(--wt-c-paper-2);border:var(--wt-rule-hair) solid var(--wt-c-rule);border-radius:var(--wt-radius-md);padding:var(--wt-s-md) var(--wt-s-lg);font-size:var(--wt-t-sm);margin:var(--wt-s-lg) 0}
.wt-note p:last-child{margin:0}
.wt-note strong{color:var(--wt-c-ink)}

/* FAQ */
.wt-qa-list details{border-bottom:var(--wt-rule-hair) solid var(--wt-c-rule);padding:var(--wt-s-sm) 0}
.wt-qa-list summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:var(--wt-s-md)}
.wt-qa-list summary::-webkit-details-marker{display:none}
.wt-qa-list summary::after{content:"+";font-weight:400;color:var(--wt-c-ink-3)}
.wt-qa-list details[open] summary::after{content:"−"}
.wt-qa-list details p{margin:var(--wt-s-xs) 0 0}

/* author box */
.wt-author{display:grid;grid-template-columns:minmax(0,96px) minmax(0,1fr);gap:var(--wt-s-lg);border-top:var(--wt-rule-hair) solid var(--wt-c-rule-strong);
  padding-top:var(--wt-s-lg);margin-top:var(--wt-s-3xl)}
.wt-author img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.wt-author h2{border:0;padding:0;margin:0 0 var(--wt-s-2xs);font-size:var(--wt-t-xl)}
.wt-author .wt-jobtitle{color:var(--wt-c-ink-3);font-size:var(--wt-t-sm);margin:0 0 var(--wt-s-xs)}
.wt-author p{font-size:var(--wt-t-sm)}

.wt-areas-more{columns:2;column-gap:var(--wt-s-xl);padding-left:1.1em;max-width:none}
main{padding-bottom:var(--wt-s-3xl)}
.wt-content{max-width:820px}

/* footer */
.wt-site-foot{background:var(--wt-c-paper-2);border-top:var(--wt-rule-hair) solid var(--wt-c-rule);font-size:var(--wt-t-sm);padding:var(--wt-s-2xl) 0 var(--wt-s-lg)}
.wt-foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--wt-s-xl)}
.wt-site-foot h2{font-family:var(--wt-font-body);font-size:var(--wt-t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--wt-c-ink-3);border:0;padding:0;margin:0 0 var(--wt-s-sm)}
.wt-site-foot ul{list-style:none;padding:0;margin:0}
.wt-site-foot li{margin:0 0 6px}
.wt-site-foot a{color:var(--wt-c-ink-2);text-decoration:none;white-space:nowrap}
.wt-site-foot a:hover{color:var(--wt-c-ink);text-decoration:underline}
.wt-copy{border-top:var(--wt-rule-hair) solid var(--wt-c-rule);margin-top:var(--wt-s-xl);padding-top:var(--wt-s-md);color:var(--wt-c-ink-3);font-size:var(--wt-t-xs)}

@media (max-width:860px){
  .wt-foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wt-findings{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .wt-mast-note{display:none}
  .wt-burger{display:inline-block}
  .wt-nav{display:none}
  .wt-nav.wt-open{display:block}
  .wt-nav-list{flex-direction:column;gap:0}
  .wt-nav-list>li{border-bottom:var(--wt-rule-hair) solid oklch(36% 0.05 262)}
  .wt-nav-list a,.wt-nav-btn{width:100%;justify-content:space-between;padding:var(--wt-s-sm) 0}
  .wt-drop{position:static;min-width:0;box-shadow:none;margin-bottom:var(--wt-s-sm)}
  .wt-hero,.wt-scorebox{grid-template-columns:minmax(0,1fr);gap:var(--wt-s-lg)}
  .wt-area-rows li{grid-template-columns:minmax(0,1fr);gap:var(--wt-s-xs)}
  .wt-areas-more{columns:1}
  h2{margin-top:var(--wt-s-2xl)}
  /* checklist rows stack: no sideways scrolling */
  .wt-tbl.wt-stack thead{display:none}
  .wt-tbl.wt-stack,.wt-tbl.wt-stack tbody,.wt-tbl.wt-stack tr,.wt-tbl.wt-stack td{display:block;width:100%}
  .wt-tbl.wt-stack tr{border-bottom:var(--wt-rule-hair) solid var(--wt-c-rule);padding:var(--wt-s-sm) 0}
  .wt-tbl.wt-stack td{border:0;padding:2px 0}
  .wt-tbl.wt-stack td.wt-num{text-align:left}
  .wt-cta .wt-cta-btn{width:100%}
}
@media (max-width:420px){
  .wt-foot-cols{grid-template-columns:minmax(0,1fr)}
  .wt-author{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}
/* v2: highlights list (no scores) */
.wt-checks{list-style:none;padding:0;margin:var(--wt-s-sm) 0;max-width:none}
.wt-checks li{position:relative;padding-left:1.75rem;margin-bottom:var(--wt-s-xs)}
.wt-checks li::before{content:"";position:absolute;left:0;top:.45em;width:.9rem;height:.5rem;border-left:2px solid var(--wt-c-good);border-bottom:2px solid var(--wt-c-good);transform:rotate(-45deg)}
.wt-box-h{border:0;padding:0;margin:0 0 var(--wt-s-xs);font-size:var(--wt-t-xl)}
.wt-area-rows.wt-plain li{display:block}
.wt-hero-figure .wt-meta{max-width:16rem}

/* editorial star rating (homepage) */
.wt-rating{margin:0}
.wt-stars{display:flex;gap:4px}
.wt-star{position:relative;display:inline-block;width:30px;height:30px;background:var(--wt-c-paper-3);
  -webkit-mask:var(--wt-star) center/contain no-repeat;mask:var(--wt-star) center/contain no-repeat}
.wt-star i{position:absolute;inset:0 auto 0 0;background:var(--wt-c-mid)}
:root{--wt-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.3 6.9.7-5.2 4.6 1.5 6.8L12 17l-6.1 3.4 1.5-6.8L2.2 9l6.9-.7z'/%3E%3C/svg%3E")}
.wt-rating-val{font-family:var(--wt-font-display);font-size:clamp(3.5rem,2.5rem + 4vw,5.5rem);font-weight:600;line-height:1;margin:var(--wt-s-sm) 0 0;color:var(--wt-c-ink)}
.wt-rating-val strong{font-weight:600}
.wt-rating-note{font-size:var(--wt-t-xs);color:var(--wt-c-ink-3);margin:var(--wt-s-xs) 0 var(--wt-s-md);max-width:16rem}

/* ============ v3 "fancier" layer: depth, bands, cards ============ */
:root{
  --wt-c-gold:oklch(80% 0.14 80);
  --wt-c-gold-deep:oklch(70% 0.15 70);
  --wt-c-on-gold:oklch(24% 0.05 70);
  --wt-c-band:oklch(24% 0.06 262);
  --wt-c-band-2:oklch(30% 0.07 255);
  --wt-c-on-band:oklch(97% 0.01 85);
  --wt-c-on-band-2:oklch(82% 0.03 240);
  --wt-shadow-card:0 1px 2px oklch(26% 0.05 262 / .06),0 8px 24px oklch(26% 0.05 262 / .08);
  --wt-shadow-lift:0 2px 4px oklch(26% 0.05 262 / .08),0 16px 40px oklch(26% 0.05 262 / .14);
  --wt-radius-lg:14px;
}
.wt-mast{border-bottom:1px solid oklch(34% 0.06 262)}
.wt-band{position:relative;background:var(--wt-c-band);color:var(--wt-c-on-band);overflow:hidden;isolation:isolate}
.wt-band::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(60rem 30rem at 85% -10%,var(--wt-c-band-2),transparent 60%),
             radial-gradient(1px 1px at 1px 1px,oklch(100% 0 0 / .07) 1px,transparent 0) 0 0/22px 22px}
.wt-band h1,.wt-band .wt-figure{color:var(--wt-c-on-band)}
.wt-band .wt-intro-text{color:var(--wt-c-on-band-2)}
.wt-band .wt-crumbs,.wt-band .wt-crumbs a{color:var(--wt-c-on-band-2)}
.wt-band .wt-crumbs li+li::before{color:oklch(50% 0.04 262)}
.wt-band .wt-fine{color:var(--wt-c-on-band-2)}
.wt-band-page{padding:var(--wt-s-md) 0 var(--wt-s-2xl)}
.wt-band-page h1{margin-top:var(--wt-s-md)}
.wt-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--wt-t-xs);font-weight:600;letter-spacing:.04em;
  color:var(--wt-c-gold);margin:var(--wt-s-md) 0 var(--wt-s-xs)}
.wt-eyebrow .wt-ico{width:18px;height:18px}
.wt-hero{padding:var(--wt-s-2xl) 0 var(--wt-s-3xl);align-items:center}
.wt-hero-figure{background:var(--wt-c-paper);color:var(--wt-c-ink);border-radius:var(--wt-radius-lg);padding:var(--wt-s-lg) var(--wt-s-xl);
  box-shadow:0 20px 50px oklch(10% 0.04 262 / .45);min-width:260px}
.wt-hero-figure .wt-meta{color:var(--wt-c-ink-2);font-size:var(--wt-t-sm);border-top:1px solid var(--wt-c-rule);padding-top:var(--wt-s-sm);margin-top:var(--wt-s-sm)}
.wt-star i{background:var(--wt-c-gold-deep)}
.wt-rating-val{color:var(--wt-c-ink)}

.wt-cta-btn{background:linear-gradient(180deg,var(--wt-c-gold),var(--wt-c-gold-deep));color:var(--wt-c-on-gold);border-color:var(--wt-c-gold-deep);
  box-shadow:0 6px 18px oklch(70% 0.15 70 / .35);border-radius:999px;padding:0 var(--wt-s-xl);transition:transform var(--wt-dur-fast) var(--wt-ease-out),box-shadow var(--wt-dur-fast) var(--wt-ease-out)}
.wt-cta-btn:hover{background:linear-gradient(180deg,var(--wt-c-gold),var(--wt-c-gold-deep));color:var(--wt-c-on-gold);transform:translateY(-1px);box-shadow:0 10px 24px oklch(70% 0.15 70 / .45)}

.wt-byline{border:0;background:var(--wt-c-paper-2);border-radius:var(--wt-radius-lg);padding:var(--wt-s-sm) var(--wt-s-md);margin-top:calc(-1 * var(--wt-s-lg));position:relative;box-shadow:var(--wt-shadow-card)}

.wt-hl-grid{list-style:none;padding:0;margin:var(--wt-s-md) 0;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wt-s-sm)}
.wt-hl-grid li{display:flex;gap:var(--wt-s-sm);align-items:flex-start;margin:0;background:var(--wt-c-paper);border:1px solid var(--wt-c-rule);
  border-radius:var(--wt-radius-md);padding:var(--wt-s-sm) var(--wt-s-md);font-size:var(--wt-t-sm);box-shadow:var(--wt-shadow-card)}
.wt-hl-grid .wt-ico{flex:none;width:22px;height:22px;color:var(--wt-c-good);margin-top:1px}
.wt-ico{width:28px;height:28px}

.wt-guide-grid{list-style:none;padding:0;margin:var(--wt-s-md) 0;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wt-s-md)}
.wt-guide-grid li{margin:0}
.wt-guide-card{display:flex;flex-direction:column;gap:6px;height:100%;padding:var(--wt-s-lg);border-radius:var(--wt-radius-lg);background:var(--wt-c-paper);
  border:1px solid var(--wt-c-rule);box-shadow:var(--wt-shadow-card);text-decoration:none;color:var(--wt-c-ink);
  transition:transform var(--wt-dur-fast) var(--wt-ease-out),box-shadow var(--wt-dur-fast) var(--wt-ease-out),border-color var(--wt-dur-fast) var(--wt-ease-out)}
.wt-guide-card:hover{transform:translateY(-3px);box-shadow:var(--wt-shadow-lift);border-color:var(--wt-c-accent);color:var(--wt-c-ink)}
.wt-guide-card .wt-ico{color:var(--wt-c-accent);width:34px;height:34px;padding:6px;border-radius:10px;background:var(--wt-c-accent-wash);box-sizing:content-box}
.wt-guide-card strong{font-family:var(--wt-font-display);font-size:var(--wt-t-xl);font-weight:600;margin-top:6px}
.wt-guide-card span{color:var(--wt-c-ink-2);font-size:var(--wt-t-sm)}
.wt-guide-card em{font-style:normal;font-weight:600;font-size:var(--wt-t-sm);color:var(--wt-c-accent-ink);margin-top:auto;padding-top:var(--wt-s-xs)}
.wt-guide-card em::after{content:" →"}

.wt-highlight-card{background:linear-gradient(180deg,var(--wt-c-accent-wash),var(--wt-c-paper));border:1px solid var(--wt-c-rule);
  border-radius:var(--wt-radius-lg);padding:var(--wt-s-lg);box-shadow:var(--wt-shadow-card);margin:var(--wt-s-lg) 0}
.wt-highlight-card .wt-hl-grid li{background:var(--wt-c-paper)}
figure.wt-lead{margin-top:calc(-1 * var(--wt-s-xl));position:relative}
figure.wt-lead img{border-radius:var(--wt-radius-lg);box-shadow:var(--wt-shadow-lift);border:0}

.wt-tbl.wt-stack{background:var(--wt-c-paper);border-radius:var(--wt-radius-lg);box-shadow:var(--wt-shadow-card);overflow:hidden;border-collapse:separate;border-spacing:0}
.wt-tbl.wt-stack th,.wt-tbl.wt-stack td{padding:var(--wt-s-sm) var(--wt-s-md)}
.wt-tbl.wt-stack thead th{background:var(--wt-c-paper-2)}
.wt-tbl.wt-stack tbody tr:last-child td{border-bottom:0}

.wt-qa-list{margin-top:var(--wt-s-xl)}
.wt-qa-list details{background:var(--wt-c-paper);border:1px solid var(--wt-c-rule);border-radius:var(--wt-radius-md);padding:var(--wt-s-sm) var(--wt-s-md);margin-bottom:var(--wt-s-xs);box-shadow:var(--wt-shadow-card)}
.wt-qa-list details[open]{border-color:var(--wt-c-accent)}

.wt-note{border-radius:var(--wt-radius-lg);background:var(--wt-c-paper-2)}
.wt-author{background:var(--wt-c-paper-2);border:1px solid var(--wt-c-rule);border-radius:var(--wt-radius-lg);padding:var(--wt-s-lg);box-shadow:var(--wt-shadow-card)}

h2{border-top:0;padding-top:0}
h2::after{content:"";display:block;width:48px;height:3px;border-radius:2px;background:var(--wt-c-gold-deep);margin-top:var(--wt-s-sm)}
.wt-box-h::after,.wt-author h2::after,.wt-site-foot h2::after{display:none}

.wt-site-foot{background:var(--wt-c-band);color:var(--wt-c-on-band-2);border-top:0}
.wt-site-foot h2{color:var(--wt-c-gold)}
.wt-site-foot a{color:var(--wt-c-on-band-2)}
.wt-site-foot a:hover{color:var(--wt-c-on-band)}
.wt-copy{border-top-color:oklch(34% 0.05 262);color:var(--wt-c-on-band-2)}

@media (max-width:720px){
  .wt-hl-grid,.wt-guide-grid{grid-template-columns:minmax(0,1fr)}
  .wt-hero-figure{min-width:0}
  .wt-hero{padding:var(--wt-s-xl) 0 var(--wt-s-2xl)}
  .wt-tbl.wt-stack tr{padding:var(--wt-s-sm) var(--wt-s-md)}
  .wt-tbl.wt-stack td{padding:2px 0}
}
@media (prefers-reduced-motion:reduce){.wt-guide-card:hover,.wt-cta-btn:hover{transform:none}}

figure.wt-lead + .wt-byline{margin-top:var(--wt-s-md)}

@media (max-width:400px){.wt-logo{font-size:1rem}.wt-mast-top{gap:var(--wt-s-sm)}}

.wt-logo{display:inline-flex;align-items:center;gap:8px}
.wt-brandmark{display:inline-block;height:28px;width:auto}
@media (max-width:400px){.wt-brandmark{height:22px}.wt-logo{gap:6px}}

.wt-mast-top>.wt-logo{flex:0 1 auto;min-width:0}
.wt-burger{flex:none;display:none;align-items:center;gap:6px}
.wt-burger svg{width:18px;height:18px}
@media (max-width:720px){.wt-burger{display:inline-flex}}
@media (max-width:380px){.wt-burger-label{display:none}.wt-burger{padding:6px 8px}.wt-logo{font-size:.9rem;gap:5px}.wt-brandmark{height:20px}}
@media (max-width:300px){.wt-brandmark{height:17px}.wt-logo{font-size:.82rem}}