/* Wear & Tear Review - report.css
   Slate Desk: dark work surface, printed report on white paper.
   Layers: tokens / base / chrome / blocks / utils / media */

@layer tokens, base, chrome, blocks, utils, media;

@layer tokens {
  /* metric-matched fallbacks so the font swap does not shift layout */
  @font-face { font-family: "Rokkitt fallback"; src: local("Georgia"); size-adjust: 92%; ascent-override: 96%; descent-override: 24%; line-gap-override: 0%; }
  @font-face { font-family: "Yantra fallback"; src: local("Arial"); size-adjust: 92%; ascent-override: 96%; descent-override: 24%; line-gap-override: 0%; }

  :root {
    --slab: "Rokkitt", "Rokkitt fallback", Georgia, serif;
    --sans: "Yantramanav", "Yantra fallback", Arial, sans-serif;

    --desk: #14161a;
    --desk-2: #1c1f25;
    --desk-3: #23272f;
    --rule: #2f343d;
    --on-desk: #eceef1;
    --on-desk-soft: #b9bfc9;

    --paper: #ffffff;
    --paper-2: #f5f4f1;
    --paper-3: #eceae5;
    --ink: #191b1f;
    --ink-soft: #545c66;
    --ink-rule: #d9d6cf;

    --amber: #f2a71b;
    --amber-deep: #b97c05;
    --coral: #ef5136;
    --coral-deep: #b8341d;
    --sale: #c9351a;          /* darker red: white text on it clears AA */
    --link: #1a4b7d;

    --pad: clamp(1rem, 3vw, 1.75rem);
    --col: 40rem;          /* reading measure, about 80 characters */
    --wide: 71rem;
    --r: 4px;
    --shadow: 0 18px 44px rgba(0, 0, 0, .38);
  }
}

@layer base {
  *, *::before, *::after { box-sizing: border-box; }

  html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

  body {
    margin: 0;
    background: var(--desk);
    color: var(--on-desk);
    font-family: var(--sans);
    font-size: 1.0625rem;
    line-height: 1.68;
    font-weight: 400;
  }

  body[data-bar="on"] { padding-bottom: 82px; }

  img { max-width: 100%; height: auto; display: block; }

  a { color: inherit; }

  h1, h2, h3, h4 { font-family: var(--slab); font-weight: 700; line-height: 1.15; margin: 0 0 .6em; letter-spacing: -.01em; }
  h1 { font-size: clamp(2.05rem, 5.4vw, 3.15rem); }
  h2 { font-size: clamp(1.6rem, 3.6vw, 2.15rem); }
  h3 { font-size: clamp(1.2rem, 2.4vw, 1.42rem); }
  p { margin: 0 0 1.1em; }
  ul, ol { margin: 0 0 1.2em; padding-left: 1.25rem; }
  li { margin-bottom: .5em; }
  strong { font-weight: 700; }

  :focus-visible { outline: 3px solid var(--amber); outline-offset: 2px; }

  table { border-collapse: collapse; width: 100%; font-size: .97rem; }
  caption { text-align: left; font-size: .88rem; color: var(--ink-soft); padding-bottom: .5rem; }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  }
}

@layer chrome {
  .wt-skip {
    position: absolute; left: -9999px; top: 0; z-index: 99;
    background: var(--amber); color: #17181a; padding: .75rem 1.1rem; font-weight: 700;
  }
  .wt-skip:focus { left: .5rem; top: .5rem; }

  .wt-shell { width: min(100% - 2rem, var(--wide)); margin-inline: auto; }

  .wt-top { background: var(--desk); border-bottom: 1px solid var(--rule); }
  .wt-top__in { display: flex; align-items: center; gap: 1rem; padding: .85rem 0; }

  .wt-brand { display: flex; align-items: center; gap: .6rem; text-decoration: none; margin-right: auto; }
  .wt-brand__mark { width: 30px; height: 30px; flex: 0 0 auto; }
  .wt-brand__name { font-family: var(--slab); font-size: 1.22rem; font-weight: 700; letter-spacing: -.015em; line-height: 1.05; }
  .wt-brand__sub { display: block; font-family: var(--sans); font-size: .66rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--amber); margin-top: .1rem; }

  .wt-nav { display: flex; align-items: center; gap: .35rem; }
  .wt-nav a {
    text-decoration: none; font-size: .93rem; font-weight: 500; color: var(--on-desk-soft);
    padding: .55rem .6rem; border-radius: var(--r);
  }
  .wt-nav a:hover { color: var(--on-desk); background: var(--desk-2); }
  .wt-nav a[aria-current="page"] { color: var(--amber); }

  .wt-burger {
    display: none; background: var(--desk-2); color: var(--on-desk); border: 1px solid var(--rule);
    border-radius: var(--r); padding: .55rem .7rem; font: 600 .9rem/1 var(--sans); cursor: pointer; min-height: 44px;
  }

  .wt-disc {
    background: #221c10; border-bottom: 1px solid #3a2f18; color: #f0dcb4;
    font-size: .87rem; line-height: 1.5;
  }
  .wt-disc p { margin: 0; padding: .7rem 0; }
  .wt-disc a { color: var(--amber); }

  .wt-crumb { font-size: .85rem; color: var(--on-desk-soft); padding: .9rem 0 0; }
  .wt-crumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; }
  .wt-crumb li::after { content: "/"; margin-left: .4rem; color: var(--rule); }
  .wt-crumb li:last-child::after { content: ""; }
  .wt-crumb a { color: var(--on-desk-soft); }

  .wt-foot { background: #101216; border-top: 1px solid var(--rule); margin-top: 3.5rem; padding: 2.6rem 0 2rem; font-size: .92rem; color: var(--on-desk-soft); }
  .wt-foot h3 { font-size: 1rem; color: var(--on-desk); margin-bottom: .5rem; }
  .wt-foot__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 2rem; }
  .wt-foot ul { list-style: none; padding: 0; margin: 0; }
  .wt-foot li { margin-bottom: .1rem; }
  .wt-foot a { color: var(--on-desk-soft); display: inline-block; padding: .32rem 0; }
  .wt-foot a:hover { color: var(--amber); }
  .wt-foot__legal { border-top: 1px solid var(--rule); margin-top: 2rem; padding-top: 1.4rem; font-size: .84rem; line-height: 1.6; color: #98a0ac; }
  .wt-foot__legal p { margin: 0 0 .8em; }
}

@layer blocks {
  /* ---- masthead / hero ---- */
  .wt-hero { padding: 2.2rem 0 2.6rem; }
  .wt-hero__kicker { font-size: .76rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--amber); margin: 0 0 .8rem; }
  .wt-hero h1 { max-width: 20ch; }
  .wt-hero__deck { font-size: 1.16rem; color: var(--on-desk-soft); max-width: 58ch; margin-bottom: 1.2rem; }
  .wt-byline { display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; font-size: .89rem; color: var(--on-desk-soft); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); padding: .8rem 0; }
  .wt-byline a { color: var(--amber); }
  .wt-byline b { color: var(--on-desk); font-weight: 700; }

  /* ---- verdict card ---- */
  .wt-call { background: var(--desk-2); border: 1px solid var(--rule); border-left: 4px solid var(--amber); border-radius: var(--r); margin: 1.8rem 0 0; }
  .wt-call__head { display: grid; grid-template-columns: auto 1fr auto; gap: 1.4rem; align-items: center; padding: 1.5rem var(--pad); border-bottom: 1px solid var(--rule); }
  .wt-score { text-align: center; }
  .wt-score__n { font-family: var(--slab); font-size: 3.6rem; font-weight: 700; line-height: .95; color: var(--amber); display: block; }
  .wt-score__of { font-size: .78rem; letter-spacing: .13em; text-transform: uppercase; color: var(--on-desk-soft); }
  .wt-stars { display: inline-flex; gap: 2px; vertical-align: middle; }
  .wt-stars svg { width: 17px; height: 17px; fill: var(--amber); }
  .wt-stars--dim svg { fill: #4b515b; }
  .wt-call__label { font-size: .74rem; font-weight: 700; letter-spacing: .19em; text-transform: uppercase; color: var(--amber); margin: 0 0 .35rem; }
  .wt-call__line { font-size: 1.06rem; margin: 0; }
  .wt-call__shot { width: 116px; }
  .wt-call__shot img { width: 116px; height: 161px; object-fit: contain; }

  .wt-spec { padding: 1.3rem var(--pad) 1.5rem; }
  .wt-spec table { font-size: .95rem; }
  .wt-spec th, .wt-spec td { text-align: left; padding: .55rem .6rem; border-bottom: 1px solid var(--rule); vertical-align: top; }
  .wt-spec th { width: 40%; font-weight: 500; color: var(--on-desk-soft); font-family: var(--sans); }
  .wt-spec td { color: var(--on-desk); }
  .wt-spec tr:last-child th, .wt-spec tr:last-child td { border-bottom: 0; }
  .wt-call__cta { padding: 0 var(--pad) 1.5rem; }

  /* ---- paper article ---- */
  .wt-paper { background: var(--paper); color: var(--ink); box-shadow: var(--shadow); border-radius: var(--r); padding: clamp(1.5rem, 4vw, 3.2rem) clamp(1.1rem, 4vw, 3.4rem); max-width: 56rem; margin-inline: auto; }
  /* wide sheet, narrow measure: tables and cards use the full width, running text does not */
  .wt-paper p, .wt-paper ul, .wt-paper ol { max-width: var(--col); }
  .wt-paper a { color: var(--link); }
  .wt-paper h2 { margin-top: 2.4rem; padding-top: 1.4rem; border-top: 2px solid var(--ink); }
  .wt-paper h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
  .wt-paper h3 { margin-top: 1.9rem; color: #22262c; }
  .wt-paper > p:first-of-type { font-size: 1.09rem; }
  .wt-lede { font-size: 1.12rem; color: #2c3138; }
  .wt-note { font-size: .92rem; color: var(--ink-soft); }

  .wt-tldr { background: var(--paper-2); border-left: 4px solid var(--amber); padding: 1.2rem 1.3rem; margin: 0 0 2rem; }
  .wt-tldr h2 { border: 0; margin: 0 0 .5rem; padding: 0; font-size: 1.18rem; }
  .wt-tldr p:last-child { margin-bottom: 0; }

  /* ---- pros / cons ---- */
  .wt-pc { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin: 1.4rem 0 1rem; }
  .wt-pc__col { border: 1px solid var(--ink-rule); border-radius: var(--r); padding: 1.1rem 1.2rem; }
  .wt-pc__col h3 { margin: 0 0 .7rem; font-size: 1.1rem; padding-top: 0; }
  .wt-pc__col ul { list-style: none; padding: 0; margin: 0; font-size: .97rem; }
  .wt-pc__col li { padding-left: 1.5rem; position: relative; }
  .wt-pc--up { background: #fdf7e9; border-color: #e8d5a4; }
  .wt-pc--down { background: #fdf1ee; border-color: #f0cabe; }
  .wt-pc--up li::before { content: "+"; position: absolute; left: 0; color: var(--amber-deep); font-weight: 700; }
  .wt-pc--down li::before { content: "-"; position: absolute; left: .15rem; color: var(--coral-deep); font-weight: 700; }

  /* ---- report card bars ---- */
  .wt-bars { margin: 1.3rem 0 .6rem; }
  .wt-bars__row { display: grid; grid-template-columns: 1fr auto; gap: .3rem 1rem; align-items: baseline; margin-bottom: .85rem; }
  .wt-bars__name { font-weight: 500; font-size: .98rem; }
  .wt-bars__val { font-family: var(--slab); font-weight: 700; font-size: 1.05rem; }
  .wt-bars__track { grid-column: 1 / -1; height: 9px; background: var(--paper-3); border-radius: 2px; overflow: hidden; }
  .wt-bars__fill { height: 100%; background: var(--amber); width: calc(var(--v) * 20%); }
  .wt-bars__fill[data-low="yes"] { background: var(--coral); }

  /* ---- stat snapshot ---- */
  .wt-tally { background: var(--desk); color: var(--on-desk); border-radius: var(--r); padding: 1.4rem var(--pad); margin: 1.5rem 0; }
  .wt-tally h3 { color: var(--on-desk); margin-top: 0; }
  .wt-tally dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); gap: 1.1rem; margin: 0; }
  .wt-tally__cell { display: flex; flex-direction: column-reverse; gap: .15rem; }
  .wt-tally dt { font-size: .8rem; color: var(--on-desk-soft); line-height: 1.35; }
  .wt-tally dd { margin: 0; font-family: var(--slab); font-size: 1.85rem; font-weight: 700; color: var(--amber); line-height: 1; }

  /* ---- tables on paper ---- */
  .wt-scroll { overflow-x: auto; margin: 1.3rem 0; }
  .wt-table th, .wt-table td { text-align: left; padding: .7rem .8rem; border-bottom: 1px solid var(--ink-rule); vertical-align: top; }
  .wt-table thead th { background: var(--ink); color: #fff; font-family: var(--sans); font-weight: 500; font-size: .86rem; letter-spacing: .05em; text-transform: uppercase; border-bottom: 0; }
  .wt-table tbody tr:nth-child(even) { background: var(--paper-2); }
  .wt-table td b { font-family: var(--slab); }
  .wt-table--price td:first-child { font-weight: 700; }
  .wt-table tr[data-pick="best"] { background: #fdf6e6; box-shadow: inset 3px 0 0 var(--amber); }

  .wt-was { color: var(--ink-soft); text-decoration: line-through; }
  .wt-save { display: inline-block; background: var(--sale); color: #fff; font-size: .78rem; font-weight: 700; padding: .12rem .48rem; border-radius: 2px; white-space: nowrap; }
  .wt-pill { display: inline-block; background: var(--ink); color: #fff; font-size: .72rem; font-weight: 500; letter-spacing: .09em; text-transform: uppercase; padding: .16rem .5rem; border-radius: 2px; }

  /* ---- CTA ---- */
  .wt-cta {
    display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
    background: var(--amber); color: #17181a; text-decoration: none;
    font-family: var(--slab); font-weight: 700; font-size: 1.05rem; letter-spacing: .01em;
    padding: .85rem 1.5rem; border-radius: var(--r); border: 2px solid var(--amber-deep);
    min-height: 48px; text-align: center;
  }
  .wt-cta:hover { background: #ffb733; }
  .wt-cta--sm { font-size: .95rem; padding: .6rem 1rem; min-height: 44px; }
  .wt-cta--block { display: flex; width: 100%; }
  .wt-cta__note { font-size: .84rem; color: var(--ink-soft); margin: .6rem 0 0; max-width: 52ch; }
  .wt-call__cta .wt-cta__note { color: var(--on-desk-soft); }
  .wt-reassure { list-style: none; padding: 0; margin: .7rem 0 0; display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; font-size: .86rem; color: var(--ink-soft); }
  .wt-reassure li { margin: 0; }

  /* ---- price curiosity band ---- */
  .wt-band { background: var(--desk); color: var(--on-desk); border-top: 3px solid var(--amber); border-radius: var(--r); padding: 1.5rem var(--pad); margin: 2rem 0; }
  .wt-band h2 { color: var(--on-desk); border: 0; margin: 0 0 .6rem; padding: 0; font-size: 1.45rem; }
  .wt-band p { color: var(--on-desk-soft); max-width: 62ch; }
  .wt-band .wt-cta__note { color: #9aa2ae; }

  /* ---- image frame ---- */
  .wt-shot { display: block; text-decoration: none; margin: 1.4rem 0; }
  .wt-shot img { margin-inline: auto; }
  .wt-shot figcaption { font-size: .85rem; color: var(--ink-soft); text-align: center; margin-top: .6rem; }

  /* ---- quotes ---- */
  .wt-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.1rem; margin: 1.4rem 0; }
  .wt-quote { border: 1px solid var(--ink-rule); border-top: 3px solid var(--amber); border-radius: var(--r); padding: 1.1rem 1.2rem; background: var(--paper); }
  .wt-quote--low { border-top-color: var(--coral); background: #fdfaf9; }
  .wt-quote blockquote { margin: 0 0 .8rem; font-size: .98rem; }
  .wt-quote figcaption { font-size: .86rem; color: var(--ink-soft); }
  .wt-quote figcaption b { color: var(--ink); font-size: .95rem; display: block; }
  .wt-verified { display: inline-block; margin-top: .35rem; font-size: .74rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--amber-deep); }

  /* ---- Q&A ---- */
  .wt-qa h3 { border-left: 3px solid var(--amber); padding-left: .8rem; margin-top: 1.7rem; }

  /* ---- form ---- */
  .wt-form { border: 1px solid var(--ink-rule); border-radius: var(--r); overflow: hidden; margin: 1.6rem 0; }
  .wt-form__head { background: var(--ink); color: #fff; padding: 1rem 1.2rem; }
  .wt-form__head h3 { color: #fff; margin: 0 0 .3rem; padding-top: 0; }
  .wt-form__head p { margin: 0; font-size: .9rem; color: #c9ccd2; }
  .wt-form__body { padding: 1.3rem 1.2rem; background: var(--paper-2); }
  .wt-field { margin-bottom: 1.05rem; }
  .wt-field label { display: block; font-weight: 500; font-size: .93rem; margin-bottom: .3rem; }
  .wt-field input[type="text"], .wt-field input[type="email"], .wt-field textarea, .wt-field select {
    width: 100%; font: 400 1rem/1.5 var(--sans); color: var(--ink);
    background: #fff; border: 1px solid #b9b4aa; border-radius: var(--r); padding: .65rem .7rem; min-height: 44px;
  }
  .wt-field textarea { min-height: 8rem; resize: vertical; }
  .wt-field small { display: block; font-size: .83rem; color: var(--ink-soft); margin-top: .25rem; }
  .wt-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
  .wt-rate { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: .15rem; }
  .wt-rate input { position: absolute; opacity: 0; width: 1px; height: 1px; }
  .wt-rate label { cursor: pointer; padding: .3rem; margin: 0; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .wt-rate svg { width: 27px; height: 27px; fill: #c9c4ba; }
  .wt-rate input:checked ~ label svg, .wt-rate label:hover svg, .wt-rate label:hover ~ label svg { fill: var(--amber); }
  .wt-rate input:focus-visible + label { outline: 3px solid var(--amber); outline-offset: 2px; }
  .wt-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
  .wt-check { display: flex; gap: .6rem; align-items: flex-start; font-size: .93rem; }
  .wt-check input { margin-top: .35rem; width: 20px; height: 20px; flex: 0 0 auto; }
  .wt-submit { background: var(--ink); color: #fff; font: 700 1rem/1 var(--slab); border: 0; border-radius: var(--r); padding: .95rem 1.6rem; min-height: 48px; cursor: pointer; }
  .wt-submit:hover { background: #33373d; }
  .wt-ok { background: #fdf7e9; border: 1px solid #e3cb92; border-left: 4px solid var(--amber); padding: 1rem 1.1rem; margin-bottom: 1rem; font-size: .97rem; }
  .wt-err { color: var(--coral-deep); font-size: .87rem; margin-top: .25rem; font-weight: 500; }

  /* ---- takeaways ---- */
  .wt-keep { background: var(--paper-2); border: 1px solid var(--ink-rule); border-radius: var(--r); padding: 1.3rem 1.4rem; margin: 1.6rem 0; }
  .wt-keep h2 { margin-top: 0; padding-top: 0; border: 0; font-size: 1.35rem; }
  .wt-keep ol { margin-bottom: 0; }

  /* ---- references ---- */
  .wt-refs ol { font-size: .93rem; }
  .wt-refs a { word-break: break-word; }

  /* ---- sticky offer rail ---- */
  .wt-rail {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
    background: #101216; border-top: 2px solid var(--amber);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .4);
  }
  .wt-rail[hidden] { display: none; }
  .wt-rail__in { display: flex; align-items: center; gap: .8rem; padding: .6rem 0; }
  .wt-rail__link { display: flex; align-items: center; gap: .8rem; flex: 1 1 auto; text-decoration: none; color: var(--on-desk); min-height: 44px; }
  .wt-rail__chip {
    background: var(--sale); color: #fff; font-family: var(--slab); font-weight: 700; font-size: .95rem;
    letter-spacing: .02em; padding: .35rem .6rem; border-radius: 2px; white-space: nowrap; flex: 0 0 auto;
    animation: wt-pulse 2.4s ease-in-out infinite;
  }
  .wt-rail__msg { font-size: .93rem; color: var(--on-desk-soft); flex: 1 1 auto; }
  .wt-rail__msg b { color: var(--on-desk); }
  .wt-rail__go { flex: 0 0 auto; }
  .wt-rail__x {
    flex: 0 0 auto; background: transparent; border: 1px solid var(--rule); color: var(--on-desk-soft);
    border-radius: var(--r); width: 44px; height: 44px; font-size: 1.1rem; line-height: 1; cursor: pointer;
  }
  .wt-rail__x:hover { color: #fff; border-color: #59606b; }
  @keyframes wt-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.045); } }
  @media (prefers-reduced-motion: reduce) { .wt-rail__chip { animation: none; } }
}

@layer utils {
  .wt-hide { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .wt-center { text-align: center; }
  .wt-mt0 { margin-top: 0; }
  .wt-toc { background: var(--paper-2); border: 1px solid var(--ink-rule); border-radius: var(--r); padding: 1.1rem 1.3rem; margin: 1.6rem 0; }
  .wt-toc h2 { border: 0; margin: 0 0 .6rem; padding: 0; font-size: 1.15rem; }
  .wt-toc ol { columns: 2; column-gap: 2rem; font-size: .95rem; margin-bottom: 0; }
  .wt-toc li { break-inside: avoid; margin-bottom: .15em; }
  .wt-toc a { display: inline-block; padding: .28rem 0; }
  .wt-byline a { display: inline-block; padding: .2rem 0; }
}

@layer media {
  @media (max-width: 860px) {
    .wt-foot__grid { grid-template-columns: 1fr 1fr; }
    .wt-call__head { grid-template-columns: auto 1fr; }
    .wt-call__shot { display: none; }
    .wt-toc ol { columns: 1; }
  }

  @media (max-width: 720px) {
    .wt-burger { display: block; }
    .wt-nav {
      display: none; position: absolute; left: 1rem; right: 1rem; top: 100%; z-index: 30;
      flex-direction: column; align-items: stretch; gap: 0;
      background: var(--desk-2); border: 1px solid var(--rule); border-radius: var(--r); padding: .4rem;
    }
    .wt-nav[data-open="yes"] { display: flex; }
    .wt-nav a { padding: .8rem .7rem; }
    .wt-top__in { position: relative; flex-wrap: wrap; }
    .wt-pc, .wt-row { grid-template-columns: 1fr; }
    .wt-rail__msg { display: none; }
    .wt-rail__in { gap: .5rem; }
    .wt-foot__grid { grid-template-columns: 1fr; gap: 1.4rem; }
    body[data-bar="on"] { padding-bottom: 76px; }
  }

  @media (max-width: 440px) {
    .wt-score__n { font-size: 3rem; }
    .wt-cta { font-size: .98rem; padding: .8rem 1rem; }
    .wt-rail__go .wt-cta { padding: .6rem .8rem; font-size: .92rem; }
  }

  @media print {
    .wt-rail, .wt-top, .wt-band { display: none; }
    body { background: #fff; color: #000; }
  }
}