/* =====================================================================
   LIGHT SKIN — site-wide (2026-08-31). Linked AFTER cover.v12 so it wins.
   Most of cover.v12 is written against the --cv-* tokens, so redefining the
   palette to light flips the bulk of the UI automatically; the rest of this
   file re-lights the hard-coded dark chrome (masthead, topbar, footer) and the
   inventory toolbar/hero that carried literal dark values.
   (Home page keeps its own body.home block in index.html, loaded after this.)
   ===================================================================== */
:root{
  --cv-bg:#ffffff; --cv-bg2:#eceef1; --cv-panel:#ffffff; --cv-panel2:#ffffff;
  --cv-line:#d9dade; --cv-line2:#cfd0d4;
  --cv-text:#34373c; --cv-head:#14181f; --cv-muted:#6c7076;
  --cv-accent:#c0392f; --cv-accent2:#a8161b;
  /* cover.v12 repoints the wired tokens dark too — flip them back to light so
     wired's own var()-based components (e.g. the .tldr "Quick version" note) stay readable */
  --wr-paper:#ffffff; --wr-paper2:#eceef1; --wr-line:#d9dade;
  --wr-body:#34373c; --wr-muted:#6c7076;
  --wr-accent:#c0392f; --wr-accent2:#a8161b; --wr-red:#c0392f;
}
html,body{ background:#ffffff !important; color:#34373c !important; }

/* ---- topbar + masthead ---- */
.wr-topbar,.dk-strip{ background:#eceef1 !important; color:#5c6067 !important; border-bottom:1px solid #d9dade !important; }
.wr-topbar b,.dk-strip b{ color:#a8161b !important; }
header.wr-mast{ background:#ffffff !important; border-bottom:1px solid #d9dade !important; box-shadow:0 2px 12px rgba(20,24,31,.06) !important; }
header .wr-logo .name{ color:#14181f !important; -webkit-text-fill-color:#14181f !important; }
header .wr-navlinks a,header .wr-actions a,header .wr-icon,header .drop-toggle{ color:#14181f !important; }
header .wr-navlinks a:hover,header .drop-toggle:hover{ color:#a8161b !important; }
header .wr-navlink{ background:#c0392f !important; color:#fff !important; border-radius:7px !important; padding:9px 16px !important; }
header .wr-navlink:hover{ background:#a8161b !important; color:#fff !important; }
header .theme-toggle{ border-color:#d9dade !important; color:#14181f !important; }
header .dropdown .drop-menu{ background:#ffffff !important; border:1px solid #d9dade !important; box-shadow:0 12px 30px rgba(20,24,31,.12) !important; }
header .dropdown .drop-menu a{ color:#14181f !important; }
header .dropdown .drop-menu a:hover{ background:#eceef1 !important; color:#a8161b !important; }

/* ---- footer -> light ---- */
footer{ background:#eceef1 !important; color:#55585e !important; border-top:1px solid #d9dade !important; }
footer h4,footer .brandmark,footer .brandmark *{ color:#14181f !important; -webkit-text-fill-color:#14181f !important; }
footer p,footer .foot-bottom{ color:#55585e !important; }
footer a{ color:#55585e !important; }
footer a:hover{ color:#a8161b !important; }

/* ---- dark contact bands (.wr-news / #contact / .nlw-subscribe) -> light ---- */
.wr-news,#contact,.nlw-subscribe{ background:#eceef1 !important; background-image:none !important; border-top:1px solid #d9dade !important; }
.wr-news h2,.nlw-subscribe h2{ color:#14181f !important; -webkit-text-fill-color:#14181f !important; }
.wr-news p,.wr-news .alt,.nlw-subscribe p{ color:#55585e !important; }
.wr-news .fld,.wr-news label{ color:#5c6067 !important; }
.wr-news input,.wr-news textarea{ background:#ffffff !important; color:#14181f !important; border:1px solid #cfd0d4 !important; }
.wr-news input::placeholder,.wr-news textarea::placeholder{ color:#6c7076 !important; }
.wr-news button{ background:#c0392f !important; color:#fff !important; border:0 !important; }
.wr-news a{ color:#a8161b !important; }

/* ---- images that sat on dark photo cards: give a light matte ---- */
.hero-figure{ background:#ffffff !important; border:1px solid #d9dade !important; box-shadow:0 12px 30px rgba(20,24,31,.10) !important; }

/* =====================================================================
   Inventory page — the toolbar + hero rail carried literal dark values.
   ===================================================================== */
body.deskpage .grid-controls{ background:#ffffff !important; border-bottom:1px solid #d9dade !important; box-shadow:none !important; }
body.deskpage .grid-controls .gc-filters{ background:#ffffff !important; border:1px solid #d9dade !important; box-shadow:inset 0 1px 2px rgba(20,24,31,.05) !important; }
body.deskpage .stk-btn{ background:transparent !important; color:#5c6067 !important; }
body.deskpage .stk-btn:hover{ background:rgba(20,24,31,.06) !important; color:#14181f !important; }
body.deskpage .stk-btn.active{ background:#c0392f !important; color:#fff !important; box-shadow:0 1px 3px rgba(20,24,31,.2) !important; }
body.deskpage .stk-btn[data-mode="sthunt"].active{ background:#c08a12 !important; color:#fff !important; }
/* toolbar shell -> clean white bar so the filled controls read as controls */
body.deskpage .grid-controls .gc-tools{ background:#ffffff !important; border:1px solid #d9dade !important; border-radius:14px !important; box-shadow:0 6px 18px rgba(20,24,31,.06) !important; padding:11px 13px !important; }
/* search + dropdowns -> filled paper pills, no outline */
body.deskpage .grid-controls .gc-search,
body.deskpage .grid-controls .gc-series,
body.deskpage .grid-controls .gc-sort{ background:#ffffff !important; color:#14181f !important; border:0 !important; border-radius:10px !important; box-shadow:inset 0 1px 2px rgba(20,24,31,.05) !important; }
body.deskpage .grid-controls .gc-search::placeholder{ color:#6c7076 !important; }
body.deskpage .grid-controls .gc-series:hover,
body.deskpage .grid-controls .gc-sort:hover{ background:#ece4d4 !important; }
body.deskpage .grid-controls .gc-search:focus,
body.deskpage .grid-controls .gc-series:focus,
body.deskpage .grid-controls .gc-sort:focus{ background:#ffffff !important; box-shadow:0 0 0 2px rgba(192,57,47,.35) !important; }
body.deskpage .grid-controls .gc-searchwrap svg{ color:#a8161b !important; }
body.deskpage .grid-controls .gc-count{ color:#6c7076 !important; }
/* inventory hero rail filter menu -> same filled paper pills as the toolbar */
body.deskpage .inv-lead .wr-rail .gc-filters{ background:transparent !important; }
body.deskpage .inv-lead .wr-rail .gc-filters .stk-btn{ background:#ffffff !important; color:#14181f !important; border:0 !important; border-radius:10px !important; box-shadow:inset 0 1px 2px rgba(20,24,31,.05) !important; }
body.deskpage .inv-lead .wr-rail .gc-filters .stk-btn:hover{ background:#ece4d4 !important; color:#14181f !important; }
body.deskpage .inv-lead .wr-rail .gc-filters .stk-btn.active{ background:#c0392f !important; color:#fff !important; box-shadow:0 1px 3px rgba(20,24,31,.2) !important; }
body.deskpage .inv-lead .wr-rail .gc-filters .stk-btn[data-mode="sthunt"].active{ background:#c08a12 !important; color:#fff !important; }
body.deskpage .inv-lead .wr-rail .railhead{ border-bottom-color:#14181f !important; color:#14181f !important; }
body.deskpage .inv-lead .inv-stats .st b{ color:#14181f !important; }
body.deskpage .inv-lead .inv-stats .st span{ color:#6c7076 !important; }

/* ---- thumbnail-less story cards (.mag-card.no-thumb) must not inherit the
       black .no-thumb placeholder fill -> keep the light card panel ---- */
.mag-card.no-thumb{ background:var(--cv-panel) !important; }

/* ---- table headers keep their dark navy band -> force white labels ---- */
.sg-table thead th,table.hw25 thead th,table.vg-table thead th,.hw25-tablewrap thead th{
  background:linear-gradient(180deg,#14181f,#e7e8eb) !important; color:#ffffff !important; }
.sg-table thead th .arw,table.vg-table thead th .arw{ color:#ffffff !important; }
/* =====================================================================
   REUSABLE RETRO-POSTER HERO TREATMENT
   Drop any photo (.ph-photo) or flat illustration into .poster-hero and it gets
   a warm duotone wash, halftone, film grain, an inset frame, and a condensed
   kicker/title plate — one consistent "travel-poster" look, whether the source
   is a real casting photo or a flat illustration.
   ===================================================================== */
.poster-hero{ position:relative !important; display:block; overflow:hidden; background:#1a130b !important; }
.poster-hero .ph-photo{ position:absolute !important; inset:0; width:100% !important; height:100% !important; object-fit:cover !important; filter:sepia(.26) saturate(1.08) contrast(1.05) !important; }
.poster-hero .ph-wash{ position:absolute; inset:0; background:linear-gradient(150deg, rgba(192,57,47,.30), rgba(21,36,27,.08) 46%, rgba(20,24,31,.46)); mix-blend-mode:soft-light; pointer-events:none; }
.poster-hero .ph-halftone{ position:absolute; inset:0; background-image:radial-gradient(circle, rgba(20,24,31,.55) 0 21%, transparent 23%); background-size:4px 4px; mix-blend-mode:multiply; opacity:.12; pointer-events:none; }
.poster-hero .ph-grain{ position:absolute; inset:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size:150px 150px; mix-blend-mode:overlay; opacity:.32; pointer-events:none; }
.poster-hero .ph-frame{ position:absolute; inset:9px; border:1.5px solid rgba(246,242,233,.55); border-radius:2px; pointer-events:none; z-index:2; }
.poster-hero .ph-plate{ position:absolute; left:15px; bottom:13px; display:flex; flex-direction:column; align-items:flex-start; gap:5px; z-index:3; }
.poster-hero .ph-kicker{ font-family:'Oswald','Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.16em; font-size:.6rem; color:#fff; background:#c0392f; padding:3px 9px; }
.poster-hero .ph-title{ font-family:'Anton','Oswald',sans-serif; text-transform:uppercase; letter-spacing:.015em; font-size:1.55rem; line-height:.95; color:#eceef1; text-shadow:0 2px 7px rgba(0,0,0,.55); }
/* illustration variant: flat art already uses the palette, so skip the photo
   sepia and soften the wash — keep grain + halftone + frame for consistency */
.poster-hero.illus .ph-photo{ filter:none !important; object-fit:cover !important; }
.poster-hero.illus .ph-wash{ opacity:.35; }
.poster-hero.illus .ph-halftone{ opacity:.08; }
.poster-hero.illus .ph-grain{ opacity:.20; }

/* lightbox image -> a real photo print mounted on an aged album page,
   held by translucent corner pockets. Layers, back to front:
   soft top-light sheen · scattered foxing spots · paper fibre · edge vignette · warm stock */
.lb .lb-img{
  background:
    radial-gradient(80% 55% at 32% 8%, rgba(255,253,247,.55), rgba(255,253,247,0) 60%),
    radial-gradient(9px 7px at 24% 30%, rgba(150,110,60,.14), rgba(150,110,60,0) 70%),
    radial-gradient(7px 6px at 78% 22%, rgba(150,110,60,.11), rgba(150,110,60,0) 70%),
    radial-gradient(11px 8px at 68% 82%, rgba(150,110,60,.12), rgba(150,110,60,0) 70%),
    radial-gradient(6px 6px at 14% 74%, rgba(150,110,60,.10), rgba(150,110,60,0) 70%),
    radial-gradient(8px 7px at 88% 60%, rgba(150,110,60,.10), rgba(150,110,60,0) 70%),
    repeating-linear-gradient(90deg, rgba(120,96,54,.035) 0 1px, rgba(120,96,54,0) 1px 3px),
    repeating-linear-gradient(0deg, rgba(120,96,54,.05) 0 2px, rgba(120,96,54,0) 2px 5px),
    radial-gradient(135% 120% at 50% 42%, rgba(233,223,202,0) 55%, rgba(150,120,72,.28) 100%),
    radial-gradient(130% 100% at 50% -12%, #fbf4e6 0%, #eadfc8 52%, #d8caa8 100%),
    #e6dcc4 !important;
  padding:60px 54px !important;
  overflow:visible !important;
  border-bottom:2px solid #cdbf9f !important;
  box-shadow: inset 0 0 90px rgba(120,96,54,.24) !important;
  display:grid !important; place-items:center !important;
}
.lb .lb-img::before,.lb .lb-img::after{ display:none !important; content:none !important; }
/* the white photo print: a cream border, heavier along the bottom, tilted, with a
   directional contact shadow onto the page (light from top-left) */
.lb .lb-img .album-mount{
  position:relative; display:inline-block; line-height:0; max-width:84%;
  transform:rotate(-1.3deg);
  padding:10px 10px 26px !important;
  background:linear-gradient(158deg,#fffdf8 0%,#f7f1e6 100%) !important;
  border-radius:2px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.8) inset,
    0 18px 30px -10px rgba(54,38,16,.5),
    0 3px 7px rgba(54,38,16,.28) !important;
}
.lb .lb-img .album-mount img{
  display:block !important; max-width:100% !important; max-height:60vh !important; object-fit:contain !important;
  border:0 !important; border-radius:1px !important;
  box-shadow:0 0 0 1px rgba(60,45,20,.10) inset, 0 1px 3px rgba(60,45,20,.22) !important;
  filter:saturate(.97) contrast(1.02) !important; background:transparent !important;
}
/* translucent amber corner pockets: a triangular fold with a light hypotenuse edge and a shadow */
.lb .lb-img .pcorner{ position:absolute; width:38px; height:38px; z-index:3; pointer-events:none;
  background:linear-gradient(135deg, rgba(48,34,16,.74) 0 44%, rgba(120,92,44,.5) 46%, rgba(120,92,44,0) 48%);
  filter:drop-shadow(1px 1px 1.5px rgba(30,20,8,.45)); }
.lb .lb-img .pcorner::before{ content:""; position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(255,240,205,.5) 0 3%, rgba(255,240,205,0) 4% 42%, rgba(255,245,220,.45) 43%, rgba(255,245,220,0) 46%); }
.lb .lb-img .pcorner.tl{ top:-6px; left:-6px; }
.lb .lb-img .pcorner.tr{ top:-6px; right:-6px; transform:rotate(90deg); }
.lb .lb-img .pcorner.br{ bottom:-6px; right:-6px; transform:rotate(180deg); }
.lb .lb-img .pcorner.bl{ bottom:-6px; left:-6px; transform:rotate(270deg); }

/* lightbox spec VALUES — cover.v12 forces .lb-spec b to white for the dark tile,
   but the spec boxes are light here, so the value was white-on-white (invisible) */
.lb-inner .lb-spec b,.lb-specs .lb-spec b,.lb-info .lb-spec b,.lb-inner .lb-spec strong{ color:#0a0a0a !important; -webkit-text-fill-color:#0a0a0a !important; }
.lb-inner .lb-spec,.lb-specs .lb-spec{ background:#ffffff !important; border-color:#dcd6c8 !important; }

/* HW series tier badges (.hws-badge) — cover.v12 tints were built for a dark
   card, so their light text was unreadable on the light panel; use dark ink on a
   soft color tint instead */
body.deskpage .hws-badge.prem{ background:rgba(168,22,27,.12) !important; color:#a8161b !important; }
body.deskpage .hws-badge.mid{ background:rgba(181,130,26,.16) !important; color:#8a6410 !important; }
body.deskpage .hws-badge.main{ background:#ffffff !important; color:#34373c !important; }
/* HW reference result count (was near-white for the dark theme) */
body.deskpage .hw25-count{ color:#6c7076 !important; background:#eceef1 !important; border:1px solid #d9dade !important; }

/* article hero overlay tag (.ph-art .art-tag) sits ON TOP of the hero photo —
   cover.v12's transparent orange-outline pill is unreadable there, so give it a
   solid dark pill with white text (readable over any image) */
.ph-art .art-tag,.ph-art .art-top .art-tag{ background:#14181f !important; color:#ffffff !important; border:0 !important; box-shadow:0 2px 8px rgba(0,0,0,.4) !important; padding:5px 12px !important; }

/* newsletter subscribe box (.frs) -> light card */
.frs{ background:#ffffff !important; border:1px solid #d9dade !important; box-shadow:0 8px 20px rgba(20,24,31,.06) !important; }
.frs-h{ color:#14181f !important; }
.frs p{ color:#55585e !important; }
.frs-cta{ color:#a8161b !important; }

/* ============================================================
   Article hero photo — match the HOME lead figure (.hero-figure):
   a clean light mount with a hairline border, soft shadow, and a
   cleanly-rounded photo. Drops the dark scrim and the burned-on
   tag/caption (the rubric + date already show in the copy column),
   so the subpage hero reads with the same editorial polish as home.
   ============================================================ */
.hero.page-hero .ph-art{
  background:#ffffff !important;
  border:1px solid #d9dade !important;
  border-radius:12px !important;
  box-shadow:0 12px 30px rgba(20,24,31,.10) !important;
  min-height:0 !important;
  padding:10px !important;
  display:block !important;
  overflow:hidden !important;
}
.hero.page-hero .ph-art .art-img{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 10 !important;
  object-fit:cover !important;
  opacity:1 !important;
  border-radius:8px !important;
  display:block !important;
}
.hero.page-hero .ph-art::after{ display:none !important; }
.hero.page-hero .ph-art .art-top,
.hero.page-hero .ph-art .art-btm{ display:none !important; }

/* ============================================================
   Guide/article page hero -> light editorial masthead (2026-09-29).
   The DESK block already makes the copy dark serif + a 2-col grid with a
   white art card, but the <section> kept its dark garage-photo background,
   so the dark heading landed on a dark band and vanished. Strip the section
   back to the slate field so the hero reads like the home lead figure.
   ============================================================ */
.hero.page-hero{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  min-height:0 !important;
  padding:30px 0 14px !important;
  box-shadow:none !important;
  border-top:0 !important;
  border-bottom:0 !important;
  overflow:visible !important;
}
.hero.page-hero > .wrap{ color:#14181f !important; display:block !important; }
.hero.page-hero .hero-decals,.page-hero .hero-decals{ display:none !important; }
/* the art card is hidden in the light redesign, so run the copy full width
   as a single editorial column instead of leaving the grid's right half empty */
.hero.page-hero .ph-copy{ max-width:780px !important; }
.hero.page-hero .ph-copy h1,
.hero.page-hero .ph-copy > p, .hero.page-hero .ph-copy .fmeta{ text-shadow:none !important; }
/* kicker/eyebrow -> red rubric, no dark-hero pill (bg/border/shadow).
   #top prefix needed to beat the site-wide `html body #top .eyebrow` yellow
   rule (an id in the selector), which reads poorly on the light field. */
#top .hero.page-hero .eyebrow,#top .hero.page-hero .ls-kicker,
.hero.page-hero .eyebrow,.hero.page-hero .ls-kicker,.page-hero .eyebrow,.page-hero .ls-kicker{
  background:transparent !important; border:0 !important; box-shadow:none !important; text-shadow:none !important;
  padding:0 !important; color:#a8161b !important; -webkit-text-fill-color:#a8161b !important;
  font-weight:700 !important; letter-spacing:.16em !important; }

/* ============================================================
   BLACK CENTER CONTENT COLUMN — site-wide (scoped to #top / <main>).
   Re-supplies cover.v12's dark palette inside the content column so the
   token-driven theme flips dark, while header/topbar/footer stay light.
   Header, topbar and footer live OUTSIDE #top and are untouched.
   ============================================================ */
#top{
  /* Premium dark showroom (2026-09-16): deep graphite gradient + warm top
     glow instead of a flat #000 void. Applies site-wide to every dark page. */
  background:radial-gradient(1200px 640px at 50% -4%, #dfe0e4 0%, #ffffff 44%, #e7e8eb 100%) !important;
  background-color:#e7e8eb !important; /* solid dark base so text never lands on white if the gradient doesn't fully paint */
  color:#34373c !important;
  max-width:1200px !important; margin:0 auto !important;
  position:relative !important; overflow:visible !important;
  --cv-bg:#e7e8eb; --cv-bg2:#111318; --cv-panel:#ffffff; --cv-panel2:#1e222b;
  --cv-line:#d9dade; --cv-line2:#3a404c;
  --cv-text:#34373c; --cv-head:#14181f; --cv-muted:#6c7076;
  --wr-paper:#e7e8eb; --wr-paper2:#ffffff; --wr-line:#d9dade;
  --wr-ink:#14181f; --wr-body:#34373c; --wr-muted:#6c7076;
}
/* warm top glow -> depth, not a flat field */
#top::before{
  content:"" !important; display:block !important; position:absolute !important;
  left:0; right:0; top:0; height:280px; z-index:0; pointer-events:none;
  background:radial-gradient(860px 250px at 50% 0, rgba(228,83,28,.05), transparent 72%) !important;
}
#top > *{ position:relative; z-index:1; }
/* magazine cards + thumbs */
#top .mag-card{ background:var(--cv-panel) !important; border-color:var(--cv-line) !important; box-shadow:none !important; }
#top .wr-river .row .thumb, #top .mag-thumb{ background:#e7e8eb !important; }
/* generic + treasure-hunt tables */
#top main table, #top table{ background:transparent !important; color:#34373c !important; }
#top table th, #top table td, #top .th-table tbody td{ border-color:#d9dade !important; color:#34373c !important; }
#top table tbody tr:nth-child(even), #top table tbody tr:nth-child(even) td,
#top .th-table tbody tr:nth-child(even) td{ background:#f6f1e7 !important; }
#top .th-table tbody tr:hover td{ background:#f0e7d4 !important; }
/* article prose (newsletter pages hardcode light text inline) */
#top .j-article p, #top .j-article li{ color:#34373c !important; }
#top .j-article h4, #top .j-article .j-signoff{ color:#14181f !important; }
#top .j-article .j-protip{ background:#ffffff !important; border-color:#d9dade !important; color:#34373c !important; }
#top .j-artfig img{ background:#ffffff !important; border-color:#d9dade !important; }
/* forms / inputs */
#top input, #top textarea, #top select{ background:#e7e8eb !important; color:#14181f !important; border-color:#33373f !important; }
#top input::placeholder, #top textarea::placeholder{ color:#7c828c !important; }
/* whatnot: Vinted tinted band -> dark */
#top .wn-vinted{ background:#0a0b0e !important; }
/* inventory: status filter chips readable on black */
#top .stk-btn{ background:#ffffff !important; color:#34373c !important; border-color:#d9dade !important; }
#top .stk-btn.active{ background:var(--cv-accent) !important; color:#0a0a0a !important; border-color:var(--cv-accent) !important; }
/* inventory: dark card + illustration thumb (photoless fallback was light) */
#top .card.clickable{ background:#ffffff !important; border-color:#d9dade !important; box-shadow:none !important; }
#top .card .thumb{ background:#e7e8eb !important; }
#top .card.clickable .thumb{ background:#e7e8eb !important; }
/* inventory: kill the white toolbar bar; float dark search + selects on black */
#top .grid-controls{ background:transparent !important; border:0 !important; box-shadow:none !important; }
#top .grid-controls .gc-search,
#top .grid-controls .gc-series,
#top .grid-controls .gc-sort{ background:#ffffff !important; color:#34373c !important; border-color:#d9dade !important; }
#top .grid-controls .gc-search::placeholder{ color:#6c7076 !important; }
#top .grid-controls .gc-count{ color:#6c7076 !important; }
#top .grid-controls .gc-tools{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
/* inventory: big rail stat numbers were too dark on black */
#top .inv-stats .st b{ color:#14181f !important; }
#top .inv-stats .st span{ color:#6c7076 !important; }
/* lift the black center column off the white page with an edge shadow */
#top{ position:relative !important; z-index:1 !important;
  box-shadow:0 14px 50px rgba(0,0,0,.60), 0 0 26px rgba(0,0,0,.45) !important; }
/* stronger, more prominent edge shadow on the black column */
#top{ max-width:1160px !important;
  box-shadow:0 34px 90px rgba(0,0,0,.75), 0 0 60px 14px rgba(0,0,0,.62) !important; }
/* remove the drop shadow; define the black column with a clean edge border instead */
#top{ box-shadow:none !important; max-width:1200px !important; border:1px solid #cfcfcf !important; }
/* slim Hot Wheels orange track rails down each edge of the black column */
#top{ border:0 !important; position:relative !important; overflow:visible !important; }
/* orange track rails removed; #top::before is now the warm top glow (defined above) */
#top::after{ content:none !important; display:none !important; background:none !important; box-shadow:none !important; }

/* ------------------------------------------------------------------
   EDGE BLEND (2026-09-16): on light-body pages the dark column met the
   white side gutters with a hard vertical line. Feather that transition
   with a soft ambient shadow (dark diffuses into the gutter) + a gentle
   top rounding, so the column reads as a lit sheet floating on the page.
   Home's gutters are already dark, so this simply reads as depth there.
   ------------------------------------------------------------------ */
#top{
  border-radius:12px 12px 0 0 !important;
  box-shadow:0 18px 55px rgba(11,14,19,.22),
             0 0 46px 12px rgba(11,14,19,.12) !important;
}

/* =====================================================================
   UNIFIED BUTTON STYLE (2026-09-16)
   Every action button across the site matches the selected/red chip
   under "Filter the collection" on the inventory page:
   filled #a8161b, white uppercase Inter 700, 10px radius, red glow.
   (The .stk-btn filter chips themselves are the reference and are left
   as-is; nav/icon/toggle/lightbox buttons are intentionally excluded.)
   Only real buttons/links are targeted (.btn family, form submit buttons,
   anchor .cta, .vg-export). Wrapper CTA blocks (.article-cta / .zone-cta /
   .subscribe / .avail-cta / .fh-cta divs and .cta divs) are deliberately NOT
   styled. Selectors are class-tripled so page-level .btn-primary context
   rules in styles.v136.css can't out-specify this. */
.btn.btn.btn,
.btn-ghost.btn-ghost.btn-ghost,
a.cta.cta.cta,
.vg-export.vg-export.vg-export,
button[type="submit"][type="submit"][type="submit"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  background:#a8161b !important;
  background-image:none !important;
  color:#ffffff !important;
  border:1px solid #a8161b !important;
  border-radius:10px !important;
  padding:11px 20px !important;
  font-family:'Inter',system-ui,-apple-system,sans-serif !important;
  font-weight:700 !important;
  font-size:.74rem !important;
  line-height:1 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  box-shadow:0 2px 12px rgba(168,22,27,.5) !important;
  cursor:pointer !important;
  transition:background .14s ease, transform .12s ease, box-shadow .14s ease !important;
}
.btn.btn.btn:hover,
.btn-ghost.btn-ghost.btn-ghost:hover,
a.cta.cta.cta:hover,
.vg-export.vg-export.vg-export:hover,
button[type="submit"][type="submit"][type="submit"]:hover{
  background:#8c1216 !important;
  border-color:#8c1216 !important;
  color:#ffffff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 4px 16px rgba(168,22,27,.55) !important;
}
/* Treasure-hunt case-tracker table -> light editorial component (matches site) */
#top .th-tablewrap{ background:#ffffff !important; border:1px solid #d9dade !important; border-radius:12px !important; box-shadow:0 12px 30px rgba(20,24,31,.12) !important; overflow:hidden !important; }
#top .th-table{ background:transparent !important; }
#top .th-table caption{ color:#a8161b !important; background:#ffffff !important; margin:0 !important; padding:13px 16px !important; border-bottom:1px solid #d9dade !important; }
#top .th-table thead th{ background:#15241b !important; color:#f4efe2 !important; border-bottom:1px solid #d9dade !important; }
#top .th-table tbody td{ color:#3f4247 !important; border-top:1px solid #e3e4e8 !important; }
#top .th-table tbody tr:nth-child(even) td{ background:#f6f1e7 !important; }
#top .th-table tbody tr:hover td{ background:#f0e7d4 !important; }
#top .th-table tbody tr:first-child td{ border-top:0 !important; }
/* car-name link stays ink so it reads on the light rows */
#top .th-table .th-td-name, #top .th-table .th-td-name .th-pop{ color:#17181c !important; -webkit-text-fill-color:#17181c !important; }
#top .th-table .th-td-name .th-pop:hover{ color:#a8161b !important; -webkit-text-fill-color:#a8161b !important; }
/* premium graphite field (matches the home/See-Diecast showroom) instead of flat black */
#top{ background:radial-gradient(1200px 640px at 50% -4%, #dfe0e4 0%, #ffffff 44%, #e7e8eb 100%) !important; background-color:#e7e8eb !important; }
/* contact band ("Get in touch") -> dark on every page, matching the graphite field */
#top .wr-news, #top #contact{ background:#e7e8eb !important; background-image:none !important; border-top:1px solid #d9dade !important; }
#top .wr-news h2{ color:#14181f !important; -webkit-text-fill-color:#14181f !important; }
#top .wr-news p, #top .wr-news .alt, #top .wr-news .fld, #top .wr-news label{ color:#34373c !important; }
#top .wr-news a{ color:#e0857e !important; }
#top .wr-news input, #top .wr-news textarea{ background:#ffffff !important; color:#14181f !important; border-color:#33373f !important; }
#top .wr-news input::placeholder, #top .wr-news textarea::placeholder{ color:#7c828c !important; }
/* keep fixed overlays (treasure-hunt lightbox) truly fixed & centered — the graphite
   layering rule (#top > *{position:relative}) was dropping it into page flow */
#top .thlb, #top #thlb{ position:fixed !important; z-index:9999 !important; }
/* treasure-hunt car names -> white, no dotted underline */
#top .th-td-name .th-pop{ color:#14181f !important; border-bottom:0 !important; text-decoration:none !important; }
#top .th-td-name .th-pop:hover{ color:#ff8a3d !important; border-bottom:0 !important; }
/* home: hide the category kicker labels (Collector's Corner / Collector Tip / 2026 Reference / etc.) */
body.home #top .rubric{ display:none !important; }
body.home #top .mag-pill{ display:none !important; }
/* section titles site-wide (rail heads + magazine section labels) -> bright yellow.
   The home page carries its own inline #top overrides (later in source), so home
   needs the extra `html` bump to out-specify them. */
html body #top .railhead,
html body #top .mag-seclabel,
html body #top .wr-brands .lbl,
html body #top .hub-rail .lbl,
html body.home #top .railhead,
html body.home #top .mag-seclabel,
html body.home #top .wr-brands .lbl{ color:#f5cf1a !important; -webkit-text-fill-color:#f5cf1a !important; }
/* diecast inventory: hide the "Diecast Inventory · The Collection" kicker,
   keep the "The Whole Collection" heading and color it bright yellow */
body.deskpage #top .inv-lead .wr-hero .rubric{ display:none !important; }
html body.deskpage #top .inv-lead .wr-hero > h1{ color:#f5cf1a !important; -webkit-text-fill-color:#f5cf1a !important; }
/* diecast inventory: enlarge the "Filter the collection" rail heading */
html body.deskpage #top .inv-lead .wr-rail .railhead{ font-size:1.05rem !important; letter-spacing:.06em !important; }
/* hobby hub: hero heading -> bright yellow (match the inventory hero) */
html body #top .hub-lead .wr-hero > h1{ color:#f5cf1a !important; -webkit-text-fill-color:#f5cf1a !important; }
/* hobby hub: hide the "Hobby Hub · Collector guides" kicker (backstop) + enlarge section titles */
html body #top .hub-lead .wr-hero .rubric{ display:none !important; }
html body #top .hub-cardsec .mag-seclabel{ font-size:1rem !important; }
html body #top .hub-lead .wr-rail .railhead{ font-size:1.05rem !important; letter-spacing:.06em !important; }
html body #top .hub-lead .wr-rail .railhead-sub{ font-size:.82rem !important; letter-spacing:.1em !important; }
/* hobby hub: enlarge the "Trusted resources" rail label to match the other section titles */
html body #top .hub-rail .lbl{ font-size:1rem !important; }
/* hobby hub: card/article kicker labels (.k) -> bright yellow + larger */
html body #top .hh-g .k,
html body #top .bs-feature .k,
html body #top .bs-item .k{ color:#f5cf1a !important; -webkit-text-fill-color:#f5cf1a !important; font-size:.82rem !important; }
/* site-wide: kicker labels (article-hero eyebrows, card eyebrows) -> bright yellow + larger */
html body #top .eyebrow,
html body #top .mag-eyebrow,
html body #top .vg-kicker{ color:#f5cf1a !important; -webkit-text-fill-color:#f5cf1a !important; font-size:.82rem !important; }
/* unify all kicker labels to the "Trusted resources" type treatment (Inter 800, 1rem, .14em, uppercase) */
html body #top .eyebrow,
html body #top .mag-eyebrow,
html body #top .vg-kicker,
html body #top .hh-g .k,
html body #top .bs-feature .k,
html body #top .bs-item .k{
  font-family:'Inter',sans-serif !important;
  font-weight:800 !important;
  font-size:1rem !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
/* guides page: match section titles (The Basics / Brand Deep-Dives) to the unified kicker font */
html body #top .hub-cardsec .mag-seclabel{
  font-family:'Inter',sans-serif !important;
  font-weight:800 !important;
  font-size:1rem !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
/* home: match section titles (The Latest / Treasure Hunt Lists / Favorites / From the Hobby Hub / Browse by Brand) to the unified kicker font */
html body.home #top .railhead,
html body.home #top .mag-seclabel,
html body.home #top .wr-brands .lbl{
  font-family:'Inter',sans-serif !important;
  font-weight:800 !important;
  font-size:1rem !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
/* media page: match section titles (Listen & follow / On the show) to the unified kicker font */
html body #top .media-sec .mag-seclabel{
  font-family:'Inter',sans-serif !important;
  font-weight:800 !important;
  font-size:1rem !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
/* media page: hero kicker rubric -> yellow + unified font (match article-hero eyebrows) */
html body #top .media-lead .wr-hero .rubric{
  color:#f5cf1a !important; -webkit-text-fill-color:#f5cf1a !important;
  font-family:'Inter',sans-serif !important;
  font-weight:800 !important;
  font-size:1rem !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
/* whatnot (Get Diecast) page: channel eyebrows (.chan-tag) -> yellow + unified kicker font (keep the numbered circle) */
html body #top .chan-tag{
  color:#f5cf1a !important; -webkit-text-fill-color:#f5cf1a !important;
  font-family:'Inter',sans-serif !important;
  font-weight:800 !important;
  font-size:1rem !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
html body #top .chan-tag .chan-num{ color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:.74rem !important; }
/* Popout/lightbox colors are defined once in the POPOUT STANDARD section
   near the end of this file (light, to match the white wired site). */
/* =====================================================================
   Diecast Inventory filter chips -> compact "on/off" glowing pills,
   clustered/wrapped instead of full-width stacked (2026-09-25).
   #top gives the id-level specificity to beat the earlier deskpage rules.
   ===================================================================== */
body.deskpage #top .inv-lead .wr-rail .gc-filters,
body.deskpage #top .grid-controls .gc-filters{
  display:grid !important; grid-template-columns:1fr 1fr !important;
  gap:9px !important; width:100% !important; align-items:stretch !important;
  background:transparent !important; border:0 !important; padding:0 !important; box-shadow:none !important;
}
/* neon tube — OFF (dim, unlit) */
body.deskpage #top .gc-filters .stk-btn{
  width:100% !important; justify-content:center !important; text-align:center !important;
  padding:10px 14px !important; border-radius:999px !important;
  background:rgba(12,13,16,.55) !important; color:#e0857e !important; -webkit-text-fill-color:#e0857e;
  border:2px solid rgba(224,85,74,.4) !important;
  font-family:'Inter',sans-serif !important; font-weight:800 !important; font-size:.78rem !important;
  letter-spacing:.09em !important; text-transform:uppercase !important;
  text-shadow:0 0 5px rgba(224,85,74,.3) !important;
  box-shadow:0 0 0 1px rgba(224,85,74,.1), 0 0 7px rgba(192,57,47,.12) !important;
  transition:color .18s, border-color .18s, text-shadow .18s, box-shadow .18s, background .18s !important;
}
/* neon tube — HOVER (warming up) */
body.deskpage #top .gc-filters .stk-btn:hover{
  color:#ffd9d4 !important; -webkit-text-fill-color:#ffd9d4; border-color:rgba(224,85,74,.85) !important;
  text-shadow:0 0 9px rgba(255,120,110,.75) !important;
  box-shadow:0 0 11px rgba(192,57,47,.45), inset 0 0 8px rgba(192,57,47,.2) !important;
}
/* neon tube — ON (fully lit) */
body.deskpage #top .gc-filters .stk-btn.active{
  color:#fff !important; -webkit-text-fill-color:#fff;
  background:rgba(192,57,47,.14) !important; border-color:#ff5a4a !important;
  text-shadow:0 0 6px rgba(255,255,255,.65), 0 0 15px rgba(255,90,74,.95), 0 0 28px rgba(255,90,74,.6) !important;
  box-shadow:0 0 0 1px #ff5a4a, 0 0 18px rgba(255,90,74,.8), 0 0 36px rgba(192,57,47,.55), inset 0 0 13px rgba(255,90,74,.28) !important;
}
/* Super TH lights up gold instead of red */
body.deskpage #top .gc-filters .stk-btn[data-mode="sthunt"]{
  color:#e3b64d !important; -webkit-text-fill-color:#e3b64d; border-color:rgba(227,182,77,.4) !important;
  text-shadow:0 0 5px rgba(227,182,77,.3) !important;
}
body.deskpage #top .gc-filters .stk-btn[data-mode="sthunt"].active{
  color:#fff !important; -webkit-text-fill-color:#fff; background:rgba(192,138,18,.16) !important; border-color:#f2c94c !important;
  text-shadow:0 0 6px rgba(255,255,255,.65), 0 0 15px rgba(242,201,76,.95), 0 0 28px rgba(227,182,77,.6) !important;
  box-shadow:0 0 0 1px #f2c94c, 0 0 18px rgba(242,201,76,.8), 0 0 36px rgba(192,138,18,.55), inset 0 0 13px rgba(242,201,76,.28) !important;
}

/* =====================================================================
   SHARED FAQ ACCORDION (dark) — used on treasure-hunts + guides (Learn)
   Native <details>, no JS. #top-scoped so it reads on the dark field.
   ===================================================================== */
#top .faq-block{margin-top:16px;border-top:1px solid #d9dade;}
#top .faq-block details{border-bottom:1px solid #d9dade;}
#top .faq-block summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;font-family:'Fraunces','Georgia',serif;font-weight:600;font-size:1.12rem;line-height:1.25;letter-spacing:-.01em;color:#14181f;}
#top .faq-block summary::-webkit-details-marker{display:none;}
#top .faq-block summary::after{content:"+";font-family:'Inter',sans-serif;font-weight:400;font-size:1.6rem;line-height:1;color:#a8161b;flex:0 0 auto;}
#top .faq-block details[open] summary::after{content:"\2212";}
#top .faq-block summary:hover{color:#a8161b;}
#top .faq-block .faq-a{padding:2px 0 20px;max-width:72ch;}
#top .faq-block .faq-a p{color:#34373c;font-size:.98rem;line-height:1.65;margin:0 0 10px;}
#top .faq-block .faq-a p:last-child{margin-bottom:0;}
#top .faq-block .faq-a a{color:#a8161b;font-weight:600;border-bottom:1px solid #d9dade;}
#top .faq-block .faq-a a:hover{border-bottom-color:#a8161b;}

/* =====================================================================
   CAR DETAIL PAGES — red CTA (match site buttons) + related castings grid
   ===================================================================== */
#top .cd-btn.primary{background:#a8161b !important;border-color:#a8161b !important;color:#fff !important;}
#top .cd-btn.primary:hover{background:#8c1216 !important;border-color:#8c1216 !important;}
#top .cd-related{margin:42px 0 0;border-top:1px solid #d9dade;padding-top:26px;}
#top .cd-related-h{font-family:'Oswald','Space Grotesk',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#6c7076;margin:0 0 18px;}
#top .cd-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
@media(max-width:720px){#top .cd-related-grid{grid-template-columns:repeat(2,1fr);}}
#top .cd-rel{display:block;text-decoration:none;color:inherit;}
#top .cd-rel img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;padding:8px;border-radius:4px;border:1px solid #d9dade;}
#top .cd-rel-k{display:block;margin:10px 0 3px;font-family:'Oswald','Space Grotesk',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.58rem;color:#a8161b;}
#top .cd-rel-n{display:block;font-family:'Fraunces','Georgia',serif;font-weight:600;font-size:1rem;line-height:1.15;color:#14181f;}
#top .cd-rel:hover .cd-rel-n{color:#a8161b;}

/* =====================================================================
   LIGHTBOX BUYER ACTIONS (2026-09-29) — real CTA for "For Sale" (live-show)
   items, which previously had none. .lb-live = primary red action,
   .lb-ask = secondary text link.
   ===================================================================== */
.lb .lb-actions{display:flex;flex-direction:column;gap:10px;margin:2px 0 4px;}
.lb .lb-buy.lb-live{background:#a8161b !important;color:#fff !important;border:0 !important;box-shadow:0 8px 22px rgba(168,22,27,.4) !important;}
.lb .lb-buy.lb-live:hover{background:#8c1216 !important;}
.lb .lb-buy.lb-live .lb-buy-k{color:#ffd9d5 !important;-webkit-text-fill-color:#ffd9d5 !important;}
.lb .lb-buy.lb-live .lb-buy-v,.lb .lb-buy.lb-live .lb-buy-go{color:#fff !important;-webkit-text-fill-color:#fff !important;}
.lb .lb-ask{display:inline-block;text-align:center;text-decoration:none;font-family:'Inter',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.03em;color:#a8161b !important;-webkit-text-fill-color:#a8161b;padding:10px 12px;border:1px solid #d9dade;border-radius:10px;transition:border-color .14s,color .14s;}
.lb .lb-ask:hover{border-color:#a8161b;color:#8c1216 !important;-webkit-text-fill-color:#8c1216;}

/* ===== Minimalist polish, site-wide (2026-09-29) =====
   Hide decorative decals and flatten leftover boxed cards so the older
   main pages match the quiet gallery look on home/shop/learn. */
#top .page-decals,.page-decals{display:none !important;}
#top .mag-card{background:transparent !important;border:0 !important;box-shadow:none !important;}

/* ===== Textured grey field (2026-09-29) =====
   Clearly-grey paper so white cards/tiles float above it, with a fine
   fractal-noise grain. Data-URI is single-quoted so the double-quoted
   SVG attrs don't break the CSS value. */
#top{
  background-color:#e4e7ec !important;
  background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="160" height="160"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity="0.045"/%3E%3C/svg%3E') !important;
  background-repeat:repeat !important;
  background-attachment:fixed !important;
}
#top::before{ background:none !important; }

/* =====================================================================
   POPOUT STANDARD — the single source of truth for EVERY popout/modal.
   The live site is the WHITE wired editorial skin (paper #fff, ink
   #0a0a0a, red accent #c0392f), so popouts are LIGHT to match it.
   Both the car lightbox (#lb) and the values-page detail modal
   (.vg-modal) read from the --pop-* tokens below. To restyle popouts,
   change a token here — do NOT add per-page popout colors elsewhere.
   NOTE: styles/wired/cover.v12 all style #lb; the `#lb .lb-info .lb-spec`
   selectors here are id-scoped (higher specificity) and light.v4.css is
   linked LAST, so this block wins. .vg-modal rules are body-prefixed to
   beat values.html's inline defaults regardless of source order.
   ===================================================================== */
:root{
  --pop-bg:#ffffff;      /* card / info panel (paper) */
  --pop-stage:#f3f1ea;   /* photo stage (warm paper) */
  --pop-line:#d9dade;    /* hairlines / dividers */
  --pop-btn:#ffffff;     /* close / nav fill */
  --pop-ink:#17181c;     /* titles + spec values (ink) */
  --pop-body:#3f4247;    /* summary / body copy */
  --pop-muted:#6c7076;   /* eyebrow, series, spec labels (quiet) */
  --pop-soft:rgba(20,24,31,.05); /* quiet chip fill */
  --pop-accent:#a8161b;  /* status pill / hover (red) */
}

/* ---- Car lightbox (#lb) — calm minimalist editorial card ----
   Matches diecast-inventory.html's MINIMALIST POPOUT design so light.v4
   (linked last) reinforces it instead of fighting it, and carries the
   same look to popouts on other pages. Muted eyebrow, quiet series line
   (no box), hairline-divided borderless specs. */
#lb .lb-inner{ background:var(--pop-bg) !important; border:0 !important; border-radius:14px !important; box-shadow:0 30px 80px rgba(20,24,31,.28) !important; }
#lb .lb-img{ background:var(--pop-stage) !important; border:0 !important; }
#lb .lb-info{ background:var(--pop-bg) !important; }
#lb .lb-close, #lb .lb-nav{ background:var(--pop-btn) !important; color:var(--pop-ink) !important; border:1px solid var(--pop-line) !important; }
#lb .lb-close:hover, #lb .lb-nav:hover{ background:var(--pop-accent) !important; color:#fff !important; border-color:var(--pop-accent) !important; }
/* Eyebrow (make) → quiet muted, Inter uppercase */
#lb .lb-info .make{ color:var(--pop-muted) !important; -webkit-text-fill-color:var(--pop-muted) !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.12em !important; font-size:.7rem !important; }
/* Title → Fraunces serif ink */
#lb .lb-info h3{ color:var(--pop-ink) !important; -webkit-text-fill-color:var(--pop-ink) !important; font-family:'Fraunces','Georgia',serif !important; }
/* Summary → Inter body */
#lb .lb-info .lb-summary{ color:var(--pop-body) !important; -webkit-text-fill-color:var(--pop-body) !important; font-family:'Inter',sans-serif !important; }
/* Series → quiet muted line, NO black box */
#lb .lb-series{ display:block !important; background:transparent !important; color:var(--pop-muted) !important; -webkit-text-fill-color:var(--pop-muted) !important; border:0 !important; border-radius:0 !important; padding:0 !important; box-shadow:none !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.09em !important; font-size:.66rem !important; }
/* Badges → clean pills; hide redundant category chip */
#lb .lb-badges .lb-badge.cat-tag{ display:none !important; }
#lb .lb-badges > *{ font-family:'Inter',sans-serif !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.09em !important; font-size:.62rem !important; padding:4px 12px !important; border:0 !important; border-radius:999px !important; box-shadow:none !important; }
#lb .lb-badges .lb-request, #lb .lb-badges .lb-request.byreq{ background:var(--pop-accent) !important; color:#fff !important; }
#lb .lb-badges .lb-request.na-tag{ background:var(--pop-soft) !important; color:var(--pop-muted) !important; box-shadow:inset 0 0 0 1px rgba(20,24,31,.12) !important; }
#lb .lb-badges .lb-sold{ background:#17181c !important; color:#fff !important; }
#lb .lb-badges .lb-th, #lb .lb-badges .lb-request.lb-sth, #lb .lb-badges .lb-chase{ background:#fff !important; color:#e4531c !important; box-shadow:inset 0 0 0 1.5px #e4531c !important; }
#lb .lb-badges .lb-sub, #lb .lb-badges .lb-loose{ background:var(--pop-soft) !important; color:var(--pop-muted) !important; }
/* Buy button → red */
#lb .lb-buy{ background:var(--pop-accent) !important; border:1px solid var(--pop-accent) !important; color:#fff !important; }
#lb .lb-buy:hover{ background:#8c1216 !important; border-color:#8c1216 !important; }
/* Specs → borderless, hairline-divided grid */
#lb .lb-specs{ background:transparent !important; border:0 !important; border-top:1px solid var(--pop-line) !important; border-radius:0 !important; }
#lb .lb-info .lb-specs .lb-spec, #lb .lb-info .lb-spec,
#lb .lb-info .lb-spec:nth-child(4n+1), #lb .lb-info .lb-spec:nth-child(4n+2),
#lb .lb-info .lb-spec:nth-child(4n+3), #lb .lb-info .lb-spec:nth-child(4n+4){ background:transparent !important; border:0 !important; border-right:1px solid var(--pop-line) !important; box-shadow:none !important; }
#lb .lb-info .lb-spec.lb-asp, #lb .lb-info .lb-spec:last-child{ border-right:0 !important; }
#lb .lb-info .lb-spec span{ color:var(--pop-muted) !important; -webkit-text-fill-color:var(--pop-muted) !important; font-family:'Inter',sans-serif !important; text-transform:uppercase !important; letter-spacing:.08em !important; }
#lb .lb-info .lb-spec b{ color:var(--pop-ink) !important; -webkit-text-fill-color:var(--pop-ink) !important; font-family:'Fraunces','Georgia',serif !important; }

/* ---- Values-page detail modal (.vg-modal) — keep it light + calm ----
   values.html already ships a clean light editorial modal; only ensure it
   stays light (nothing forces it dark) and shares the muted eyebrow. */
body .vg-modal-card{ background:var(--pop-bg) !important; border:1px solid var(--pop-line) !important; }
body .vg-modal-photo{ background:var(--pop-stage) !important; border-bottom:1px solid var(--pop-line) !important; }
body .vg-m-brand{ color:var(--pop-muted) !important; }
body .vg-m-title{ color:var(--pop-ink) !important; }
body .vg-m-hero .v{ color:var(--pop-ink) !important; }
body .vg-m-spec .v{ color:var(--pop-ink) !important; }
body .vg-m-summary{ color:var(--pop-body) !important; }

/* Watch Live: live-show schedule line (2026-09-30) */
#top .wn-when{ margin:2px 0 14px !important; font-size:.98rem !important; color:#14181f !important; -webkit-text-fill-color:#14181f !important; }
#top .wn-when b{ color:#a8161b !important; -webkit-text-fill-color:#a8161b !important; }

/* ============================================================
   MAIN-PAGE WHITE CONTENT SHEET (2026-09-30) — matches the home
   page: wrap a page's #top content in .pg-sheet so it floats on the
   grey field, with the grey reduced to a frame. Neutralises inner
   .wrap widths/padding so the sheet controls the inset.
   ============================================================ */
#top .pg-sheet{
  background:#ffffff !important;
  border:1px solid #e2e0da !important;
  border-radius:20px !important;
  box-shadow:0 24px 56px rgba(20,24,31,.07) !important;
  max-width:1140px !important;
  margin:26px auto 48px !important;
  padding:12px 52px 50px !important;
  position:relative !important; z-index:1 !important;
}
#top .pg-sheet section{ background:transparent !important; background-image:none !important; box-shadow:none !important; }
#top .pg-sheet .wrap,#top .pg-sheet .gh-wrap,#top .pg-sheet .cc-wrap,#top .pg-sheet .wn-wrap,#top .pg-sheet .sh-wrap{ max-width:none !important; padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; }
/* safeguards so wide leads (fixed-width images, fr grids) fit the sheet */
#top .pg-sheet img{ max-width:100% !important; height:auto !important; }
#top .pg-sheet .cols{ grid-template-columns:minmax(0,1.62fr) minmax(0,1fr) !important; column-gap:46px !important; }
#top .pg-sheet .cols > *{ min-width:0 !important; }
#top .pg-sheet .wrap{ min-width:0 !important; width:auto !important; }
#top .pg-sheet .wn-banner,#top .pg-sheet .poster-hero,#top .pg-sheet .ph-photo{ width:100% !important; max-width:100% !important; }
@media(max-width:760px){ #top .pg-sheet .cols{ grid-template-columns:1fr !important; } }
/* Shop grid on the white sheet: tint tiles light-grey so they read on white */
#top .pg-sheet .cc-it .cc-ph{ background:#f4f5f7 !important; border:1px solid #ececef !important; }
#top .pg-sheet .cc-it:hover .cc-ph{ background:#1a1e26 !important; border-color:#1a1e26 !important; }
#top .pg-sheet .cc-bar{ background:#ffffff !important; }
/* section labels on the main pages -> red-tick header treatment */
#top .pg-sheet .gh-label,#top .pg-sheet .cc-eyebrow,#top .pg-sheet .chan-tag,#top .pg-sheet .sh-steps-h,#top .pg-sheet .wn-faq-h,#top .pg-sheet .mag-seclabel{ position:relative !important; color:#14181f !important; -webkit-text-fill-color:#14181f !important; }
#top .pg-sheet .mag-seclabel{ font-size:.7rem !important; letter-spacing:.16em !important; }
#top .pg-sheet .gh-label::before{ content:""; position:absolute; top:-1px; left:0; width:30px; height:2px; background:#a8161b; }
/* red-tick section header (shared) — dark uppercase label with a red rule tick */
#top .pg-h{ position:relative; font-family:'Inter',sans-serif !important; font-size:.7rem !important; text-transform:uppercase; letter-spacing:.16em; font-weight:700; color:#14181f !important; -webkit-text-fill-color:#14181f !important; margin:44px 0 0 !important; padding-top:22px !important; border-top:1px solid #e4e2dd !important; }
#top .pg-h::before{ content:""; position:absolute; top:-1px; left:0; width:30px; height:2px; background:#a8161b; }
@media(max-width:640px){ #top .pg-sheet{ padding:10px 20px 34px !important; margin:16px auto 30px !important; } }

/* ============================================================
   MOBILE POPOUT (lightbox) FIX (2026-09-30) — the redesign set
   .lb-inner overflow:hidden, which clipped the specs + buy action
   below the fold on phones with no way to scroll. Restore internal
   scroll, shrink the image, and compact the info so it all fits.
   ============================================================ */
@media(max-width:760px){
  #lb .lb-inner{ display:block !important; max-height:90vh !important; overflow-y:auto !important; overflow-x:hidden !important; -webkit-overflow-scrolling:touch !important; }
  #lb .lb-img{ max-height:34vh !important; min-height:0 !important; }
  #lb .lb-img img{ width:100% !important; height:100% !important; max-height:34vh !important; object-fit:contain !important; }
  #lb .lb-info{ padding:14px 18px 22px !important; }
  #lb .lb-info h3{ font-size:1.32rem !important; margin:2px 0 4px !important; }
  #lb .lb-info .lb-summary{ font-size:.9rem !important; line-height:1.45 !important; }
  #lb .lb-specs{ margin-top:12px !important; }
  #lb .lb-close{ position:fixed !important; top:10px !important; right:12px !important; z-index:60 !important; background:#fff !important; border-radius:50% !important; width:34px !important; height:34px !important; box-shadow:0 2px 10px rgba(20,24,31,.25) !important; }
}

/* ============================================================
   Inventory car popout — keep ONLY For Sale / Treasure Hunt /
   Super Treasure Hunt badges (2026-09-30). Category/series badge
   (.cat-tag) is already hidden above; here we drop Chase, Sold,
   Contribution, Loose, and the "Cast's Collection" (na-tag) badge.
   lb-request (Buy It Now / For Sale) and lb-th / lb-sth stay.
   ============================================================ */
#lb .lb-badges .lb-chase,
#lb .lb-badges .lb-sold,
#lb .lb-badges .lb-sub,
#lb .lb-badges .lb-loose,
#lb .lb-badges .lb-request.na-tag{ display:none !important; }

/* Watch Live hero banner — shift crop to the car and lighten the heavy
   sepia/wash so it doesn't read as a dark empty strip (2026-09-30) */
#top .wn-banner{ height:320px !important; }
#top .wn-banner .ph-photo{ object-position:center center !important; filter:saturate(1.05) contrast(1.02) !important; }
#top .wn-banner .ph-wash{ opacity:.3 !important; }
@media(max-width:700px){ #top .wn-banner{ height:200px !important; } }

/* Home hero image: fixed 3:2 frame matching the 3:2 photo crop so the whole
   car (bumpers included) shows, centered, with no cover-crop of the ends. */
#top .hm-hero-img{ aspect-ratio:3/2 !important; min-height:0 !important; height:auto !important; align-self:center !important; background:#1b1f27 !important; }
#top .hm-hero-img img{ object-fit:cover !important; width:100% !important; height:100% !important; }