/* Tevos Horizon, SITE layer (2026-11-01). Loaded by includes/hz-chrome.php ONLY when the redesign flag is on (cookie tevos_rd=1 / ?redesign=1).
   Replaces tevos-redesign.css (Deep Signal). That file stays on disk, unloaded.
   Why a separate file from tevos-horizon.css: the prototype component kit uses bare class names (.nav .btn .card .hero .chip .wrap .note .sub ...)
   that 20-48 legacy pages also use, so loading it sitewide would bleed into them. This file therefore namespaces every token as --hz-* and only
   touches legacy classes under html[data-rd]. Component kit for natively-built Horizon pages stays in tevos-horizon.css.
   COLOUR LAW: blue family + neutrals + ONE pink #FE81D1 (ink #02070A on pink 8.9:1; pink TEXT on light = #B01F73). No other hues.
   Sections: 1 fonts+tokens, 2 base, 3 scene, 4 legacy token remap, 5 header+flip switch, 6 drawer, 7 footer, 8 controls+auth modal, 9 content primitives,
   10 assistant launcher, 11 page-level compat, 12 motion. */

/* ===== 1. fonts + tokens ===== */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-400.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-400i.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-var.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/fonts/jbmono-latin-var.woff2) format("woff2")}
@font-face{font-family:"HZ Serif Fallback";src:local("Georgia");size-adjust:88%;ascent-override:104%;descent-override:30%;line-gap-override:0%}
@font-face{font-family:"HZ Sans Fallback";src:local("Arial");size-adjust:107.4%;ascent-override:90.2%;descent-override:22.5%;line-gap-override:0%}

@property --hz-sky-a{syntax:'<color>';inherits:true;initial-value:#02070A}
@property --hz-sky-b{syntax:'<color>';inherits:true;initial-value:#0A1236}
@property --hz-sky-c{syntax:'<color>';inherits:true;initial-value:#12307F}
@property --hz-sky-d{syntax:'<color>';inherits:true;initial-value:#1B2C86}
@property --hz-ground{syntax:'<color>';inherits:true;initial-value:#040A1C}
@property --hz-limb{syntax:'<color>';inherits:true;initial-value:#0C1D5C}
@property --hz-glow{syntax:'<color>';inherits:true;initial-value:rgba(254,129,209,.22)}
@property --hz-hot{syntax:'<color>';inherits:true;initial-value:rgba(254,129,209,.8)}
@property --hz-aur1{syntax:'<color>';inherits:true;initial-value:rgba(16,91,255,.34)}
@property --hz-aur2{syntax:'<color>';inherits:true;initial-value:rgba(5,147,198,.2)}
@property --hz-rim{syntax:'<color>';inherits:true;initial-value:rgba(111,189,217,.5)}
@property --hz-star{syntax:'<number>';inherits:true;initial-value:1}
@property --hz-mix{syntax:'<number>';inherits:true;initial-value:0}
@property --hz-sun-a{syntax:'<angle>';inherits:true;initial-value:-16deg}
@property --hz-moon-a{syntax:'<angle>';inherits:true;initial-value:56deg}

html[data-rd]{
  --hz-pink:#FE81D1;--hz-pink-ink:#02070A;--hz-pink-hover:#FE9ADA;
  --hz-serif:"Instrument Serif","HZ Serif Fallback",Georgia,serif;
  --hz-sans:Inter,"HZ Sans Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --hz-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --hz-d:900ms;--hz-ease:cubic-bezier(.45,0,.25,1);--hz-out:cubic-bezier(.23,1,.32,1);
  /* MORNING sky (default). Sky vars cross-fade; ink vars (data-ink) step at the safe moment. */
  --hz-sky-a:#8FC4E8;--hz-sky-b:#BCDDF1;--hz-sky-c:#E2EFF6;--hz-sky-d:#F7E6F0;--hz-ground:#E6EDF4;--hz-limb:#FBF3F8;
  --hz-glow:rgba(254,129,209,.42);--hz-hot:rgba(254,129,209,.95);--hz-aur1:rgba(255,255,255,.7);--hz-aur2:rgba(16,91,255,.14);--hz-rim:rgba(255,255,255,.95);
  --hz-star:0;--hz-mix:1;--hz-sun-a:72deg;--hz-moon-a:-72deg;
  --hz-hy:66%;--hz-R:min(44vw,640px);--hz-H:50vh;
}
html[data-rd][data-hz=night]{
  --hz-sky-a:#02070A;--hz-sky-b:#0A1236;--hz-sky-c:#12307F;--hz-sky-d:#1B2C86;--hz-ground:#040A1C;--hz-limb:#0C1D5C;
  --hz-glow:rgba(254,129,209,.22);--hz-hot:rgba(254,129,209,.8);--hz-aur1:rgba(16,91,255,.34);--hz-aur2:rgba(5,147,198,.2);--hz-rim:rgba(111,189,217,.5);
  --hz-star:1;--hz-mix:0;--hz-sun-a:-72deg;--hz-moon-a:62deg;}
@media (max-width:640px){html[data-rd]{--hz-hy:36%;--hz-R:42vw;--hz-H:150px;--hz-sun-a:70deg;--hz-moon-a:-80deg}html[data-rd][data-hz=night]{--hz-sun-a:-80deg;--hz-moon-a:112deg}}

/* INK steps (no transition): text and glass colours change at the instant the sky crosses mid-luminance, under a 160ms content dip */
html[data-rd],html[data-rd][data-ink=morning]{--hz-ink:#02070A;--hz-ink2:#3A4260;--hz-surface:rgba(255,255,255,.72);--hz-surface2:rgba(255,255,255,.5);--hz-line:rgba(23,31,68,.16);--hz-border:#626880;--hz-link:#09318D;--hz-pink-text:#B01F73;--hz-bar:#105BFF;--hz-edge:#C0267F;--hz-base:#F0F0F0;--hz-pop:#FFFFFF;--hz-field:rgba(255,255,255,.88);--hz-tint:rgba(16,91,255,.1);--hz-shadow:0 14px 36px -22px rgba(2,7,10,.55);color-scheme:light}
html[data-rd][data-ink=night]{--hz-ink:#F0F0F0;--hz-ink2:#B9BBC8;--hz-surface:rgba(18,26,66,.62);--hz-surface2:rgba(18,26,66,.4);--hz-line:rgba(240,240,240,.14);--hz-border:#797D91;--hz-link:#6FBDD9;--hz-pink-text:#FE81D1;--hz-bar:#6594F9;--hz-edge:rgba(192,38,127,0);--hz-base:#02070A;--hz-pop:#0B1233;--hz-field:rgba(2,7,10,.5);--hz-tint:rgba(111,189,217,.14);--hz-shadow:0 14px 36px -22px rgba(0,0,0,.8);color-scheme:dark}
@media (prefers-color-scheme:dark){
  html[data-rd]:not([data-hz]){--hz-sky-a:#02070A;--hz-sky-b:#0A1236;--hz-sky-c:#12307F;--hz-sky-d:#1B2C86;--hz-ground:#040A1C;--hz-limb:#0C1D5C;--hz-glow:rgba(254,129,209,.22);--hz-hot:rgba(254,129,209,.8);--hz-aur1:rgba(16,91,255,.34);--hz-aur2:rgba(5,147,198,.2);--hz-rim:rgba(111,189,217,.5);--hz-star:1;--hz-mix:0;--hz-sun-a:-72deg;--hz-moon-a:62deg}
  html[data-rd]:not([data-ink]){--hz-ink:#F0F0F0;--hz-ink2:#B9BBC8;--hz-surface:rgba(18,26,66,.62);--hz-surface2:rgba(18,26,66,.4);--hz-line:rgba(240,240,240,.14);--hz-border:#797D91;--hz-link:#6FBDD9;--hz-pink-text:#FE81D1;--hz-bar:#6594F9;--hz-edge:rgba(192,38,127,0);--hz-base:#02070A;--hz-pop:#0B1233;--hz-field:rgba(2,7,10,.5);--hz-tint:rgba(111,189,217,.14);--hz-shadow:0 14px 36px -22px rgba(0,0,0,.8);color-scheme:dark}}

/* ===== 2. base ===== */
html[data-rd]{background:var(--hz-sky-c);-webkit-text-size-adjust:100%;scroll-behavior:auto}
html[data-rd] body{background:transparent;color:var(--hz-ink);font-family:var(--hz-sans);transition:none;min-height:100vh;min-height:100svh;-webkit-tap-highlight-color:transparent}
html[data-rd] body::after,html[data-rd] .aurora{display:none}
html[data-rd] ::selection{background:var(--hz-pink);color:var(--hz-pink-ink)}
html[data-rd] :focus-visible{outline:2px solid var(--hz-pink-text);outline-offset:3px}
html[data-rd] input,html[data-rd] textarea{caret-color:var(--hz-pink-text)}
html[data-rd] ::placeholder{color:var(--hz-ink2);opacity:1}
html[data-rd] .num,html[data-rd] [data-num]{font-family:var(--hz-mono);font-variant-numeric:tabular-nums}
html[data-rd] ::-webkit-scrollbar-thumb{background:var(--hz-line)}
html[data-rd] .hz-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== 3. scene: ONE fixed container, static layers. No map, no blur filter, no canvas. Nothing sits over the sun or moon on the hero. ===== */
.hz-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;
  background:linear-gradient(180deg,var(--hz-sky-a) 0%,var(--hz-sky-b) 26%,var(--hz-sky-c) 48%,var(--hz-sky-d) var(--hz-hy),var(--hz-ground) 100%)}
.hz-stars{position:absolute;inset:0 0 38%;opacity:calc(var(--hz-star)*.7);
  background:radial-gradient(1.4px 1.4px at 14% 22%,#F0F0F0 98%,transparent),radial-gradient(1px 1px at 33% 46%,#F0F0F0 98%,transparent),
   radial-gradient(1.6px 1.6px at 58% 14%,#F0F0F0 98%,transparent),radial-gradient(1px 1px at 79% 36%,#F0F0F0 98%,transparent),radial-gradient(1.2px 1.2px at 92% 12%,#F0F0F0 98%,transparent);
  background-size:420px 340px;-webkit-mask:linear-gradient(transparent 72px,#000 150px,transparent 60%);mask:linear-gradient(transparent 72px,#000 150px,transparent 60%)}
.hz-aur{position:absolute;left:-25%;right:-25%;top:-6%;height:62%;transform:rotate(-9deg);
  background:radial-gradient(ellipse 46% 15% at 26% 36%,var(--hz-aur1),transparent 72%),radial-gradient(ellipse 40% 11% at 64% 52%,var(--hz-aur2),transparent 72%),radial-gradient(ellipse 34% 20% at 84% 24%,var(--hz-aur2),transparent 72%)}
.hz-orbit{position:absolute;left:50%;top:var(--hz-hy);width:0;height:0}
.hz-arc{position:absolute;left:calc(var(--hz-R)*-1);top:calc(var(--hz-H)*-1);width:calc(var(--hz-R)*2);height:calc(var(--hz-H)*2);border-radius:50%;border:1px solid var(--hz-rim);opacity:.38;
  -webkit-mask:linear-gradient(180deg,#000 50%,transparent 50%),linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(180deg,#000 50%,transparent 50%),linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-composite:intersect}
.hz-body{position:absolute;width:0;height:0;will-change:transform}
.hz-sun{transform:translate(calc(cos(var(--hz-sun-a))*var(--hz-R)),calc(sin(var(--hz-sun-a))*var(--hz-H)*-1))}
.hz-moon{transform:translate(calc(cos(var(--hz-moon-a))*var(--hz-R)),calc(sin(var(--hz-moon-a))*var(--hz-H)*-1))}
.hz-halo{position:absolute;border-radius:50%;left:-320px;top:-320px;width:640px;height:640px;background:radial-gradient(circle,rgba(255,255,255,.7) 0,rgba(255,206,238,.5) 15%,rgba(254,129,209,.22) 34%,rgba(254,129,209,.07) 52%,transparent 68%)}
.hz-moon .hz-halo{background:radial-gradient(circle,rgba(254,129,209,.5) 0,rgba(254,129,209,.2) 22%,rgba(254,129,209,.07) 46%,transparent 68%);left:-220px;top:-220px;width:440px;height:440px;opacity:.7}
.hz-orb{position:absolute;left:-52px;top:-52px;width:104px;height:104px;border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#FFF0FA 0,#FFC6EA 26%,#FE81D1 66%,#F574C4 100%);
  box-shadow:0 0 44px 8px rgba(254,129,209,.6),0 0 120px 40px rgba(254,129,209,.25)}
.hz-moon .hz-orb{left:-40px;top:-40px;width:80px;height:80px;box-shadow:none;
  -webkit-mask:radial-gradient(circle at 76% 34%,transparent 49.5%,#000 50.5%);mask:radial-gradient(circle at 76% 34%,transparent 49.5%,#000 50.5%)}
@media (max-width:640px){.hz-orb{left:-40px;top:-40px;width:80px;height:80px}.hz-moon .hz-orb{left:-32px;top:-32px;width:64px;height:64px}.hz-halo{left:-200px;top:-200px;width:400px;height:400px}.hz-horizon{top:calc(var(--hz-hy) - 12vh);height:22vh}}
.hz-limb{position:absolute;left:50%;top:var(--hz-hy);width:190vmax;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);
  background:radial-gradient(ellipse 16% 1.4% at 50% 0,var(--hz-hot),transparent 78%),linear-gradient(180deg,var(--hz-limb) 0,var(--hz-ground) 16%,var(--hz-ground) 100%);box-shadow:inset 0 2px 0 var(--hz-rim),inset 0 18px 38px -18px var(--hz-glow)}
.hz-horizon{position:absolute;left:-12%;right:-12%;top:calc(var(--hz-hy) - 22vh);height:32vh;background:radial-gradient(ellipse 50% 46% at 50% 68%,var(--hz-glow),transparent 74%),radial-gradient(ellipse 22% 14% at 50% 70%,var(--hz-glow),transparent 76%)}
/* the orbs belong to the first screen: on a content page they fade out as the reader scrolls (progressive enhancement), so body copy never sits over them */
@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hz-orbit{animation:hzfade linear both;animation-timeline:scroll(root);animation-range:0 60vh}@keyframes hzfade{to{opacity:0}}}}

/* ===== 4. legacy token remap: every existing page inherits Horizon. Hue tokens (emerald, amber, rose, violet, azure, cyan, risk) collapse to blue / pink / ink. ===== */
html[data-rd]{
  --tvx-bg:var(--hz-base);--tvx-elev:var(--hz-surface);--tvx-soft:var(--hz-surface2);--tvx-l2:var(--hz-surface);--tvx-l3:var(--hz-line);
  --bg-base:var(--hz-base);--bg-surface:var(--hz-surface);--bg-elevated:var(--hz-surface);--bg-raised:var(--hz-surface);--bg-card:var(--hz-surface);--bg-hover:var(--hz-line);--bg-selected:var(--hz-tint);
  --bg-input:var(--hz-field);--bg-modal:var(--hz-pop);--bg-popover:var(--hz-pop);--bg-sidebar:var(--hz-surface);--bg-toolbar:var(--hz-surface);--bg-glass-bar:var(--hz-surface);--bg:var(--hz-base);
  --bg-elev:var(--hz-surface);--bg-glass:var(--hz-surface);--bg-overlay:rgba(2,7,10,.6);--bg-soft:var(--hz-surface2);--bg-soft-2:var(--hz-surface2);
  --ink:var(--hz-ink);--ink-soft:var(--hz-ink2);--ink-mute:var(--hz-ink2);--ink-dim:var(--hz-ink2);
  --t-primary:var(--hz-ink);--t-secondary:var(--hz-ink2);--t-muted:var(--hz-ink2);--t-quaternary:var(--hz-ink2);--t-inverse:var(--hz-base);--t-on-accent:var(--hz-pink-ink);--t-accent:var(--hz-link);
  --line:var(--hz-line);--line-2:var(--hz-border);--line-mid:var(--hz-line);--line-strong:var(--hz-border);--border-1:var(--hz-line);--border-2:var(--hz-border);--border-strong:var(--hz-border);--border-accent:var(--hz-link);--glass-border:var(--hz-line);
  --pill-bg:var(--hz-surface);--pop-bg:var(--hz-pop);--structural-border:var(--hz-line);--structural-glass:var(--hz-tint);
  /* hues -> blue family */
  --emerald:var(--hz-link);--emerald-deep:var(--hz-bar);--brand:var(--hz-link);--accent:var(--hz-link);--accent-deep:var(--hz-bar);--accent-hover:var(--hz-bar);--brand-deep:var(--hz-bar);--brand-strong:var(--hz-link);
  --emerald-soft:var(--hz-tint);--emerald-ghost:var(--hz-tint);--emerald-glow:transparent;--accent-soft:var(--hz-tint);--accent-glow:transparent;--accent-border:var(--hz-link);--brand-soft:var(--hz-tint);--brand-glow:transparent;--brand-glass:var(--hz-tint);--brand-pale:var(--hz-tint);--brand-border:var(--hz-link);
  --trust:var(--hz-link);--trust-deep:var(--hz-bar);--trust-soft:var(--hz-tint);--trust-glow:transparent;--trust-glass:var(--hz-tint);--trust-pale:var(--hz-tint);--trust-border:var(--hz-link);
  --success:var(--hz-link);--info:var(--hz-link);--fn-info:var(--hz-link);--fn-info-soft:var(--hz-tint);--sys-blue:var(--hz-link);--sys-blue-deep:var(--hz-bar);--sys-blue-glass:var(--hz-tint);--sys-blue-pale:var(--hz-tint);--sys-blue-border:var(--hz-link);--sys-blue-glow:transparent;
  --azure:var(--hz-link);--azure-deep:var(--hz-bar);--structural:var(--hz-link);--structural-glow:transparent;--fn-cyan:var(--hz-link);--fn-cyan-soft:var(--hz-tint);--hl-cyan:var(--hz-link);--hl-cyan-soft:var(--hz-tint);
  /* hues -> the one pink (text shade) */
  --amber:var(--hz-pink-text);--amber-soft:rgba(254,129,209,.16);--amber-glass:rgba(254,129,209,.16);--amber-pale:rgba(254,129,209,.16);--amber-border:var(--hz-pink-text);--warn:var(--hz-pink-text);--warn-soft:rgba(254,129,209,.16);--fn-warn:var(--hz-pink-text);--fn-warn-soft:rgba(254,129,209,.16);--fn-warn-glow:transparent;
  --risk:var(--hz-pink-text);--risk-glass:rgba(254,129,209,.16);--risk-pale:rgba(254,129,209,.16);--risk-border:var(--hz-pink-text);--rose:var(--hz-pink-text);--rose-glass:rgba(254,129,209,.16);--rose-pale:rgba(254,129,209,.16);--rose-border:var(--hz-pink-text);
  --danger:var(--hz-pink-text);--fn-danger:var(--hz-pink-text);--fn-danger-soft:rgba(254,129,209,.16);--fn-pink:var(--hz-pink-text);--fn-pink-soft:rgba(254,129,209,.16);--hl-pink:var(--hz-pink-text);--hl-pink-soft:rgba(254,129,209,.16);
  --violet:var(--hz-ink2);--violet-deep:var(--hz-ink2);--violet-glass:var(--hz-surface2);--violet-glow:transparent;--violet-border:var(--hz-line);--fn-purple:var(--hz-ink2);--fn-purple-soft:var(--hz-surface2);--deep-purple:var(--hz-ink2);--deep-purple-glass:var(--hz-surface2);--deep-purple-border:var(--hz-line);
  --grad-emerald:linear-gradient(var(--hz-pink),var(--hz-pink));--grad-emerald-soft:linear-gradient(var(--hz-tint),var(--hz-tint));--grad-aurora:none;
  --sh-soft:var(--hz-shadow);--sh-lift:var(--hz-shadow);--shadow-card:var(--hz-shadow);--shadow-lift:var(--hz-shadow);--shadow-modal:0 30px 80px -30px rgba(2,7,10,.7);--shadow-popover:var(--hz-shadow);--shadow-brand:none;--shadow-hair:none;--shadow-sys-blue:none;--shadow-trust:none;--shadow-violet:none;
  --sb-thumb:var(--hz-line);--sb-thumb-hover:var(--hz-border);
  --font:var(--hz-sans);--mono:var(--hz-mono);--ff-body:var(--hz-sans);--ff-data:var(--hz-mono);--ff-display:var(--hz-sans);--tvx2-sans:var(--hz-sans);--tvx2-mono:var(--hz-mono);
  --aurora-op-1:0;--aurora-op-2:0;--aurora-op-3:0;--aurora-op-4:0;--ease:var(--hz-out);--spring:var(--hz-out);
  --tvx2-bg:var(--hz-base);--tvx2-elev:var(--hz-surface);--tvx2-soft:var(--hz-surface2);--tvx2-chrome:var(--hz-surface);--tvx2-fg:var(--hz-ink);--tvx2-fg-2:var(--hz-ink2);--tvx2-muted:var(--hz-ink2);--tvx2-line:var(--hz-line);--tvx2-line-2:var(--hz-border);
  --tvx2-accent:var(--hz-link);--tvx2-accent-2:var(--hz-bar);--tvx2-accent-soft:var(--hz-tint);--tvx2-blue:var(--hz-link);--tvx2-amber:var(--hz-pink-text);--tvx2-pink:var(--hz-pink-text);--tvx2-rose:var(--hz-pink-text);--tvx2-violet:var(--hz-ink2);
  --tvx2-cool-bg:var(--hz-tint);--tvx2-cool-bd:var(--hz-link);--tvx2-cool-fg:var(--hz-link);--tvx2-warm-bg:rgba(254,129,209,.16);--tvx2-warm-bd:var(--hz-pink-text);--tvx2-warm-fg:var(--hz-pink-text);
  --max:1320px;
}

/* ===== 5. header + Morning/Night/Auto flip switch (legacy .topbar markup, restyled; JS hooks untouched) ===== */
html[data-rd] .topbar{padding:env(safe-area-inset-top) 0 0;position:sticky;top:0;z-index:90;background:var(--hz-surface);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--hz-line)}
html[data-rd] .topbar-inner{max-width:var(--max);min-height:68px;padding:0 max(var(--pad,1.25rem),env(safe-area-inset-right)) 0 max(var(--pad,1.25rem),env(safe-area-inset-left));background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:16px}
html[data-rd] .brand{min-height:44px;color:var(--hz-ink);font-size:inherit;gap:0;text-decoration:none;flex:none}
html[data-rd] .brand svg{height:30px;width:auto;display:block}
html[data-rd] .nav{gap:2px}
html[data-rd] .nav-trigger{min-height:44px;padding:0 14px;gap:6px;font:500 14px/1 var(--hz-sans);color:var(--hz-ink2);background:transparent;border:0;border-radius:999px;transition:color 180ms var(--hz-out),background-color 180ms var(--hz-out)}
html[data-rd] .nav-item.is-active .nav-trigger,html[data-rd] .nav-item.open .nav-trigger{color:var(--hz-ink);background:var(--hz-line)}
html[data-rd] .nav-trigger .chev{opacity:.7;transition:transform 180ms var(--hz-out)}
html[data-rd] .nav-item.open .nav-trigger .chev{transform:rotate(180deg)}
html[data-rd] .nav-panel{top:calc(100% + 10px);min-width:288px;padding:8px;background:var(--hz-pop);border:1px solid var(--hz-border);border-radius:20px;box-shadow:0 24px 48px -16px rgba(2,7,10,.5);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-rd] .np-tag{display:none}
html[data-rd] .np-blurb{font:400 13px/1.4 var(--hz-sans);font-style:normal;color:var(--hz-ink2);margin:0;padding:8px 12px}
html[data-rd] .np-links{gap:0}
html[data-rd] .np-links a{min-height:44px;padding:0 12px;font:500 14px/1 var(--hz-sans);color:var(--hz-ink);border-radius:12px;transition:background-color 150ms ease}
html[data-rd] .np-links a:hover{padding-left:12px;background:var(--hz-line);color:var(--hz-ink)}
html[data-rd] .np-links a .ar{color:var(--hz-pink-text)}
html[data-rd] .nav-right{gap:8px}
html[data-rd] .btn-signin,html[data-rd] .btn-signin:hover{min-height:44px;padding:0 18px;font:600 14px/1 var(--hz-sans);background:var(--hz-surface);color:var(--hz-ink);border:1px solid var(--hz-border);border-radius:999px;box-shadow:none;transform:none}
html[data-rd] .btn-signin span{display:none}
html[data-rd] .drawer-btn{border-radius:50%;background:var(--hz-surface);border:1px solid var(--hz-border);color:var(--hz-ink)}
@media (hover:hover){html[data-rd] .nav-trigger:hover{background:var(--hz-line);color:var(--hz-ink)}html[data-rd] .btn-signin:hover{background:var(--hz-line)}html[data-rd] .drawer-btn:hover{background:var(--hz-line)}}
html[data-rd] .hz-slot{min-width:140px;min-height:48px;display:flex;align-items:center}
.hz-switch{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--hz-surface);border:1px solid var(--hz-border);border-radius:999px;padding:2px}
.hz-thumb{position:absolute;top:2px;left:2px;bottom:2px;width:calc((100% - 4px)/3);border-radius:999px;background:var(--hz-pink);transform:translateX(calc(var(--i,0)*100%));transition:transform 320ms var(--hz-out)}
.hz-switch button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--hz-ink2);font:600 13px/1 var(--hz-sans);cursor:pointer;transition:color 200ms var(--hz-out),transform 120ms var(--hz-out);-webkit-tap-highlight-color:transparent}
.hz-switch button:active{transform:scale(.96)}
.hz-switch button[aria-pressed=true]{color:var(--hz-pink-ink)}
.hz-switch svg{width:18px;height:18px;flex:none}
.hz-switch .hz-t{display:none}
@media (min-width:1180px){.hz-switch .hz-t{display:inline}}
@media (max-width:980px){html[data-rd] .topbar-inner{min-height:60px}}
@media (max-width:480px){html[data-rd] .topbar-inner{gap:8px;padding-left:14px;padding-right:10px}html[data-rd] .brand svg{height:26px}html[data-rd] .hz-slot{min-width:134px}html[data-rd] .hz-switch button{padding:0;min-width:44px}html[data-rd] .btn-signin{padding:0 14px}html[data-rd] .nav-right{gap:6px}}

/* ===== 6. drawer ===== */
html[data-rd] .drawer{background:var(--hz-pop);border-left:1px solid var(--hz-border)}
html[data-rd] .drawer-scrim{background:rgba(2,7,10,.6);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-rd] .drawer-close{border-radius:50%;background:var(--hz-surface);border:1px solid var(--hz-border);color:var(--hz-ink)}
html[data-rd] .drawer-section .ds-tag{font:600 12px/1 var(--hz-sans);letter-spacing:.06em;color:var(--hz-pink-text);margin-bottom:4px}
html[data-rd] .drawer-section .ds-blurb{font-style:normal;color:var(--hz-ink2)}
html[data-rd] .drawer-section a{display:flex;align-items:center;min-height:48px;padding:0;border-bottom:1px solid var(--hz-line);color:var(--hz-ink)}
html[data-rd] .drawer-section a:hover{color:var(--hz-link)}

/* ===== 7. footer ===== */
html[data-rd] footer.lp-foot{margin-top:72px;padding:56px max(var(--pad,1.25rem),env(safe-area-inset-left)) max(32px,env(safe-area-inset-bottom));border-top:1px solid var(--hz-line);background:linear-gradient(180deg,transparent,var(--hz-surface))}
html[data-rd] .lp-foot-brand .brand{margin-bottom:12px;display:inline-flex}
html[data-rd] .lp-foot-brand .brand svg{height:32px}
html[data-rd] .lp-foot-brand p{color:var(--hz-ink);font-size:15px;max-width:34ch}
html[data-rd] .lp-foot-col h5{font:600 12px/1 var(--hz-sans);letter-spacing:.06em;color:var(--hz-ink2);text-transform:uppercase}
html[data-rd] .lp-foot-col a{color:var(--hz-ink);font-size:15px}
html[data-rd] .lp-foot-col a:hover{color:var(--hz-ink);text-decoration:underline}
html[data-rd] .lp-foot-meta{font:400 12px/1.5 var(--hz-sans);letter-spacing:0;color:var(--hz-ink2);border-top-color:var(--hz-line)}
html[data-rd] .lp-foot-brand [style*="--emerald"]{color:var(--hz-pink-text)!important}
@media (max-width:760px){html[data-rd] .lp-foot-col a{display:flex;align-items:center;min-height:44px;padding:0}}

/* ===== 8. controls + auth modal ===== */
html[data-rd] :is(.btn-primary,.tvx-cta,.btn-cta,.pp-submit,.tvx-btn.primary,.ref-btn){min-height:48px;background:var(--hz-pink);color:var(--hz-pink-ink);border:1px solid var(--hz-edge);border-radius:999px;font:600 15px/1 var(--hz-sans);letter-spacing:0;text-transform:none;text-decoration:none;box-shadow:none;transition:transform 120ms var(--hz-out),background-color 180ms var(--hz-out)}
html[data-rd] :is(.btn-primary,.tvx-cta,.btn-cta,.pp-submit,.tvx-btn.primary,.ref-btn):active{transform:scale(.97)}
html[data-rd] .btn-primary{width:100%}
@media (hover:hover){html[data-rd] :is(.btn-primary,.tvx-cta,.btn-cta,.pp-submit,.tvx-btn.primary,.ref-btn):hover{background:var(--hz-pink-hover);transform:none;box-shadow:none}}
html[data-rd] :is(.tvx-btn.ghost,.oauth-btn){min-height:48px;background:var(--hz-surface);color:var(--hz-ink);border:1px solid var(--hz-border);border-radius:999px;font:600 14px/1 var(--hz-sans);transform:none}
html[data-rd] .tvx-btn.solid{background:var(--hz-ink);color:var(--hz-base);border-radius:999px;min-height:48px}
@media (hover:hover){html[data-rd] :is(.tvx-btn.ghost,.oauth-btn):hover{background:var(--hz-line);border-color:var(--hz-border);transform:none}html[data-rd] .tvx-btn.solid:hover{background:var(--hz-ink);color:var(--hz-base);transform:none}}
html[data-rd] :is(.modal-input,.uname-wrap){min-height:48px;background:var(--hz-field);border:1px solid var(--hz-border);border-radius:14px;font:400 16px/1.2 var(--hz-sans);color:var(--hz-ink)}
html[data-rd] .modal-input{padding:0 16px}
html[data-rd] .uname-inp{font-size:16px;min-height:46px;color:var(--hz-ink)}
html[data-rd] :is(.modal-input:focus,.uname-wrap:focus-within){background:var(--hz-field);border-color:var(--hz-pink-text);box-shadow:none;outline:2px solid var(--hz-pink-text);outline-offset:2px}
html[data-rd] .modal-scrim{background:rgba(2,7,10,.62);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-rd] .modal{background:var(--hz-pop);border:1px solid var(--hz-border);border-radius:var(--hz-r,12px);box-shadow:0 30px 80px -30px rgba(2,7,10,.7)}
html[data-rd] .modal::before{display:none}
html[data-rd] .modal-brand::before{background:var(--hz-pink);box-shadow:0 0 0 3px rgba(254,129,209,.28)}
html[data-rd] .modal-close{width:44px;height:44px;border-radius:50%;background:var(--hz-surface);border:1px solid var(--hz-border);color:var(--hz-ink);transform:none}
html[data-rd] .modal-title{font:400 2rem/1.05 var(--hz-serif);letter-spacing:-.02em}
html[data-rd] .modal-sub{color:var(--hz-ink2);font-size:14px}
html[data-rd] :is(.auth-tabs,.role-selector){background:var(--hz-surface2);border:1px solid var(--hz-border);border-radius:999px}
html[data-rd] :is(.auth-tab,.role-option){min-height:42px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--hz-ink2);border-radius:999px}
html[data-rd] :is(.auth-tab.active,.role-selector input:checked+.role-option){background:var(--hz-pink);color:var(--hz-pink-ink);box-shadow:none}
html[data-rd] .hl-label{font:600 12px/1 var(--hz-sans);letter-spacing:.02em;text-transform:none;color:var(--hz-ink2);padding-left:0}
html[data-rd] .alert-box{font:500 13px/1.45 var(--hz-sans);letter-spacing:0;border-radius:14px}
html[data-rd] .alert-box.alert-ok{background:var(--hz-tint);color:var(--hz-link);border-color:var(--hz-link)}
html[data-rd] .alert-box.alert-err{background:rgba(254,129,209,.16);color:var(--hz-pink-text);border-color:var(--hz-pink-text)}
html[data-rd] .auth-divider{font:600 12px/1 var(--hz-sans);letter-spacing:.06em}
html[data-rd] .auth-link{display:inline-flex;align-items:center;min-height:44px;color:var(--hz-link);font:600 13px/1 var(--hz-sans)}
html[data-rd] .auth-links{font:500 13px/1 var(--hz-sans);letter-spacing:0}

/* ===== 9. content primitives ===== */
html[data-rd] :is(h1,h2,.tvx-h1,.tvx-h2){font-family:var(--hz-serif);font-weight:400;letter-spacing:-.02em;text-wrap:balance;-webkit-text-stroke:.01em currentColor}
html[data-rd] :is(.tvx-h1,.tvx-h2) .accent,html[data-rd] :is(h1,h2) .accent{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:inherit!important;font-style:italic}
html[data-rd] .tvx-h3{font-weight:600;letter-spacing:-.01em}
html[data-rd] .tvx-lead,html[data-rd] .tvx-prose{color:var(--hz-ink2)}
html[data-rd] .tvx-prose strong{color:var(--hz-ink)}
html[data-rd] .tvx-prose a{color:var(--hz-link);text-decoration:underline;text-decoration-thickness:1px;border-bottom:0}
html[data-rd] .tvx-prose blockquote{border:1px solid var(--hz-pink-text);background:var(--hz-surface)}
html[data-rd] :is(.tvx-eyebrow,.eyebrow-pill){background:var(--hz-surface);border:1px solid var(--hz-border);color:var(--hz-ink);font:500 13px/1 var(--hz-sans);letter-spacing:0;text-transform:none;border-radius:999px}
html[data-rd] .tvx-eyebrow::before{background:var(--hz-pink);box-shadow:0 0 0 3px rgba(254,129,209,.28)}
html[data-rd] :is(.tvx-card,.tvx-card-emerald){background:var(--hz-surface);border:1px solid var(--hz-line);box-shadow:var(--hz-shadow);border-radius:var(--hz-r,12px)}
html[data-rd] a{text-underline-offset:.2em}

/* ===== 10. assistant launcher (injected by tevos-assistant.js): the one pink pill ===== */
html[data-rd] #ta-btn{min-height:52px;border-radius:999px;background:var(--hz-pink);color:var(--hz-pink-ink);border:1px solid var(--hz-edge);box-shadow:none;font:600 15px/1 var(--hz-sans);right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}
@media (hover:hover){html[data-rd] #ta-btn:hover{transform:none;background:var(--hz-pink-hover)}}
html[data-rd] body:is(.modal-locked,:has(.drawer.open)) #ta-btn{opacity:0;pointer-events:none}
html[data-rd] #ta-panel{background:var(--hz-pop);color:var(--hz-ink);border:1px solid var(--hz-border);border-radius:var(--hz-r,12px);box-shadow:0 30px 80px -30px rgba(2,7,10,.7)}
@media (max-width:560px){html[data-rd] #ta-panel{border:0;border-radius:var(--hz-r,12px) var(--hz-r,12px) 0 0}}
html[data-rd] .hz-ask{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:80;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px 0 18px;border-radius:999px;background:var(--hz-pink);color:var(--hz-pink-ink);border:1px solid var(--hz-edge);font:600 15px/1 var(--hz-sans);text-decoration:none;box-shadow:none}
html[data-rd] .hz-ask svg{width:20px;height:20px}

/* ===== 11. page-level compat (filled in from the page review) ===== */

/* ===== 12. motion ===== */
@media (prefers-reduced-motion:reduce){
  html[data-rd],html[data-rd][data-hz=night]{transition:none}
  .hz-thumb,.hz-switch button,html[data-rd] .nav-trigger,html[data-rd] .btn-primary{transition:none}
  .hz-orbit{animation:none}
}

/* ===== SECTION intelligence (hzi 20261101): stats, bands, offer, methodology, about, pitch, articles, hiring-index, assistant.
   Ports the data-vis kit (rd-hv hero visuals, rd-tile stat tiles, sparklines, bars) onto Horizon tokens. Blue ramp + ONE pink highlight per visual.
   Status = icon + label + intensity, never a new hue. No map. Orbs stay clear: right-hand hero cards start below the moon. ===== */
html[data-rd] .rd-hero2{position:relative}
@media (min-width:960px){
  html[data-rd] .rd-hero2:has(>.rd-hv){display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);column-gap:56px;align-items:start}
  html[data-rd] .rd-hero2:has(>.rd-hv)>*{grid-column:1}
  html[data-rd] .rd-hero2:has(>.rd-hv)>.rd-hv{grid-column:2;grid-row:1 / span 6;margin-top:clamp(96px,9vw,120px)}
}
@media (max-width:959px){html[data-rd] .rd-hero2>.rd-hv{margin-top:28px}}
html[data-rd] :is(.rd-hv,.rd-stat){position:relative;min-width:0;background:var(--hz-surface);border:1px solid var(--hz-line);border-radius:var(--hz-r,12px);box-shadow:var(--hz-shadow)}
html[data-rd] .rd-hv{padding:24px}
html[data-rd] .rd-hv__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px;margin-bottom:20px}
html[data-rd] .rd-hv__title{font:600 16px/1.25 var(--hz-sans);letter-spacing:-.01em;color:var(--hz-ink)}
html[data-rd] .rd-hv__sub,html[data-rd] .rd-tl__ax{font:500 12px/1.3 var(--hz-mono);color:var(--hz-ink2);font-variant-numeric:tabular-nums}
html[data-rd] .rd-hv small{font-size:12px;color:var(--hz-ink2)}
/* stat tiles */
html[data-rd] .rd-stats{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:16px;margin:0 0 8px}
html[data-rd] #rd-kpi~.kpi-row{display:none}
html[data-rd] .rd-hero2>.tvx-eyebrow{justify-self:start}
@media (max-width:900px){html[data-rd] .rd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){html[data-rd] .rd-stats{grid-template-columns:minmax(0,1fr)}html[data-rd] .rd-stats>.rd-tile:first-child{grid-column:auto}}
html[data-rd] .rd-tile{display:flex;flex-direction:column;gap:4px;padding:20px 22px;min-height:168px;overflow:hidden}
@media (max-width:560px){html[data-rd] .rd-tile{min-height:132px}}
html[data-rd] .rd-stat__label{display:flex;align-items:center;gap:8px;font:500 13px/1.3 var(--hz-sans);color:var(--hz-ink2)}
html[data-rd] .rd-stat__value{display:block;margin-top:auto;font:500 clamp(2.25rem,1.6rem + 2vw,3rem)/1 var(--hz-sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--hz-ink);white-space:nowrap}
html[data-rd] .rd-tile:first-child .rd-stat__value{font-size:clamp(3rem,2rem + 3.4vw,4.75rem)}
html[data-rd] .rd-stat__delta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font:600 13px/1.2 var(--hz-mono);font-variant-numeric:tabular-nums;color:var(--hz-ink2)}
html[data-rd] .rd-stat__delta i{font:400 12px var(--hz-sans);font-style:normal;color:var(--hz-ink2)}
html[data-rd] .rd-stat__delta.is-up{color:var(--hz-link)}
html[data-rd] .rd-stat__delta.is-down{color:var(--hz-pink-text)}
html[data-rd] .rd-stat__note{font-size:12px;line-height:1.3;color:var(--hz-ink2);font-variant-numeric:tabular-nums}
html[data-rd] .rd-spark{display:block;width:100%;height:30px;margin-top:12px;color:var(--hz-bar)}
html[data-rd] .rd-spark:not(.is-on){display:none}
html[data-rd] .rd-spark svg{display:block;width:100%;height:100%;overflow:visible}
html[data-rd] .rd-spark path.l{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
html[data-rd] .rd-spark path.a{fill:currentColor;opacity:.14}
html[data-rd] .rd-spark circle{fill:var(--hz-pink);stroke:var(--hz-pink-ink);stroke-width:1}
html[data-rd] .rd-live{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hz-pink);box-shadow:0 0 0 3px rgba(254,129,209,.28);flex:none}
/* bars, ring, timeline */
html[data-rd] .rd-bar{display:block;height:6px;border-radius:3px;background:var(--hz-line);overflow:hidden}
html[data-rd] .rd-bar>i{display:block;height:100%;border-radius:3px;background:var(--hz-bar);transform:scaleX(var(--w,0));transform-origin:left}
html[data-rd] .rd-bar.is-pos>i{background:var(--hz-pink)}
html[data-rd] .rd-hv__bars{list-style:none;margin:0;padding:0;display:grid;gap:14px}
html[data-rd] .rd-hv__bars li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:baseline}
html[data-rd] .rd-hv__bars .k{min-width:0;font:500 14px/1.3 var(--hz-sans);color:var(--hz-ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-rd] .rd-hv__bars .v{font:600 14px/1.3 var(--hz-mono);font-variant-numeric:tabular-nums;color:var(--hz-ink)}
html[data-rd] .rd-hv__bars .rd-bar{grid-column:1 / -1}
html[data-rd] .rd-hv__bars--wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px}
@media (max-width:700px){html[data-rd] .rd-hv__bars--wide{grid-template-columns:minmax(0,1fr)}}
html[data-rd] .rd-tl__big{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}
html[data-rd] .rd-tl__big b{font:500 clamp(2.5rem,1.8rem + 2vw,3.25rem)/1 var(--hz-sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--hz-ink)}
html[data-rd] .rd-tl{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:6px;height:120px}
html[data-rd] .rd-tl li{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end}
html[data-rd] .rd-tl li>i{display:block;width:100%;height:calc(var(--h,.1)*100%);min-height:3px;border-radius:4px 4px 2px 2px;background:var(--hz-bar);opacity:.55}
html[data-rd] .rd-tl li.is-pk>i{background:var(--hz-pink);opacity:1}
html[data-rd] .rd-tl__ax{display:flex;justify-content:space-between;margin-top:12px}
html[data-rd] .rd-ringv{position:relative;width:148px;height:148px;flex:none}
html[data-rd] .rd-ringv svg{display:block;width:100%;height:100%}
html[data-rd] .rd-ringv circle{fill:none;stroke-width:10}
html[data-rd] .rd-ringv .trk{stroke:var(--hz-line)}
html[data-rd] .rd-ringv .seg{stroke:var(--hz-bar)}
html[data-rd] .rd-ringv .s1{stroke:var(--hz-pink)}
html[data-rd] .rd-ringv .s2{stroke:var(--hz-bar)}
html[data-rd] .rd-ringv .s3{stroke:var(--hz-link);opacity:.75}
html[data-rd] .rd-ringv .s4,html[data-rd] .rd-ringv .s5{stroke:var(--hz-ink2);opacity:.5}
html[data-rd] .rd-ringv__c{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:2px}
/* bands hero: p25-p75 range, p50 tick */
html[data-rd] .rd-hv--bands{margin:0 0 20px}
html[data-rd] .rd-bd{list-style:none;margin:0;padding:0;display:grid;gap:16px}
html[data-rd] .rd-bd li{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) minmax(96px,auto);gap:16px;align-items:center}
html[data-rd] .rd-bd__lab,html[data-rd] .rd-bd__val{display:grid;gap:2px;min-width:0}
html[data-rd] .rd-bd__lab b{font:600 14px/1.25 var(--hz-sans);color:var(--hz-ink)}
html[data-rd] .rd-bd__val{text-align:right}
html[data-rd] .rd-bd__val b{font:600 16px/1.1 var(--hz-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--hz-ink)}
html[data-rd] .rd-bd__trk{position:relative;height:28px}
html[data-rd] .rd-bd__trk::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;border-radius:1px;background:var(--hz-line)}
html[data-rd] .rd-bd__trk .rng{position:absolute;left:var(--l);width:var(--w);top:5px;bottom:5px;border-radius:999px;background:linear-gradient(90deg,var(--hz-link),var(--hz-bar))}
html[data-rd] .rd-bd__trk .mid{position:absolute;left:var(--m);top:0;bottom:0;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--hz-ink)}
html[data-rd] .rd-bd li:first-child .rd-bd__trk .mid{background:var(--hz-pink)}
@media (max-width:640px){html[data-rd] .rd-bd li{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}html[data-rd] .rd-bd__trk{grid-column:1 / -1;grid-row:2}}
html[data-rd] .rd-copy-link{color:var(--hz-link);font-weight:600;text-decoration:underline;text-underline-offset:3px}
/* status without new hues: fresh = blue, stale / down = pink text */
html[data-rd] .tvx-fresh{color:var(--hz-link)!important}
html[data-rd] .tvx-fresh--stale{color:var(--hz-pink-text)!important}
html[data-rd] [style*='#FF9F0A' i]{color:var(--hz-pink-text)!important}
html[data-rd] [style*='#11D389' i],html[data-rd] [style*='#10B981' i]{color:var(--hz-link)!important}
html[data-rd] .tvx-fresh::before,html[data-rd] .tvx-fresh .dot{background:currentColor}
html[data-rd] .shift-dn,html[data-rd] .shift-col .dn{color:var(--hz-pink-text)}
html[data-rd] .shift-up,html[data-rd] .shift-col .up{color:var(--hz-link)}
/* panels, cards and chips on the data pages */
html[data-rd] :is(.kpi-tile,.co-cell,.hub-card,.shift-col,.stats-meta,.bd-cell,.bd-methodology,.bd-empty,.offer-form,.offer-res-card,.offer-contribute,.offer-stat,.about-card,.about-stat-bar,.hx-col,.hx-method,.art-card,.tpch-stat,.tpch-catalyst,.tpch-pane,.tpch-pull,.tpch-bet,.tpch-ask,.tmt-compare-card,.tmt-pipe-step,.lp-founder-card){background:var(--hz-surface);border-color:var(--hz-line);color:var(--hz-ink);box-shadow:var(--hz-shadow)}
html[data-rd] :is(.kpi-tile,.co-cell,.hub-card,.shift-col,.stats-meta,.bd-cell,.bd-methodology,.offer-form,.offer-res-card,.offer-contribute,.about-card,.hx-col,.hx-method,.art-card,.tpch-catalyst,.tpch-pane,.tpch-ask,.tmt-compare-card,.lp-founder-card){border-radius:var(--hz-r,12px)}
html[data-rd] :is(.sk-chip,.co-cell,.bd-pill){border-color:var(--hz-line);color:var(--hz-ink2)}
html[data-rd] .bd-cell{position:relative;overflow:hidden}
html[data-rd] .bd-cell::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--bd-accent,var(--hz-bar));opacity:.9}
/* offer: result state. Pink marks "you" only. */
html[data-rd] .offer-verdict .pct{color:var(--hz-link)}
html[data-rd] .offer-verdict.below .pct,html[data-rd] .offer-verdict.way-below .pct{color:var(--hz-pink-text)}
html[data-rd] .offer-fill{background:linear-gradient(90deg,var(--hz-tint),var(--hz-bar));opacity:.55}
html[data-rd] .offer-track{background:var(--hz-surface2);border-color:var(--hz-line)}
html[data-rd] .offer-marker{background:var(--hz-pink);box-shadow:none}
html[data-rd] .offer-pin,html[data-rd] .offer-share-btn{background:var(--hz-pink);color:var(--hz-pink-ink)}
html[data-rd] .offer-stat.you{border-color:var(--hz-pink-text);background:rgba(254,129,209,.12)}
html[data-rd] .offer-stat.you .offer-stat-val{color:var(--hz-pink-text)}
html[data-rd] .offer-ghost-btn:hover{border-color:var(--hz-link);color:var(--hz-link)}
html[data-rd] .offer-hero .offer-form{padding:clamp(20px,3vw,28px)}
@media (min-width:900px){html[data-rd] .offer-hero .offer-form{margin-top:110px}}
/* hiring index: one chart line, blue */
html[data-rd] .hx-delta.up{color:var(--hz-link);border-color:var(--hz-link)}
html[data-rd] .hx-delta.dn{color:var(--hz-pink-text);border-color:var(--hz-pink-text)}
html[data-rd] .hx-spark polyline{stroke:var(--hz-bar)}
html[data-rd] .hx-spark circle{fill:var(--hz-pink);stroke:var(--hz-pink-ink)}
html[data-rd] .hx-num{color:var(--hz-ink)}
html[data-rd] .hx-num.dn{color:var(--hz-ink)}
@media (min-width:861px){html[data-rd] .hx-numwrap{padding-top:56px}}
html[data-rd] .hx-hero h1 em{color:var(--hz-link)}
html[data-rd] .hx-eyebrow .dot{color:var(--hz-pink)}
/* avatars: no green gradients */
html[data-rd] :is(.tc-av,.lp-founder-avatar){background:var(--hz-tint);border:1px solid var(--hz-border);color:var(--hz-ink)}
/* 44px targets on the intelligence pages */
@media (max-width:760px){html[data-rd] :is(.offer-form,.bd-filters,.tpch-ask,.art-card) :is(a,button,select,input){min-height:44px}}
html[data-rd] .rd-spark{position:relative}
html[data-rd] .rd-spark .pt{position:absolute;right:-4px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--hz-pink);box-shadow:0 0 0 3px rgba(254,129,209,.28)}
/* keep the sun / moon clear: first screen of every intelligence page starts below the orb */
html[data-rd] :is(main.stats-wrap,main.hx-wrap,main.about-main,main.tpch-shell,main.as-wrap,main:has(>.tmt-hero),main.tvx-wrap:has(>.offer-hero),main.tvx-wrap:has(>.art-hero),main.tvx-wrap:has(.bd-filters))::before{content:"";display:block;height:20px}
@media (min-width:641px){html[data-rd] :is(main.about-main,main.tpch-shell,main.as-wrap,main:has(>.tmt-hero),main.tvx-wrap:has(>.art-hero),main.tvx-wrap:has(.bd-filters))::before{height:96px!important}}
@media (max-width:640px){html[data-rd] :is(main.stats-wrap,main.hx-wrap,main.about-main,main.tpch-shell,main.as-wrap,main:has(>.tmt-hero),main.tvx-wrap:has(>.offer-hero),main.tvx-wrap:has(>.art-hero),main.tvx-wrap:has(.bd-filters))::before{height:112px}}

/* ===== SECTION discovery (2026-11-01): index, jobs, job, companies, company, gulf, 404. Append-only; every rule is under html[data-rd]. ===== */
html[data-rd]{--hz-onbar:#fff;--hz-pad:clamp(16px,4vw,24px)}
html[data-rd][data-ink=night]{--hz-onbar:#02070A}
/* d1 type: data pages use Inter 600 (HORIZON s5); serif stays on the statement heroes (home, jobs, companies) */
html[data-rd] :is(.jbp,.cp-wrap,.gx-wrap,.jobs-main,.cd-hero) :is(h2,h3):not(.tvx-h1){font-family:var(--hz-sans);font-weight:600;letter-spacing:-.01em;-webkit-text-stroke:0}
html[data-rd] :is(.jbp h1,.cp-headline,.gx-wrap h1){font-family:var(--hz-sans);font-weight:600;font-size:clamp(1.75rem,1.1rem + 2.4vw,2.75rem);line-height:1.12;letter-spacing:-.03em;-webkit-text-stroke:0;margin:.35em 0 .3em;overflow-wrap:anywhere}
html[data-rd] .cp-headline em{font-style:normal;color:inherit;-webkit-text-fill-color:currentColor;background:none}
html[data-rd] :is(.jb-headline,.cd-hero h1){line-height:1.04}
/* d2 orb clearance: nothing overlays the sun or moon. Hero text stops short of the orb on desktop; below 1000px the orb centres in a clear sky band above the content. */
@media (min-width:1001px){html[data-rd] :is(.jb-headline,.jb-sub,.jb-eyebrow,.cd-hero h1,.cd-hero .tvx-lead,.jbp h1,.jbp-co,.jbp-crumb,.cp-headline,.gx-wrap h1,.gx-eyebrow,.gx-lede,.hz-nf h1,.hz-nf p){max-width:52vw}}
@media (max-width:1000px){
  html[data-rd]:has(:is(.jobs-main,.jbp,.cp-wrap,.gx-wrap,.cd-hero,.hz-nf)){--hz-sun-a:90deg}
  html[data-rd][data-hz=night]:has(:is(.jobs-main,.jbp,.cp-wrap,.gx-wrap,.cd-hero,.hz-nf)){--hz-sun-a:-72deg;--hz-moon-a:90deg}
  html[data-rd] :is(main.jobs-main,main.jbp,main.cp-wrap,main.gx-wrap,main.hz-nf,main:has(>.cd-hero)){padding-top:124px!important}
}
/* d3 data-vis: the kit (rd-stat, rd-hv, rings, bars, timeline) lives in SECTION intelligence; only the page wrappers differ here */
html[data-rd] .rd-dvwrap{max-width:var(--max,1320px);margin:0 auto;padding:16px var(--hz-pad) 24px}
html[data-rd] .rd-dv3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){html[data-rd] .rd-dv3{grid-template-columns:minmax(0,1fr)}html[data-rd] .rd-dv3 .rd-tile{min-height:0}}
html[data-rd] .rd-hv--jobs{max-width:760px;margin:28px 0 0}
html[data-rd] .rd-hv--gulf{margin:0 0 8px}
/* d4 jobs list + job detail */
html[data-rd] .jobs-main .jb-hero{padding:40px 0 28px;border-bottom:1px solid var(--hz-line)}
html[data-rd] .jb-eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 14px;margin:0 0 16px;background:var(--hz-surface);border:1px solid var(--hz-border);border-radius:999px;font:500 .8125rem/1 var(--hz-sans);letter-spacing:0;text-transform:none;color:var(--hz-ink)}
html[data-rd] .jb-eyebrow-n{font-family:var(--hz-mono);font-variant-numeric:tabular-nums;color:var(--hz-ink2)}
html[data-rd] .jb-sub{color:var(--hz-ink2)}
html[data-rd] :is(.jb-search-input,.jb-filter-select,.jobs-main select){min-height:44px;background:var(--hz-field);border:1px solid var(--hz-border);border-radius:12px;color:var(--hz-ink)}
html[data-rd] .jb-search-input::placeholder{color:var(--hz-ink2)}
html[data-rd] :is(.jb-search-input,.jobs-main select):focus{outline:2px solid var(--hz-pink-text);outline-offset:2px;box-shadow:none}
html[data-rd] :is(.jb-search-btn,.jb-btn-primary,.jbp-btn){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;background:var(--hz-pink);color:var(--hz-pink-ink);border:1px solid var(--hz-edge);border-radius:999px;font:600 .875rem/1 var(--hz-sans);letter-spacing:0;text-decoration:none;box-shadow:none;transition:transform 120ms var(--hz-out),background-color 180ms var(--hz-out)}
html[data-rd] :is(.jb-search-btn,.jb-btn-primary,.jbp-btn):active{transform:scale(.97)}
@media (hover:hover){html[data-rd] :is(.jb-search-btn,.jb-btn-primary,.jbp-btn):hover{background:var(--hz-pink-hover);filter:none;box-shadow:none}}
html[data-rd] p>.jbp-btn{background:var(--hz-surface);color:var(--hz-ink);border:1px solid var(--hz-border);box-shadow:none}
@media (hover:hover){html[data-rd] p>.jbp-btn:hover{background:var(--hz-surface);box-shadow:none}}
html[data-rd] :is(.jb-btn-ghost,.jb-btn-align){display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:var(--hz-surface2);color:var(--hz-ink);border:1px solid var(--hz-border);border-radius:999px;font:600 .8125rem/1 var(--hz-sans);letter-spacing:0;text-decoration:none}
html[data-rd] .jb-btn-apply{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;background:var(--hz-bar);color:var(--hz-onbar);border:0;border-radius:999px;font:600 .8125rem/1 var(--hz-sans);letter-spacing:0;text-decoration:none;box-shadow:none;filter:none}
html[data-rd] .jb-card{background:var(--hz-surface);border:1px solid var(--hz-line);border-radius:16px;box-shadow:var(--hz-shadow)}
html[data-rd] .jb-card-title{font:600 .9375rem/1.3 var(--hz-sans);color:var(--hz-ink)}
html[data-rd] .jb-card-company{color:var(--hz-ink2)}
html[data-rd] .jb-tag{background:var(--hz-tint);border:1px solid var(--hz-line);border-radius:999px;color:var(--hz-ink2);font-family:var(--hz-mono)}
html[data-rd] .jb-tag-salary{background:var(--hz-tint);border-color:var(--hz-link);color:var(--hz-link)}
html[data-rd] .jb-page-btn{min-width:44px;min-height:44px;border-radius:999px;background:var(--hz-surface);border:1px solid var(--hz-border);color:var(--hz-ink)}
html[data-rd] .jb-page-btn.active,html[data-rd] .jb-page-btn[aria-current]{background:var(--hz-bar);color:var(--hz-onbar);border-color:transparent}
html[data-rd] .jbp-crumb,html[data-rd] .jbp-crumb a{color:var(--hz-ink2)}
html[data-rd] .jbp-co{color:var(--hz-ink2)}
html[data-rd] .jbp-co b,html[data-rd] .jbp-co a{color:var(--hz-ink);font-weight:600}
html[data-rd] .jbp-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;background:var(--hz-surface);border:1px solid var(--hz-border);border-radius:999px;color:var(--hz-ink);font:500 .8125rem/1 var(--hz-sans)}
html[data-rd] .jbp-chip.em{border-color:var(--hz-link);color:var(--hz-link)}
html[data-rd] .jbp-dates,html[data-rd] .jbp-small,html[data-rd] .jbp-trust{color:var(--hz-ink2)}
html[data-rd] .jbp-card{background:var(--hz-surface);border:1px solid var(--hz-line);border-radius:var(--hz-r,12px);box-shadow:var(--hz-shadow)}
html[data-rd] .jbp-card h2{font:600 .8125rem/1.2 var(--hz-sans);letter-spacing:.02em;text-transform:none;color:var(--hz-ink2)}
html[data-rd] .jbp-desc,html[data-rd] .jbp-card p{color:var(--hz-ink)}
html[data-rd] .jbp-card .jbp-small{color:var(--hz-ink2)}
html[data-rd] .jbp-more,html[data-rd] .jbp-sim a{color:var(--hz-link)}
html[data-rd] .jbp-sim a{display:flex;flex-direction:column;justify-content:center;min-height:44px;border-radius:12px}
html[data-rd] .jbp-sim a span{color:var(--hz-ink2)}
html[data-rd] .jbp-skills li{background:var(--hz-tint);border:1px solid var(--hz-line);color:var(--hz-ink)}
/* d5 companies directory + company dossier */
html[data-rd] .cd-card{background:var(--hz-surface);border:1px solid var(--hz-line);border-radius:16px;box-shadow:var(--hz-shadow)}
html[data-rd] .cd-card-name,html[data-rd] .cd-card-name a{color:var(--hz-ink)}
html[data-rd] .cd-card-row,html[data-rd] .cd-card-meta{color:var(--hz-ink2)}
html[data-rd] .cd-card-row strong{color:var(--hz-ink)}
html[data-rd] .cd-card-meta{border-top:1px solid var(--hz-line)}
@media (hover:hover){html[data-rd] .cd-card-name a:hover{color:var(--hz-link)}}
html[data-rd] .cd-pager a,html[data-rd] .cd-pager span{min-width:44px;height:44px;border-radius:999px;background:var(--hz-surface);border:1px solid var(--hz-border);color:var(--hz-ink)}
html[data-rd] .cp-eyebrow{background:var(--hz-surface);border:1px solid var(--hz-border);color:var(--hz-ink);border-radius:999px;font:500 .8125rem/1 var(--hz-sans);letter-spacing:0;text-transform:none}
html[data-rd] .cp-eyebrow-dot{background:var(--hz-link)}
html[data-rd] .cp-pill{background:var(--hz-surface);border:1px solid var(--hz-border);color:var(--hz-ink);font-family:var(--hz-mono)}
html[data-rd] .cp-pill.rating{color:var(--hz-ink)}
html[data-rd] .cp-pill.cat{border-color:var(--hz-link);color:var(--hz-link)}
html[data-rd] .cp-lede{color:var(--hz-ink)}
html[data-rd] :is(.co-intel,.cid-card,.cp-card,.cp-stat,.cp-about){background:var(--hz-surface);border:1px solid var(--hz-line);border-radius:16px;box-shadow:var(--hz-shadow);color:var(--hz-ink)}
html[data-rd] :is(.cp-card-title,.cp-meta-row){color:var(--hz-ink)}
html[data-rd] :is(.cp-card-row,.cp-divider){color:var(--hz-ink2)}
/* d6 gulf */
html[data-rd] .gx-wrap .gx-rdstats{margin:28px 0 12px}
html[data-rd] .gx-card{background:var(--hz-surface);border:1px solid var(--hz-line);border-radius:16px;box-shadow:var(--hz-shadow);color:var(--hz-ink)}
html[data-rd] .gx-card .gx-sub{color:var(--hz-ink2)}
html[data-rd] .gx-card .gx-rdbar{margin-top:10px}
html[data-rd] :is(.gx-note,.gx-tbl){background:var(--hz-surface);border:1px solid var(--hz-line);border-radius:16px;color:var(--hz-ink)}
html[data-rd] .gx-eyebrow{background:var(--hz-surface);border:1px solid var(--hz-border);color:var(--hz-ink);border-radius:999px;font:500 .8125rem/1 var(--hz-mono);letter-spacing:0;text-transform:none;padding:0 14px}
html[data-rd] .gx-lede{color:var(--hz-ink2)}
@media (prefers-reduced-motion:reduce){html[data-rd] :is(.jb-search-btn,.jb-btn-primary,.jbp-btn){transition:none}}
html[data-rd] .gx-eyebrow{display:inline-flex;align-items:center;width:fit-content;min-height:32px;line-height:1.2}
html[data-rd] .rd-hv--jobs .rd-hv__bars{flex:1 1 280px}
html[data-rd] .cp-eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:32px;padding:0 14px;line-height:1.2}
/* d7 home: same orb rule as the data pages (centred in a clear band under 1000px); stat chips become one scroll row on phones so they never cover the orb */
@media (max-width:1000px){
  html[data-rd]:has(main>.hero){--hz-sun-a:90deg}
  html[data-rd][data-hz=night]:has(main>.hero){--hz-sun-a:-72deg;--hz-moon-a:90deg}
  html[data-rd] main>.hero{padding-top:104px}
}
@media (max-width:640px){
  html[data-rd] .stat-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  html[data-rd] .stat-row::-webkit-scrollbar{display:none}
  html[data-rd] .stat-row .chip-stat{flex:none;white-space:nowrap}
  html[data-rd] .hero,html[data-rd] .hero-text{min-width:0}
  html[data-rd] .hero{grid-template-columns:minmax(0,1fr)}
  html[data-rd] .pp-text{display:none}
  html[data-rd] .prompt-pill .pp-submit{flex:1}
  html[data-rd] .pp-text .placeholder{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* d8 404 */
html[data-rd] .hz-nf{max-width:var(--max,1320px);margin:0 auto;padding:clamp(56px,12vh,128px) var(--hz-pad) 72px}
html[data-rd] .hz-nf h1{font-size:clamp(2.5rem,1.4rem + 4.4vw,5rem);line-height:1.04}
html[data-rd] .hz-nf p{max-width:46ch;color:var(--hz-ink2);font-size:1.125rem}
html[data-rd] .hz-nf-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
html[data-rd] .hz-nf-links a:not(.btn-primary){display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--hz-surface);border:1px solid var(--hz-border);color:var(--hz-ink);font:600 .875rem/1 var(--hz-sans);text-decoration:none}
@media (max-width:1000px){html[data-rd] main.hz-nf{padding-top:124px!important}}
html[data-rd] .hz-nf-links .btn-primary{width:auto;flex:none;padding:0 24px}
html[data-rd] .hz-nf h1{margin-bottom:.35em}
/* ===== end SECTION discovery ===== */

/* ===== SECTION surfaces (2026-11-01): assistant widget + panel, auth, candidate and recruiter shells. Visual layer only. Every rule is under html[data-rd]. ===== */

/* S1. assistant: .tc is variable driven, so re-point its tokens; blue family + ink, pink only on the send / retry CTA, the live dot and focus */
html[data-rd] .tc{--tc-em:var(--hz-bar);--tc-am:var(--hz-link);--tc-bg:var(--hz-pop);--tc-ink:var(--hz-ink);--tc-soft:var(--hz-surface2);--tc-line:var(--hz-line);--tc-f:var(--hz-sans);--tc-m:var(--hz-mono);--tc-surf:var(--hz-pop);--tc-bub:var(--hz-surface2);--r-card:28px;color:var(--hz-ink)}
html[data-rd] .tc-w{--tc-surf:var(--hz-pop);--tc-bub:var(--hz-surface2)}
html[data-rd] .tc-h{border-bottom-color:var(--hz-line)}
html[data-rd] .tc-ht b{font:400 20px/1.1 var(--hz-serif);letter-spacing:-.01em}
html[data-rd] .tc-av{background:var(--hz-surface);border:1px solid var(--hz-link);color:var(--hz-link)}
html[data-rd] .tc-live i{background:var(--hz-pink);box-shadow:0 0 0 3px rgba(254,129,209,.28)}
html[data-rd] .tc-ub{background:var(--hz-tint);color:var(--hz-ink);border:1px solid var(--hz-link);font-weight:500}
html[data-rd] .tc-body{border-radius:6px 20px 20px 20px}
html[data-rd] .tc-go,html[data-rd] .tc-retry{background:var(--hz-pink);color:var(--hz-pink-ink);border:1px solid var(--hz-edge);box-shadow:none}
@media (hover:hover){html[data-rd] .tc-go:hover{transform:none;background:var(--hz-pink-hover)}}
html[data-rd] .tc-go.tc-stop{background:var(--hz-ink);color:var(--hz-base);box-shadow:none}
html[data-rd] .ok>.tc-ic{background:var(--hz-bar)}
html[data-rd] .ok>.tc-ic::after{border-color:var(--hz-base)}
html[data-rd] .tc-sum::before{background:var(--hz-bar)}
html[data-rd] .tc-bf{background:linear-gradient(90deg,var(--hz-bar),var(--hz-link))}
html[data-rd] .tc-caret{background:var(--hz-pink)}
html[data-rd] .tc-welcome h2{font:400 1.7rem/1.1 var(--hz-serif);letter-spacing:-.02em}
html[data-rd] .tc-pc{border-radius:18px;background:var(--hz-surface2)}
html[data-rd] .tc-pc:hover,html[data-rd] .tc-pc:focus-visible,html[data-rd] .tc-fc:hover{border-color:var(--hz-link);transform:none}
html[data-rd] .tc-in{border-radius:var(--hz-r,12px);background:var(--hz-field);border-color:var(--hz-border)}
html[data-rd] .tc-in:focus{border-color:var(--hz-pink-text);outline:2px solid var(--hz-pink-text);outline-offset:2px}
html[data-rd] .tc button:focus-visible,html[data-rd] .tc textarea:focus-visible,html[data-rd] .tc a:focus-visible{outline-color:var(--hz-pink-text)}
html[data-rd] :is(.tc-skip,.tc-sum,.tc-act,.tc-jump){min-height:44px}
html[data-rd] .tc-tag,html[data-rd] .tc-fh{letter-spacing:.02em;text-transform:none}
html[data-rd] #ta-btn:focus-visible{outline:2px solid var(--hz-pink-text);outline-offset:3px}
html[data-rd] #ta-panel{--r-card:28px}
html[data-rd] #ta-ld{color:var(--hz-ink2)}

/* S2. auth: the provider mark is drawn in one ink (a four-colour logo is four extra hues); the label carries the meaning */
html[data-rd] .oauth-btn svg :is(path,rect,circle,polygon){fill:currentColor}
html[data-rd] .oauth-btn svg{width:18px;height:18px}

/* S3. signed-in candidate shell (cand-head.php, candidate/dashboard.php) and recruiter pages that reuse the public chrome */
html[data-rd] .tvx-skip{background:var(--hz-pink);color:var(--hz-pink-ink);font:600 15px/1 var(--hz-sans)}
html[data-rd] .tvx-skip:focus-visible{outline:2px solid var(--hz-pink-text)}
html[data-rd] :is(.icon-pill,.user-pill){min-height:44px;background:var(--hz-surface);border:1px solid var(--hz-border);color:var(--hz-ink)}
html[data-rd] .icon-pill{min-width:44px;width:44px;height:44px}
html[data-rd] .icon-pill:hover{background:var(--hz-line);color:var(--hz-ink);border-color:var(--hz-border)}
html[data-rd] .icon-pill .badge{background:var(--hz-pink);box-shadow:none}
html[data-rd] .user-avatar{background:var(--hz-ink);color:var(--hz-base);font:600 12px/1 var(--hz-sans);letter-spacing:0}
html[data-rd] .user-name{font:600 14px/1.1 var(--hz-sans);color:var(--hz-ink)}
html[data-rd] :is(.user-role,.ah-sub,.crumb,.panel-head,.hero-sub,.more-head,.fn-item,.subnav .tab){font-family:var(--hz-sans);font-size:12px;letter-spacing:.02em;text-transform:none}
html[data-rd] .crumb{border-left-color:var(--hz-line);color:var(--hz-ink2)}
html[data-rd] .crumb a:hover{color:var(--hz-link)}
html[data-rd] :is(.acct-menu,.more-menu){background:var(--hz-pop);border:1px solid var(--hz-border);border-radius:20px;box-shadow:0 24px 48px -16px rgba(2,7,10,.5)}
html[data-rd] :is(.acct-item,.more-item){min-height:44px;color:var(--hz-ink);font:500 14px/1.2 var(--hz-sans);border-radius:12px}
html[data-rd] :is(.acct-item,.more-item):hover{background:var(--hz-line);color:var(--hz-ink);transform:none}
html[data-rd] :is(.acct-item .ai-ic,.more-item .mi-ic){color:var(--hz-ink2)}
html[data-rd] :is(.acct-item:hover .ai-ic,.more-item:hover .mi-ic){color:var(--hz-ink)}
html[data-rd] .acct-item.danger,html[data-rd] .acct-item.danger .ai-ic{color:var(--hz-pink-text)}
html[data-rd] .acct-item.danger:hover{background:rgba(254,129,209,.16);color:var(--hz-pink-text)}
html[data-rd] :is(.acct-head,.more-head){border-bottom:1px solid var(--hz-line)}
html[data-rd] :is(.subnav,.floating-nav){background:var(--hz-surface);border:1px solid var(--hz-border);box-shadow:var(--hz-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-rd] :is(.subnav .tab,.fn-item){min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--hz-ink2);border:1px solid transparent}
html[data-rd] :is(.subnav .tab.active,.fn-item.active,.more-item.active){background:var(--hz-tint);color:var(--hz-link);border-color:var(--hz-link)}
html[data-rd] .fn-item.active svg{color:var(--hz-link)}
html[data-rd] :is(.subnav .tab:hover,.fn-item:hover){background:var(--hz-line);color:var(--hz-ink)}
html[data-rd] .cluster-modal,html[data-rd] body:has(.user-pill,.floating-nav) :is(.panel,.empty-state){background:var(--hz-surface);border:1px solid var(--hz-line);border-radius:var(--hz-r,12px);box-shadow:var(--hz-shadow)}
html[data-rd] .cluster-modal{background:var(--hz-pop);border-color:var(--hz-border)}
html[data-rd] body:has(.user-pill,.floating-nav) .panel-head .ph-l{color:var(--hz-ink2)}
html[data-rd] body:has(.user-pill,.floating-nav) .panel-head .ph-r{color:var(--hz-ink2)}
html[data-rd] body:has(.user-pill,.floating-nav) .ph-dot{background:var(--hz-link);box-shadow:none}
html[data-rd] body:has(.user-pill,.floating-nav) .page-hero h1{font:400 clamp(2rem,4.4vw,3rem)/1.04 var(--hz-serif);letter-spacing:-.02em;color:var(--hz-ink)}
html[data-rd] body:has(.user-pill,.floating-nav) .page-hero h1 .accent{color:var(--hz-link);font-style:italic}
html[data-rd] body:has(.user-pill,.floating-nav) .page-hero .hero-sub{color:var(--hz-ink2)}
html[data-rd] body:has(.user-pill,.floating-nav) .live-dot{background:var(--hz-pink);box-shadow:0 0 0 3px rgba(254,129,209,.28)}
html[data-rd] body:has(.user-pill,.floating-nav) .empty-state .es-h{font:400 1.6rem/1.1 var(--hz-serif);letter-spacing:-.01em}
html[data-rd] body:has(.user-pill,.floating-nav) .empty-state .es-p{color:var(--hz-ink2)}
html[data-rd] body:has(.user-pill,.floating-nav) .empty-state .es-cta{min-height:48px;background:var(--hz-pink);color:var(--hz-pink-ink);border:1px solid var(--hz-edge);border-radius:999px;font:600 15px/1 var(--hz-sans);letter-spacing:0;text-transform:none;box-shadow:none}
html[data-rd] body:has(.user-pill,.floating-nav) .empty-state .es-cta:hover{transform:none;background:var(--hz-pink-hover);box-shadow:none}
html[data-rd] .floating-nav{bottom:max(1rem,env(safe-area-inset-bottom))}
@media (prefers-reduced-motion:reduce){html[data-rd] :is(.live-dot,.cs-pulse){animation:none}html[data-rd] main>*{animation:none}}

/* S4. generated overrides for off-palette literals found in the legacy candidate/recruiter sources (declaration level; see /root/hz-surfaces-gen.py) */
/* GENERATED by /root/hz-surfaces-gen.py from the legacy candidate/recruiter sources (see ROLLBACK). Every declaration that carried an off-palette colour is re-pointed to the blue family or the one pink; solid fills become the pink CTA or a blue bar with legible ink. */
html[data-rd] .user-avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--hz-link) 18%,transparent)}
html[data-rd] .ap-center{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--hz-link) 6%,transparent),transparent 60%),var(--tvx-elev)}
html[data-rd] .purple-btn{box-shadow:0 4px 14px color-mix(in srgb,var(--hz-link) 35%,transparent)}
html[data-rd] .purple-btn:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--hz-link) 45%,transparent)}
html[data-rd] .sig-tag.match{border:1px solid color-mix(in srgb,var(--hz-link) 30%,transparent)}
html[data-rd] .sig-tag.gap{border:1px solid color-mix(in srgb,var(--hz-pink-text) 30%,transparent)}
html[data-rd] .sig-action.audit{border-color:color-mix(in srgb,var(--hz-pink-text) 30%,transparent)}
html[data-rd] .sc-chip{border:1px solid color-mix(in srgb,var(--hz-link) 25%,transparent)}
html[data-rd] .sc-chip.down{border-color:color-mix(in srgb,var(--hz-pink-text) 25%,transparent)}
html[data-rd] .floating-nav{box-shadow:var(--sh-lift),0 0 0 1px color-mix(in srgb,var(--hz-link) 5%,transparent)}
html[data-rd] .more-menu{box-shadow:var(--sh-lift),0 0 0 1px color-mix(in srgb,var(--hz-link) 5%,transparent)}
html[data-rd] .cluster-modal{box-shadow:var(--sh-lift),0 0 0 1px color-mix(in srgb,var(--hz-link) 6%,transparent)}
html[data-rd] .al-row:hover{box-shadow:0 8px 18px -12px color-mix(in srgb,var(--hz-link) 18%,transparent)}
html[data-rd] .al-create:hover{background:var(--tvx-elev)}
html[data-rd] .app-row:hover{box-shadow:0 8px 18px -12px color-mix(in srgb,var(--hz-link) 18%,transparent)}
html[data-rd] .is-tile.warn{background:var(--tvx-elev)}
html[data-rd] .nf-pill.unread{border-color:color-mix(in srgb,var(--hz-link) 25%,transparent)}
html[data-rd] .nf-ic.emerald{border-color:color-mix(in srgb,var(--hz-link) 25%,transparent)}
html[data-rd] .nf-ic.warn{border-color:color-mix(in srgb,var(--hz-pink-text) 25%,transparent)}
html[data-rd] .pe-eyebrow{border:1px solid color-mix(in srgb,var(--hz-link) 30%,transparent)}
html[data-rd] .pe-cv-icon{border:1px solid color-mix(in srgb,var(--hz-link) 30%,transparent)}
html[data-rd] .pe-progress::after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hz-link) 15%,transparent),transparent)}
html[data-rd] .pe-status.ok{border:1px solid color-mix(in srgb,var(--hz-link) 30%,transparent)}
html[data-rd] .pe-status.err{border:1px solid color-mix(in srgb,var(--hz-pink-text) 30%,transparent)}
html[data-rd] .pe-drag-overlay{background:color-mix(in srgb,var(--hz-link) 12%,transparent)}
html[data-rd] .pid-card{background:var(--tvx-elev)}
html[data-rd] .pid-url{border:1px solid color-mix(in srgb,var(--hz-link) 25%,transparent)}
html[data-rd] .danger-zone{background:var(--tvx-elev)}
html[data-rd] .danger-zone .panel-head .ph-dot{box-shadow:0 0 6px color-mix(in srgb,var(--hz-pink-text) 40%,transparent)}
html[data-rd] .panel.editing .in-text,html[data-rd] .panel.editing .in-area{border-color:color-mix(in srgb,var(--hz-link) 35%,transparent)}
html[data-rd] .panel.editing .in-select{border-color:color-mix(in srgb,var(--hz-link) 35%,transparent)}
html[data-rd] .panel.editing .in-text:focus,html[data-rd] .panel.editing .in-area:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--hz-link) 10%,transparent)}
html[data-rd] .sv-card:hover{box-shadow:0 14px 32px -18px color-mix(in srgb,var(--hz-link) 18%,transparent)}
html[data-rd] .set-btn.danger{border-color:color-mix(in srgb,var(--hz-pink-text) 25%,transparent)}
html[data-rd] .act-pill{border:1px solid color-mix(in srgb,var(--hz-link) 25%,transparent)}
html[data-rd] .act-pill.warn{border-color:color-mix(in srgb,var(--hz-pink-text) 25%,transparent)}
html[data-rd] .chip.strong{border-color:color-mix(in srgb,var(--hz-link) 18%,transparent)}
html[data-rd] .chip.stretch{border-color:color-mix(in srgb,var(--hz-pink-text) 20%,transparent)}
html[data-rd] .job-card:hover{box-shadow:0 20px 50px -16px color-mix(in srgb,var(--hz-link) 18%,transparent)}
html[data-rd] .inv-card.responded.applied{border-left-color:var(--trust, var(--hz-link))}
html[data-rd] .inv-btn.accept{background:var(--trust, var(--hz-link));border-color:var(--trust, var(--hz-link))}
html[data-rd] .inv-btn.decline:hover{border-color:var(--risk, var(--hz-pink-text));color:var(--risk, var(--hz-pink-text))}
html[data-rd] .inv-status-pill.applied{color:var(--trust, var(--hz-link))}
html[data-rd] .inv-status-pill.declined{color:var(--risk,  var(--hz-pink-text))}
html[data-rd] .tvx-greet-score{color:var(--trust, var(--hz-link))}
html[data-rd] .tvx-card:has(.tvx-match[data-level="hi"]){border-left-color:var(--trust, var(--hz-link))}
html[data-rd] .tvx3-shell,html[data-rd] .tvx3{--brand-glow:color-mix(in srgb,var(--hz-link) 32%,transparent)}
html[data-rd] .tvx3-tag.ref{border-color:color-mix(in srgb,var(--hz-link) 50%,transparent);color:var(--hz-link);background:color-mix(in srgb,var(--hz-link) 10%,transparent)}
html[data-rd] .tvx3-tag.applied{border-color:color-mix(in srgb,var(--hz-link) 50%,transparent);color:var(--hz-link);background:color-mix(in srgb,var(--hz-link) 12%,transparent)}
html[data-rd] .tvx3-jd-skill.owned{border-color:color-mix(in srgb, var(--hz-link) 33%, transparent);color:var(--hz-link);background:color-mix(in srgb,var(--hz-link) 10%,transparent)}
html[data-rd] .tvx3-fix-sec-count.warn{color:var(--warn, var(--hz-pink-text));background:color-mix(in srgb, var(--warn, var(--hz-pink-text)) 12%, transparent)}
html[data-rd] .tvx3-fix-chip.gap{border-color:color-mix(in srgb, var(--warn, var(--hz-pink-text)) 40%, transparent);color:var(--warn, var(--hz-pink-text));background:color-mix(in srgb, var(--warn, var(--hz-pink-text)) 10%, transparent)}
html[data-rd] .ov-cyan-dot{box-shadow:0 0 8px color-mix(in srgb,var(--hz-link) 70%,transparent)}
html[data-rd] .apx-explain .apx-glyph--p{background:color-mix(in srgb,var(--hz-link) 10%,transparent);color:var(--hz-link);border:1px solid color-mix(in srgb,var(--hz-link) 30%,transparent)}
html[data-rd] .apx-explain .apx-glyph--w{background:color-mix(in srgb,var(--hz-pink-text) 10%,transparent);color:var(--hz-pink-text);border:1px solid color-mix(in srgb,var(--hz-pink-text) 40%,transparent)}
html[data-rd] .score-verify-nudge{border:1px solid var(--amber, color-mix(in srgb,var(--hz-pink-text) 30%,transparent))}
html[data-rd] .score-verify-nudge__btn{background:color-mix(in srgb,var(--hz-pink-text) 12%,transparent);border:1px solid color-mix(in srgb,var(--hz-pink-text) 40%,transparent);color:var(--amber, var(--hz-pink-text))}
html[data-rd] .score-verify-nudge__btn:hover{background:color-mix(in srgb,var(--hz-pink-text) 22%,transparent)}
html[data-rd] .tvx3d-shell,html[data-rd] .tvx3d{--brand-glow:color-mix(in srgb,var(--hz-link) 32%,transparent);--warn:var(--hz-pink-text);--danger:var(--hz-pink-text)}
html[data-rd] .tpf-skill-pill--prof-beginner{background:color-mix(in srgb,var(--hz-pink-text) 12%,transparent)}
html[data-rd] .tvx-skip{color:var(--hz-base)}
html[data-rd] .source-naukri{border-color:var(--hz-pink-text);color:var(--hz-pink-text)}
html[data-rd] .rec-save-count{color:var(--hz-link);background:color-mix(in srgb,var(--hz-link) 10%,transparent);border:1px solid color-mix(in srgb,var(--hz-link) 35%,transparent)}
html[data-rd] .ss-priv{background:var(--trust-pale,color-mix(in srgb,var(--hz-link) 10%,transparent))}
html[data-rd] .vd-strong{background:color-mix(in srgb,var(--hz-link) 16%,transparent);color:var(--hz-link)}
html[data-rd] .vd-good{background:color-mix(in srgb,var(--hz-link) 10%,transparent);color:var(--hz-link)}
html[data-rd] .vd-stretch{background:color-mix(in srgb,var(--hz-pink-text) 14%,transparent);color:var(--hz-pink-text)}
html[data-rd] .prof-banner{background:var(--hz-bar);color:var(--hz-base)}
html[data-rd] .comp-bar-fill{background:var(--hz-bar);color:var(--hz-base)}
html[data-rd] .status-active{background:var(--hz-bar);color:var(--hz-base)}
html[data-rd] .status-paused{background:var(--hz-pink);color:var(--hz-pink-ink)}
html[data-rd] .check-done{color:var(--hz-link)}
html[data-rd] .cand-card:hover{border-color:color-mix(in srgb,var(--hz-link) 25%,transparent)}
html[data-rd] .voice-row{border:1px solid color-mix(in srgb,var(--hz-pink-text) 14%,transparent)}
html[data-rd] :is([stop-color="rgba(17,211,137,0.22)" i],[stop-color="#11d389" i]){stop-color:var(--hz-link)}
html[data-rd] :is([stroke="#a78bfa" i],[stroke="#11d389" i],[stroke="#c4ff47" i],[stroke="#5de0e6" i],[stroke="rgba(16,185,129,.10)" i],[stroke="rgba(16,185,129,.07)" i],[stroke="#10b981" i]){stroke:var(--hz-link)}
html[data-rd] :is([stroke="#ff8e5c" i],[stroke="#ff9f0a" i]){stroke:var(--hz-pink-text)}
html[data-rd] :is([fill="#a78bfa" i],[fill="#c4ff47" i],[fill="#11d389" i],[fill="#5de0e6" i],[fill="#34a853" i],[fill="rgba(16,185,129,.10)" i],[fill="#10b981" i]){fill:var(--hz-link)}
html[data-rd] :is([fill="#ff8e5c" i],[fill="#ff9f0a" i],[fill="#fbbc05" i],[fill="#ea4335" i]){fill:var(--hz-pink-text)}
html[data-rd] [filter*="drop-shadow"]{filter:none}
html[data-rd] [style*="filter:drop-shadow(0 0 4px #a78bfa" i]{filter:drop-shadow(0 0 4px var(--hz-link))!important}
html[data-rd] [style*="filter:drop-shadow(0 0 4px #11d389" i]{filter:drop-shadow(0 0 4px var(--hz-link))!important}
html[data-rd] [style*="filter:drop-shadow(0 0 4px #ff8e5c" i]{filter:drop-shadow(0 0 4px var(--hz-pink-text))!important}
html[data-rd] [style*="background:#a78bfa" i]{background:var(--hz-bar)!important;color:var(--hz-base)!important}
html[data-rd] [style*="background:#11d389" i]{background:var(--hz-bar)!important;color:var(--hz-base)!important}
html[data-rd] [style*="background:#ff8e5c" i]{background:var(--hz-pink)!important;color:var(--hz-pink-ink)!important}
html[data-rd] [style*="background:#5de0e6" i]{background:var(--hz-bar)!important;color:var(--hz-base)!important}
html[data-rd] [style*="background:#ff9f0a" i]{background:var(--hz-pink)!important;color:var(--hz-pink-ink)!important}
html[data-rd] [style*="background:#c4ff47" i]{background:var(--hz-bar)!important;color:var(--hz-base)!important}
html[data-rd] [style*="--cl-color:#a78bfa" i]{--cl-color:var(--hz-link)!important}
html[data-rd] [style*="--cl-color:#11d389" i]{--cl-color:var(--hz-link)!important}
html[data-rd] [style*="--cl-color:#5de0e6" i]{--cl-color:var(--hz-link)!important}
html[data-rd] [style*="--cl-color:#ff8e5c" i]{--cl-color:var(--hz-pink-text)!important}
html[data-rd] [style*="--cl-color:#c4ff47" i]{--cl-color:var(--hz-link)!important}
html[data-rd] [style*="--cl-color:#ff9f0a" i]{--cl-color:var(--hz-pink-text)!important}
html[data-rd] [style*="border:1px solid rgba(255,100,100,0.2)" i]{border:1px solid color-mix(in srgb,var(--hz-pink-text) 20%,transparent)!important}
html[data-rd] [style*="--cl-color:#10b981" i]{--cl-color:var(--hz-link)!important}
html[data-rd] [style*="--cl-color:#22c55e" i]{--cl-color:var(--hz-link)!important}
html[data-rd] [style*="--cl-color:#f59e0b" i]{--cl-color:var(--hz-pink-text)!important}
html[data-rd] [style*="--cl-color:#fb923c" i]{--cl-color:var(--hz-pink-text)!important}
html[data-rd] [style*="--cl-color:#14b8a6" i]{--cl-color:var(--hz-link)!important}
html[data-rd] [style*="--cl-color:#c084fc" i]{--cl-color:var(--hz-link)!important}
html[data-rd] [style*="--cl-color:#34d399" i]{--cl-color:var(--hz-link)!important}
html[data-rd] [style*="--cl-color:#4ade80" i]{--cl-color:var(--hz-link)!important}
html[data-rd] [style*="color:#34c759" i]{color:var(--hz-link)!important}
html[data-rd] [style*="border:1px solid rgba(52,199,89,.35)" i]{border:1px solid color-mix(in srgb,var(--hz-link) 35%,transparent)!important}
html[data-rd] [style*="background:rgba(52,199,89,.08)" i]{background:color-mix(in srgb,var(--hz-link) 8%,transparent)!important}
html[data-rd] [style*="color:var(--tvx2-amber,#f59e0b" i]{color:var(--tvx2-amber,var(--hz-pink-text))!important}
html[data-rd] [style*="color:var(--tvx2-accent,#1ee3a0" i]{color:var(--tvx2-accent,var(--hz-link))!important}
html[data-rd] [style*="color:var(--trust,#22c55e" i]{color:var(--trust,var(--hz-link))!important}
html[data-rd] [style*="color:var(--risk,#ef4444" i]{color:var(--risk,var(--hz-pink-text))!important}
html[data-rd] [style*="color:var(--success, #22c55e" i]{color:var(--success, var(--hz-link))!important}
html[data-rd] [style*="background:var(--hl-cyan, #10b981" i]{background:var(--hl-cyan, var(--hz-link))!important}
html[data-rd] [style*="background:var(--brand,#34d399" i]{background:var(--brand,var(--hz-link))!important}
html[data-rd] [style*="background:var(--hl-cyan,#10b981" i]{background:var(--hl-cyan,var(--hz-link))!important}
html[data-rd] [style*="color:var(--brand,#34d399" i]{color:var(--brand,var(--hz-link))!important}
html[data-rd] [style*="border:1px solid rgba(239,68,68,0.25)" i]{border:1px solid color-mix(in srgb,var(--hz-pink-text) 25%,transparent)!important}
html[data-rd] [style*="color:#ef4444" i]{color:var(--hz-pink-text)!important}
html[data-rd] [style*="border:1px solid #ef4444" i]{border:1px solid var(--hz-pink-text)!important}
html[data-rd] [style*="border:1px solid rgba(17,211,137,0.25)" i]{border:1px solid color-mix(in srgb,var(--hz-link) 25%,transparent)!important}
html[data-rd] [style*="background:rgba(17,211,137,0.06)" i]{background:color-mix(in srgb,var(--hz-link) 6%,transparent)!important}
html[data-rd] [style*="border:1px solid rgba(17,211,137,0.2)" i]{border:1px solid color-mix(in srgb,var(--hz-link) 20%,transparent)!important}
html[data-rd] [style*="color:#11d389" i]{color:var(--hz-link)!important}
html[data-rd] [style*="color:#10b981" i]{color:var(--hz-link)!important}
html[data-rd] [style*="border:1px solid rgba(17,211,137,0.15)" i]{border:1px solid color-mix(in srgb,var(--hz-link) 15%,transparent)!important}
/* S5. /assistant page: keep the lede clear of the sun / moon (nothing sits over the orb) */
html[data-rd] :is(.as-eyebrow,.as-lede){max-width:min(31rem,100%)}
/* ===== end SECTION surfaces ===== */
/* ===== SECTION surfaces (addendum): press feedback, 1px rules ===== */
html[data-rd] :is(.tc-go,.tc-retry,.empty-state .es-cta,.tvx-skip):active{transform:scale(.97)}
html[data-rd] :is(.tc-go,.tc-retry){transition:transform 120ms var(--hz-out),background-color 180ms var(--hz-out)}
html[data-rd] .tc-news li{border-left-width:1px;border-left-color:var(--hz-line)}
/* ===== end SECTION surfaces (addendum) ===== */

/* ===== SECTION critic (2026-11-01 r1): cross-page polish from the 16-page critique. Append-only; every rule under html[data-rd]. ===== */
/* c1 home: ticker label sits above the track instead of floating over scrolling text */
html[data-rd] .marq-label{position:static;transform:none;margin:0 auto .9rem;width:max-content;background:transparent;color:var(--hz-ink2)}
html[data-rd] .marq{padding:1.1rem 0}
/* c2 home morning: keep the stat chips clear of the sun on desktop */
@media (min-width:1001px){html[data-rd] .stat-row{max-width:min(46vw,640px);flex-wrap:wrap}}
/* c3 offer: the one pink primary on the page */
html[data-rd] .offer-form .offer-submit{background:#FE81D1;color:#02070A;box-shadow:none;font-weight:700}
html[data-rd] .offer-form .offer-submit:hover{background:#ff93d9}
/* c4 company: serif statement headline, readable notice + footnote (sans, AA) */
html[data-rd] .cp-wrap h1.cp-headline{font-family:var(--hz-serif);font-weight:400;font-size:clamp(2.6rem,1.6rem + 4vw,4.5rem);line-height:1.02;letter-spacing:-.025em;-webkit-text-stroke:.01em currentColor;margin:.3em 0 .35em}
html[data-rd] .cid-card.cid-warm{font-family:var(--hz-sans);font-size:1rem;line-height:1.55;color:var(--hz-ink)}
html[data-rd] .cid-foot{font-family:var(--hz-sans);font-size:.8125rem;line-height:1.55;color:var(--hz-ink2);max-width:70ch}
/* c5 hiring-index: headline carries the scene's display scale */
html[data-rd] .hx-hero h1{font-size:clamp(2.25rem,1.4rem + 3vw,3.75rem);line-height:1.04;letter-spacing:-.025em;font-weight:400}
html[data-rd] .hx-hero p{font-size:1.0625rem;max-width:52ch}
/* ===== end SECTION critic ===== */
/* ===== SECTION critic (r2): palette-check offenders ===== */
html[data-rd] .split>.panel.cand,html[data-rd] .split>.panel.recr{background-image:none}
html[data-rd] form.bd-filters button{color:#02070A}
/* ===== end SECTION critic (r2) ===== */

/* ===== SECTION fixes-20261101 (hz3): verifier defects. Append-only; everything is flag-scoped (this file only loads under ?redesign=1). ===== */
/* F3 CLS: no late font swap. 'optional' = use the face only if it is ready inside the block window (all four are preloaded), else keep the metric-matched fallback for this view. */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:optional;src:url(/assets/fonts/instrument-serif-400.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:optional;src:url(/assets/fonts/instrument-serif-400i.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:optional;src:url(/assets/fonts/inter-latin-var.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:optional;src:url(/assets/fonts/jbmono-latin-var.woff2) format("woff2")}
@font-face{font-family:"HZ Serif Fallback";font-style:italic;src:local("Georgia Italic"),local("Georgia-Italic");size-adjust:88%;ascent-override:104%;descent-override:30%;line-gap-override:0%}
/* F1 contrast: legacy "emerald" fills resolve to the link blue (navy in the morning), so the old dark ink on them failed */
html[data-rd] :is(.cd-filters button,form.bd-filters button,.form-submit,.tmt-tail-cta,.tcr-cta-btn){color:#fff}
html[data-rd][data-ink=night] :is(.cd-filters button,form.bd-filters button,.form-submit,.tmt-tail-cta,.tcr-cta-btn){color:#02070A}
html[data-rd] .tpr-tier-pill{background:#FE81D1;color:#02070A}
html[data-rd] :is(h3,h4,p,li) .accent{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:var(--hz-pink-text)!important;color:var(--hz-pink-text)!important}
html[data-rd] .hx-cite{background:var(--hz-surface);color:var(--hz-ink)}
html[data-rd] .hx-eyebrow .dot{color:var(--hz-pink-text)}
html[data-rd] .hx-h .gen{color:var(--hz-ink)}
html[data-rd] .bd-cell-sub .bd-divider{opacity:1;color:var(--hz-ink2)}
/* F2 sun/moon: reserve the sky. The first screen keeps its orb; content starts 24px below the orb disc (sun 52px / moon 40px radius, worst of the two). */
html[data-rd]{--hz-clear:max(calc(18.45vh + 76px),calc(21.85vh + 64px))}
@media (max-width:640px){html[data-rd]{--hz-clear:calc(36vh - 77px)}}
html[data-rd] .topbar{margin-bottom:max(0px,calc(var(--hz-clear) - 69px))}
@media (max-width:640px){html[data-rd] .topbar{margin-bottom:max(0px,calc(var(--hz-clear) - 60px))}}
/* F4 off-palette leftovers: the legacy aurora blobs were emerald (opacity 0 but still in computed styles) */
html[data-rd] .aurora-blob:is(.b1,.b2,.b3,.b4){background:radial-gradient(circle,#105BFF,transparent 65%)}
html[data-rd] form.bd-filters button{color:#fff}
html[data-rd][data-ink=night] form.bd-filters button{color:#02070A}
/* ===== end SECTION fixes-20261101 ===== */
/* ===== SECTION fixes-20261101 (b): reserve the exact theme-switch footprint so the JS-injected control never shifts the nav ===== */
html[data-rd] .hz-slot{min-height:50px}
@media (min-width:1180px){html[data-rd] .hz-slot{min-width:308px}}
/* ===== end SECTION fixes-20261101 (b) ===== */
/* ===== SECTION fixes-20261101 (c): palette-law overrides for night tokens set later by tevos-horizon-fusion.css (#7ADBE6 hue 186 and aur1 rgb(20,200,208) hue 183 sit outside the blue 190-245 family). Higher specificity, so load order does not matter. ===== */
html[data-rd][data-hz][data-ink=night]:root{--hz-link:#6FBDD9}
html[data-rd][data-hz=night]:root{--hz-aur1:rgba(16,91,255,.3)}
/* ===== end SECTION fixes-20261101 (c) ===== */
/* ===== SECTION fixes-20261101 (d): gulf hero stat tile settles at 176px on phones; reserve it so the late layout pass cannot move the tiles below ===== */
@media (max-width:560px){html[data-rd] .gx-rdstats>.rd-tile:first-child{min-height:176px}}
/* ===== end SECTION fixes-20261101 (d) ===== */