/* ============================================================================
   WECKETT facelift, 2026-10-10. A minor colour and type refresh. Reversible: remove the one
   <link href="/facelift.css"> line from the pages and the old look returns.
   - Fonts are served from this deploy (/fonts). No Google host at runtime.
   - NOTE for maintainers: the old family name 'Cormorant Garamond' now points at the Newsreader files.
     Ninety places in the pages say 'Cormorant Garamond'; remapping the name here refreshes them all
     without editing each page. Bodoni Moda, IBM Plex Mono and Bebas Neue keep their own names.
   ========================================================================== */


/* ---- self-hosted faces ---- */
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400 900;font-display:swap;src:url('/fonts/bodoni-moda-italic-400-900.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:swap;src:url('/fonts/bodoni-moda-normal-400-900.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400 600;font-display:swap;src:url('/fonts/newsreader-italic-400-600.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/newsreader-normal-400-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibm-plex-mono-normal-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/ibm-plex-mono-normal-500.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/ibm-plex-mono-normal-600.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/ibm-plex-mono-normal-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/bebas-neue-normal-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* ---- old name 'Cormorant Garamond' now draws Newsreader ---- */
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400 600;font-display:swap;src:url('/fonts/newsreader-italic-400-600.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/newsreader-normal-400-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  --bg-dark:#07090f; --bg-card:#0e121b; --bg-surface:#161c29;
  --bg-cream:#f7f3ea; --bg-cream-alt:#efe8d7;
  --text-primary:#f4efe6; --text-secondary:#b3afa8; --text-muted:#78746c;
  --text-dark:#1a1814; --cream-text:#231e14;
  --gold:#d2b15a; --gold-bright:#ecca62; --gold-dim:#8f7d42;
  --green:#34c98a; --green-dim:#23a672;
  --border:#242b3a; --border-light:#323a4d; --divider:#d2b15a33;
}
html{scroll-behavior:smooth}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:#d2b15a;color:#17130b}
a{transition:color .15s ease,border-color .15s ease,background-color .15s ease}
:focus-visible{outline:2px solid #d2b15a;outline-offset:3px;border-radius:4px}
h1,h2,h3{text-wrap:balance}
/* Newsreader runs a little larger than Cormorant at the same size; bring body copy back in line */
body{font-size:17.5px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ============================================================================
   WECKETT reboot, 2026-10-13: THEMES.
   LIGHT is the default for every visitor: Benjamin Moore Nimbus 1465 (#CFCCC4, LRV 59) page, deeper grey
   steps for every former cream/white card, charcoal (#30333B, the exact inverse of Nimbus) for the bands.
   DARK is the option: the inverse of Nimbus (#30333B page, Nimbus text, Nimbus bands).
   The nav toggle sets data-theme="dark" or "light" on <html> and remembers it (localStorage 'wk-theme');
   an inline script in each page's <head> applies it before first paint. One stylesheet: role variables
   on :root and [data-theme="dark"]. Two surfaces: PAGE (body, sections, cards) and PANEL (the bands that
   were near-black: nav band, model banner, ticker, buy bar, footer). Page CSS refers only to the role
   variables (--wk-fg, --wk-mut, --wk-gold ...); a block that paints a surface declares that surface's
   scope, so text always resolves against the background it sits on.
   Contrast for every pair: 05_WECKETT/reboot_2026-10-13/_verify/contrast_report.txt (all >= 4.5:1).
   ========================================================================== */
:root{
  color-scheme:light;
  --nimbus:#CFCCC4; --nimbus-inverse:#30333B;
  --wk-page:#FFFFFF; --wk-page-deep:#F3F2EE; --wk-card:#FFFFFF; --wk-page-deeper:#E5E5E1;
  --wk-page-fg:#16171b; --wk-page-muted:#3f4146; --wk-page-line:rgba(22,23,27,.14);
  --wk-page-gold:#5a4612; --wk-page-red:#8a1822; --wk-page-green:#0c5133; --wk-page-blue:#264359; --wk-page-teal:#1a534d;
  --wk-panel:var(--nimbus-inverse); --wk-panel-deep:#363941;
  --wk-panel-fg:var(--nimbus); --wk-panel-muted:#b0ada5; --wk-panel-line:rgba(207,204,196,.26);
  --wk-panel-gold:#d6b75e; --wk-panel-red:#ff8f95; --wk-panel-green:#6fd3a4; --wk-panel-blue:#9cc7e6; --wk-panel-teal:#5fd1c4;
}
[data-theme="dark"]{
  color-scheme:dark;
  --wk-page:var(--nimbus-inverse); --wk-page-deep:#292c33; --wk-card:#272a30; --wk-page-deeper:#22252b;
  --wk-page-fg:var(--nimbus); --wk-page-muted:#b0ada5; --wk-page-line:rgba(207,204,196,.26);
  --wk-page-gold:#d6b75e; --wk-page-red:#ff8f95; --wk-page-green:#6fd3a4; --wk-page-blue:#9cc7e6; --wk-page-teal:#5fd1c4;
  --wk-panel:var(--nimbus); --wk-panel-deep:#BDBAB2;
  --wk-panel-fg:var(--nimbus-inverse); --wk-panel-muted:#46484d; --wk-panel-line:rgba(48,51,59,.3);
  --wk-panel-gold:#5a4612; --wk-panel-red:#8a1822; --wk-panel-green:#0c5133; --wk-panel-blue:#264359; --wk-panel-teal:#1a534d;
}
/* brand fills that carry white text: same hues, deep enough for AA (white on red 6.3:1, on coral 5.4:1) */
:root{--red:#b82632;--coral-deep:#c2391b}
:root,.wk-s-page{--wk-bg:var(--wk-page);--wk-fg:var(--wk-page-fg);--wk-mut:var(--wk-page-muted);--wk-line:var(--wk-page-line);--wk-gold:var(--wk-page-gold);--wk-red:var(--wk-page-red);--wk-green:var(--wk-page-green);--wk-blue:var(--wk-page-blue);--wk-teal:var(--wk-page-teal)}
.wk-s-panel{--wk-bg:var(--wk-panel);--wk-fg:var(--wk-panel-fg);--wk-mut:var(--wk-panel-muted);--wk-line:var(--wk-panel-line);--wk-gold:var(--wk-panel-gold);--wk-red:var(--wk-panel-red);--wk-green:var(--wk-panel-green);--wk-blue:var(--wk-panel-blue);--wk-teal:var(--wk-panel-teal)}
.wk-s-fd{--wk-fg:#141210;--wk-mut:#2e2a25;--wk-line:rgba(20,18,16,.3);--wk-gold:#4d3c0f;--wk-red:#7a141d;--wk-green:#0b4a2f;--wk-blue:#1f3b50;--wk-teal:#174a45}
.wk-s-fl{--wk-fg:#ffffff;--wk-mut:#ecebe8;--wk-line:rgba(255,255,255,.35);--wk-gold:#ffe08a;--wk-red:#ffd0d3;--wk-green:#c9f5df;--wk-blue:#d6ecfb;--wk-teal:#c4f3ee}
.wk-s-page,.wk-s-panel,.wk-s-fd,.wk-s-fl{color:var(--wk-fg)}
html{background:var(--wk-page)}
body{background-color:var(--wk-page);color:var(--wk-fg)}
::selection{background:var(--wk-gold);color:var(--wk-bg)}
:focus-visible{outline-color:var(--wk-gold)}

/* brand buttons: same hues, stops darkened so white text passes AA on every stop (green >= 4.6:1, orange >= 4.9:1) */
.buy-cta-3d,.wps-tkt-cta{color:#fff}
.buy-cta-3d{background:linear-gradient(180deg,#2f8456 0%,#2b7a4f 45%,#1f6e42 60%,#1a5e39 100%)!important}
.mobile-sticky-cta .msc-btn{background:linear-gradient(180deg,#2b7a4f 0%,#1a5e39 100%)!important}
.wps-tkt-cta{background:linear-gradient(180deg,#c94024 0%,#b2331a 100%)!important}
.tld-tier-badge:not(.tier-1){background:transparent!important}   /* tier 1 keeps its gold fill with dark text */

/* ---- the theme toggle (nav) ---- */
.wk-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;margin:0 0 0 8px;
  border:1px solid var(--wk-line);border-radius:22px;background:transparent;color:var(--wk-fg);cursor:pointer;
  font:600 11px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase;-webkit-tap-highlight-color:transparent}
.wk-theme-toggle:hover{border-color:var(--wk-gold);color:var(--wk-gold)}
.wk-theme-toggle .wk-tt-icon{font-size:15px;line-height:1}
.wk-theme-toggle--float{position:fixed;top:10px;right:10px;z-index:9999;background:var(--wk-bg)}

/* ---- homepage proof strip (figures from the shipped data files, 13 October 2026) ---- */
.wk-proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));border-top:2px solid var(--wk-fg);border-bottom:2px solid var(--wk-fg);text-align:center}
.wk-proof>div{padding:18px 12px;border-right:1px solid var(--wk-line)}
.wk-proof>div:last-child{border-right:0}
.wk-proof .n{font-family:'Bodoni Moda',serif;font-weight:900;font-size:clamp(22px,3.2vw,30px);color:var(--wk-fg);line-height:1.15;word-break:break-word}
.wk-proof .l{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--wk-mut);margin-top:6px}
.wk-proof .s{font-family:'IBM Plex Mono',monospace;font-size:10.5px;line-height:1.45;color:var(--wk-mut);margin-top:6px}
@media (max-width:640px){.wk-proof>div{border-right:0;border-bottom:1px solid var(--wk-line)}.wk-proof>div:last-child{border-bottom:0}}

/* ---- /worth pages: one shared template, themed here (header and sale card: charcoal bands, white text) ---- */
body:has(> header img[src="/logo-weckett-white.png"]){color:var(--wk-fg)}
body:has(> header img[src="/logo-weckett-white.png"]) header{background:#30333B}
[data-theme="dark"] body:has(> header img[src="/logo-weckett-white.png"]) header{background:#22252b}
body:has(> header img[src="/logo-weckett-white.png"]) .sold{background:#30333B}
[data-theme="dark"] body:has(> header img[src="/logo-weckett-white.png"]) .sold{background:#22252b}
body:has(> header img[src="/logo-weckett-white.png"]) .val{color:var(--wk-fg)}
body:has(> header img[src="/logo-weckett-white.png"]) .cta{background:#c2391b;color:#fff}

/* ---- 375px and 320px: nothing wider than the screen ---- */
@media (max-width:860px){#hero>div[style*="grid-template-columns:1fr 400px"]{grid-template-columns:1fr!important;gap:32px!important}}
@media (max-width:640px){
  .top-nav{height:auto;flex-wrap:wrap;padding:6px 16px;row-gap:0}
  .nav-links{flex-wrap:wrap;gap:0 14px}
  .nav-links a{display:inline-flex;align-items:center;min-height:44px}
  .nav-issue{display:none}
  .gap-table{display:block;overflow-x:auto;max-width:100%}
}
@media (max-width:760px){[style*="grid-template-columns:1fr 1fr;gap:40px"]{grid-template-columns:1fr!important}[style*="grid-template-columns:1fr 1fr;gap:40px"]>*{min-width:0}}
@media (max-width:640px){
  .data-table{display:block;overflow-x:auto;max-width:100%}
  .stat-block{grid-template-columns:1fr!important}
  .hero>*{min-width:0}
  .hero h1{overflow-wrap:anywhere}
}
/* production gate: form inputs at 16px or larger (no zoom-on-focus on phones) */
input,select,textarea{font-size:16px!important}
@media (max-width:480px){
  #brief-form{flex-wrap:wrap}
  #brief-form input{min-width:0;border-right:1px solid var(--wk-fg)!important}
  #brief-form button{flex:1 1 100%;min-height:44px}
  [style*="display:flex;gap:8px;max-width:420px"]{flex-wrap:wrap}
  [style*="display:flex;gap:8px;max-width:420px"]>*{min-width:0}
  body:has(.stat-block) table{display:block;overflow-x:auto;max-width:100%}
}
@media (max-width:400px){
  nav.nav{flex-wrap:wrap;row-gap:4px}
  .summary-strip{grid-template-columns:1fr 1fr!important}
  .verdict-grid{grid-template-columns:1fr 1fr!important}
}

/* ============================================================================
   2026-10-14: MONEY STRIP, SMART LINKS, MORE POP (design panel spec + owner overrides).
   Nimbus stays the default; every text pair passes AA (table: _verify/contrast_report.txt).
   ========================================================================== */
/* skip link: first focusable element on the homepage */
.wk-skip{position:absolute;left:12px;top:-200px;z-index:10002;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:8px;
  background:var(--wk-fg);color:var(--wk-bg);font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:700;text-decoration:none}
.wk-skip:focus{top:10px}

/* ---- money strip: three raised cards under the masthead CTA (Domain Game first). No animation in the strip. ---- */
.wk-money{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:16px;max-width:1100px;margin:20px auto 6px;padding:0 16px;text-align:left}
.wk-money-kicker{grid-column:1/-1;margin:0 0 2px;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--wk-mut);text-align:center}
.wk-money-disc{grid-column:1/-1;margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--wk-mut);text-align:center}
.wk-mcard{position:relative;min-width:0;display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:10px;text-decoration:none;
  background:var(--wk-card);color:var(--wk-fg);border:2px solid var(--wk-page-fg);box-shadow:4px 4px 0 #1f2126}
[data-theme="dark"] .wk-mcard{box-shadow:4px 4px 0 #d6b75e}
.wk-mcard.wk-s-panel{background:var(--wk-panel);border-color:var(--wk-gold)}
.wk-mcard:focus-visible{outline:3px solid var(--wk-page-gold);outline-offset:3px}
.wk-mcard img{width:56px;height:56px;flex:0 0 56px;border-radius:12px;object-fit:cover;display:block}
.wk-mtext{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.wk-mlabel{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--wk-mut)}
.wk-mname{font-family:'Bodoni Moda',serif;font-weight:900;font-size:20px;line-height:1.15;color:var(--wk-fg)}
.wk-mline{font-size:15px;line-height:1.4;color:var(--wk-fg)}
.wk-mchip{display:inline-flex;align-items:center;padding:2px 10px;border:1px solid currentColor;border-radius:999px;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--wk-fg)}
.wk-mbtn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;margin-top:6px;border-radius:999px;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.8px;text-transform:uppercase;
  background:var(--wk-fg);color:var(--wk-bg)}
.wk-mcard.wk-s-panel .wk-mbtn{background:var(--wk-gold);color:var(--wk-bg);min-height:48px}
.wk-mact{display:none}
.wk-mq{position:absolute;right:16px;top:12px;font-family:'Bebas Neue',sans-serif;font-size:40px;line-height:1;color:var(--wk-gold);letter-spacing:2px}
@media (hover:hover) and (pointer:fine){
  .wk-mcard{transition:transform .12s ease,box-shadow .12s ease}
  .wk-mcard:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--wk-page-gold)}
}
@media (max-width:1023px) and (min-width:761px){
  .wk-money{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wk-mcard.wk-s-panel{grid-column:1/-1}
}
@media (max-width:760px){
  .wk-money{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px;padding:0 16px}
  .wk-mchip,.wk-mq{display:none}
  .wk-mcard{padding:10px 12px;gap:12px;align-items:center}
  .wk-mtext{gap:3px}
  .wk-mcard.wk-s-panel .wk-mbtn{margin-top:2px}
  .wk-mcard img{width:44px;height:44px;flex-basis:44px;border-radius:9px}
  .wk-mname{font-size:17px}
  .wk-mline{font-size:15px;line-height:1.35}
  .wk-mcard.wk-s-panel{flex-wrap:wrap}
  .wk-mcard.wk-s-panel .wk-mlabel{display:none}
  .wk-mcard.wk-s-panel .wk-mbtn{width:100%;justify-content:center}
  .wk-mcard.wk-s-panel .wk-mtext{flex:1 1 calc(100% - 56px)}
  .wk-mcard:not(.wk-s-panel) .wk-mlabel,.wk-mcard:not(.wk-s-panel) .wk-mbtn{display:none}
  .wk-mcard:not(.wk-s-panel) .wk-mact{display:block;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:12px;letter-spacing:0;text-transform:uppercase;color:var(--wk-fg);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .wk-mcard{min-height:44px}
}
@media (prefers-reduced-motion:reduce){.wk-mcard{transition:none!important}.wk-mcard:hover{transform:none}}

/* ---- proof strip: big display numbers on a charcoal band, gold labels, green rule; figures never wrap ---- */
.wk-proof-band{background:#30333B;border-top:3px solid #2f8456;border-bottom:2px solid #c8a84e;margin:6px 0 10px;padding:26px 16px 30px;
  --wk-fg:#CFCCC4;--wk-mut:#b0ada5;--wk-gold:#d6b75e;--wk-green:#6fd3a4;--wk-line:rgba(207,204,196,.22);color:#CFCCC4}
[data-theme="dark"] .wk-proof-band{background:#1f2227}
.wk-proof-band .wk-proof{max-width:1100px;margin:0 auto;border-top:0;border-bottom:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.wk-proof-band .wk-proof>div{container-type:inline-size;min-width:0}
.wk-proof-band .wk-proof .n{white-space:nowrap;word-break:normal;overflow-wrap:normal;letter-spacing:-.01em;color:#CFCCC4;position:relative;
  font-size:clamp(20px,6vw,40px);font-size:clamp(20px,12.5cqi,46px)}
.wk-proof-band .wk-proof>div:first-child .n{color:var(--wk-gold)}
.wk-proof-band .wk-proof>div:nth-child(4) .n{color:var(--wk-green)}
.wk-proof-band .wk-proof .l{color:var(--wk-gold);font-weight:700}
.wk-proof-band .wk-proof .s{color:var(--wk-mut)}

/* stronger hero headline */
.ep-hero-headline{font-size:clamp(36px,5.2vw,60px)!important;letter-spacing:-.02em!important;line-height:1.04!important}

/* ---- smart links: lookup results (hrefs complete at render; no domain sent unless the asset is on our own shelf) ---- */
.wk-smart{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--wk-line)}
.wk-smart a{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:10px 16px;border-radius:10px;text-decoration:none;font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:700;letter-spacing:.3px}
.wk-smart a small{display:block;font-weight:400;font-size:12px;letter-spacing:0;margin-top:3px}
.wk-smart a.wk-sl-primary{background:var(--wk-gold);color:var(--wk-bg)}
.wk-smart a.wk-sl-secondary{border:2px solid var(--wk-fg);color:var(--wk-fg)}
.wk-smart a:focus-visible{outline:3px solid var(--wk-page-gold);outline-offset:3px}
.wk-shelf-k{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--wk-gold)}
.wk-shelf-d{font-size:14px;line-height:1.5;color:var(--wk-fg);margin:8px 0 0}
.wk-nomatch-game{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid var(--wk-fg);border-radius:10px;color:var(--wk-fg);text-decoration:none;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:700;letter-spacing:1px}
@media (min-width:481px){.wk-smart{flex-direction:row;flex-wrap:wrap}.wk-smart a{flex:1 1 220px}}

/* ---- /worth pages: list + game links (rel nofollow), block links, stacked on phones ---- */
.wk-worth-links{display:flex;flex-direction:column;gap:10px;margin:6px 0 18px}
.wk-worth-links a{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:10px 16px;border-radius:10px;border:2px solid var(--wk-fg);color:var(--wk-fg);text-decoration:none;font-weight:700;font-size:15px}
.wk-worth-links a span{font-weight:400;font-size:13px;color:var(--wk-mut);margin-top:2px}
@media (min-width:481px){.wk-worth-links{flex-direction:row}.wk-worth-links a{flex:1 1 0}}

/* ---- footers: the network group, the finder line, the disclosure ---- */
.wk-net-title{font-weight:700}
.footer-col a.wk-net{display:inline-flex;align-items:center;min-height:44px}
.wk-footer-net{max-width:1100px;margin:18px auto 0;padding:14px 16px 0;border-top:1px solid var(--wk-line);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.5px;text-align:center}
.wk-footer-net a{display:inline-flex;align-items:center;min-height:44px;margin:0 10px;color:var(--wk-fg)}
.wk-footer-disc{max-width:1100px;margin:10px auto 0;padding:0 16px;font-size:14px;line-height:1.45;color:var(--wk-mut);text-align:center}
.wk-finder{max-width:1100px;margin:22px auto 0;padding:0 16px;text-align:center;font-size:14px}
.wk-finder a{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;color:var(--wk-fg);text-decoration:none}
.wk-finder a strong{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:1px;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
.wk-finder a span{color:var(--wk-mut);font-size:13px;margin-top:2px}

/* "New" line under the proof band */
.wk-new{max-width:1100px;margin:14px auto 4px;padding:0 16px;text-align:center}
.wk-new a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--wk-fg);text-decoration:none;font-family:'Bodoni Moda',serif;font-weight:700;font-size:clamp(17px,2.4vw,22px);line-height:1.3}
.wk-new a:hover{color:var(--wk-gold)}
.wk-new-tag{flex:0 0 auto;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 8px;border-radius:4px;background:#2f8456;color:#fff}

/* ---- motion: every blink runs at most 5 seconds, then rests; it starts again when the element scrolls back into
        view (class wk-on, set by the page script). Never more than 3 flashes a second (here: 1 or fewer).
        Opacity and transform only, no layout shift, all off under prefers-reduced-motion.
        The ticker's live dot keeps one slow, soft opacity pulse. ---- */
@keyframes wk-soft{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes wk-blink{0%,55%{opacity:1}72%,88%{opacity:.3}100%{opacity:1}}
@keyframes wk-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes wk-flash{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
#activity-bar .ticker-label::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff5a52;margin-right:7px;vertical-align:1px;animation:wk-soft 2s ease-in-out infinite}
#banner-refreshed{display:inline-block}
#banner-refreshed.wk-on{animation:wk-blink 1.6s ease-in-out 3}                 /* 4.8 s, then rests */
.wk-input-wrap{position:relative;flex:1;display:flex;min-width:0}
.wk-input-wrap #domain-input{flex:1;min-width:0;padding-left:30px}
.wk-caret{position:absolute;left:16px;top:50%;width:2px;height:20px;margin-top:-10px;background:var(--wk-gold);pointer-events:none;opacity:1}
.wk-caret.wk-on{animation:wk-caret 1s steps(1) 5}                              /* 5 s, then rests visible */
#domain-input:focus + .wk-caret,#domain-input:not(:placeholder-shown) + .wk-caret{display:none}
.wk-proof .n[data-flash]::after{content:attr(data-flash);position:absolute;inset:0;color:#ecca62;opacity:0;pointer-events:none}
.wk-proof .n.wk-on::after{animation:wk-flash .9s ease-out 1}                  /* one flash per entry */
@media (prefers-reduced-motion:reduce){
  #activity-bar .ticker-label::before,#banner-refreshed.wk-on,.wk-caret.wk-on,.wk-proof .n.wk-on::after{animation:none!important}
}

/* ============================================================================
   gate4c, 2026-10-19: CRISP OFF-WHITE (Brian). LIGHT theme only; the dark block above is untouched.
   Ground #FFFFFF, cards #FFFFFF, quiet neutral hairline, sharper ink. The two cream-gradient feature cards
   (home + editorials, inline styles) and the gold-tinted zebra rows go neutral in light only.
   ========================================================================== */
:root:not([data-theme="dark"]) [style*="#fffdf7 0%,#faf4e6 100%"],
:root:not([data-theme="dark"]) [style*="#fffdf5 0%, #fcf8ea 100%"]{background:#FFFFFF!important}
:root:not([data-theme="dark"]) .data-table tr:nth-child(even){background:rgba(22,23,27,.035)}

/* gate4c touch-up, 2026-10-19 (Brian): one clean credits button, the three money cards as one family. LIGHT only. */
:root:not([data-theme="dark"]) .buy-cta-3d,:root:not([data-theme="dark"]) .mobile-sticky-cta .msc-btn{background:#16171b!important;box-shadow:none!important;text-shadow:none;border-radius:10px}
:root:not([data-theme="dark"]) .buy-cta-3d:hover{background:#000!important;box-shadow:none!important;transform:none}
:root:not([data-theme="dark"]) .buy-cta-3d:active{box-shadow:none!important;transform:none}
:root:not([data-theme="dark"]) .wk-mcard,:root:not([data-theme="dark"]) .wk-mcard.wk-s-panel{background:#FFFFFF;color:#16171b;border:1px solid #E3E3E0;border-radius:12px;box-shadow:none;--wk-bg:#FFFFFF;--wk-fg:#16171b;--wk-mut:#3f4146;--wk-gold:#5a4612}
:root:not([data-theme="dark"]) .wk-mtext{align-self:stretch}
:root:not([data-theme="dark"]) .wk-mbtn,:root:not([data-theme="dark"]) .wk-mcard.wk-s-panel .wk-mbtn{background:#16171b;color:#FFFFFF;min-height:44px;margin-top:auto;border-radius:999px}
:root:not([data-theme="dark"]) .wk-mq{display:none}
@media (min-width:1024px){:root:not([data-theme="dark"]) .wk-money{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (hover:hover) and (pointer:fine){:root:not([data-theme="dark"]) .wk-mcard:hover{transform:none;box-shadow:0 2px 12px rgba(22,23,27,.08)}}
