/* =====================================================================
   Kerdos Capital — design system ("liquid glass", dark)
   One file for every token: color, radius, blur, shadow, spacing, motion.
   Pages keep their own data/render code; this file restyles everything.
   ===================================================================== */

:root{
  /* ---- base ---- */
  --bg-0:#07080C;
  --bg-1:#0B0D14;
  --ink:#ECEEF4;            /* primary text  (AA on glass: ~15:1) */
  --ink-2:#B6BBC8;          /* secondary     (~9:1)  */
  --muted:#8A90A0;          /* labels        (~5.6:1) */
  --faint:#5C6272;          /* decoration only, never text */

  /* ---- regime semantics (site-wide) ---- */
  --c-bull:#3DD68C;         /* Bullish   — emerald */
  --c-rec:#5CC8F0;          /* Recovery  — sky    */
  --c-neut:#A9B4CC;         /* Neutral   — silver */
  --c-corr:#F5B54A;         /* Correction— amber  */
  --c-bear:#F26D78;         /* Bearish   — red    */
  --up:#3DD68C;             /* positive change */
  --down:#F26D78;           /* negative change */
  --accent:var(--c-bull);   /* re-pointed per page by [data-regime] */
  --brand:#A78BFA;          /* brand violet: wordmark, data series */

  /* ---- glass ---- */
  --glass:rgba(255,255,255,.045);
  --glass-top:rgba(255,255,255,.075);
  --glass-strong:rgba(255,255,255,.09);
  --glass-inset:rgba(255,255,255,.035);  /* nested tiles: no extra blur */
  --glass-solid:#10121A;                  /* fallback without backdrop-filter */
  --stroke:rgba(255,255,255,.07);
  --stroke-2:rgba(255,255,255,.12);
  --spec-hi:rgba(255,255,255,.30);        /* specular edge, top-left */
  --spec-lo:rgba(255,255,255,.04);
  --blur:24px;
  --sat:160%;

  /* ---- radii ---- */
  --r-card:24px;
  --r-inner:16px;
  --r-sm:10px;
  --r-pill:999px;

  /* ---- shadow ---- */
  --shadow-card:0 1px 0 0 rgba(255,255,255,.05) inset, 0 24px 48px -24px rgba(0,0,0,.7), 0 4px 12px -2px rgba(0,0,0,.35);
  --shadow-lift:0 1px 0 0 rgba(255,255,255,.07) inset, 0 32px 64px -28px rgba(0,0,0,.8), 0 8px 20px -4px rgba(0,0,0,.4);
  --shadow-pop:0 12px 32px -8px rgba(0,0,0,.6);

  /* ---- spacing (4/8 grid) ---- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-7:32px; --s-8:40px; --s-9:56px; --s-10:72px;
  --pad-card:var(--s-6);
  --gap:var(--s-5);

  /* ---- type ---- */
  --f-ui:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-num:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --fs-body:15px;
  --fs-small:13px;
  --fs-label:11.5px;

  /* ---- motion ---- */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --dur-1:160ms;
  --dur-2:280ms;
  --dur-3:560ms;
  --dur-count:950ms;
  --stagger:70ms;
  --rise:10px;
  --orb-1:34s; --orb-2:41s; --orb-3:28s;

  /* ---- legacy names used by page scripts (charts read these; keep hex where noted) ---- */
  --bg:var(--bg-1); --surface:#12141C; --sunk:rgba(255,255,255,.05);
  --ink2:var(--ink-2); --line:rgba(255,255,255,.06); --line2:rgba(255,255,255,.12); --white:#fff;
  --bull:var(--c-bull); --rec:var(--c-rec); --neut:var(--c-neut); --corr:var(--c-corr); --bear:var(--c-bear);
  --bull-bg:rgba(61,214,140,.13); --rec-bg:rgba(92,200,240,.13); --neut-bg:rgba(169,180,204,.11); --corr-bg:rgba(245,181,74,.13); --bear-bg:rgba(242,109,120,.14);
  --band-bull:rgba(61,214,140,.09); --band-rec:rgba(92,200,240,.11); --band-neut:rgba(0,0,0,0); --band-corr:rgba(245,181,74,.09); --band-bear:rgba(242,109,120,.12);
  --s1:#A78BFA; --s2:#7E8496; --s3:#D6DAE4; --s4:#6D5BC4;
  --pos:#2FB57A; --neg:#D9505C; --mid:#1A1D27;   /* hex: parsed by heat-map code */
  --accent-ink:#0B0D14;
  --f-display:var(--f-ui); --f-body:var(--f-ui); --f-mono:var(--f-num);
  --r:var(--r-inner);
  color-scheme:dark;
}
[data-regime="Bullish"]{--accent:var(--c-bull)}
[data-regime="Recovery"]{--accent:var(--c-rec)}
[data-regime="Neutral"]{--accent:var(--c-neut)}
[data-regime="Correction"],[data-regime="Lagging"],[data-regime="Crash"]{--accent:var(--c-corr)}
[data-regime="Bearish"],[data-regime="Breakdown"]{--accent:var(--c-bear)}

/* =========================== base =========================== */
html{background:var(--bg-0);-webkit-text-size-adjust:100%}
html body{
  margin:0;min-height:100vh;color:var(--ink);font-family:var(--f-ui);font-size:var(--fs-body);line-height:1.6;
  background:radial-gradient(120% 80% at 50% -10%, #10131D 0%, var(--bg-1) 45%, var(--bg-0) 100%) fixed;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01" 1;
  overflow-x:hidden;
}
h1,h2,h3{font-family:var(--f-ui);letter-spacing:-.015em;font-stretch:normal;text-wrap:balance}
.mono,.num,td.n,th.n,.label,code{font-family:var(--f-num);font-variant-numeric:tabular-nums}
[class*="mono"],.chg,.stat b,.px,.big{font-variant-numeric:tabular-nums}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}
::selection{background:color-mix(in oklab,var(--accent) 40%,transparent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}

/* ---- ambient background: drifting orbs + grain ---- */
.k-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.k-bg i{position:absolute;border-radius:50%;will-change:transform}
.k-bg .o1{width:62vmax;height:62vmax;left:-18vmax;top:-22vmax;background:radial-gradient(closest-side,rgba(99,82,214,.30),rgba(99,82,214,0));animation:k-drift-1 var(--orb-1) var(--ease-io) infinite alternate}
.k-bg .o2{width:54vmax;height:54vmax;right:-20vmax;top:18vh;background:radial-gradient(closest-side,rgba(28,160,170,.18),rgba(28,160,170,0));animation:k-drift-2 var(--orb-2) var(--ease-io) infinite alternate}
.k-bg .o3{width:48vmax;height:48vmax;left:18vw;bottom:-30vmax;background:radial-gradient(closest-side,rgba(150,92,230,.16),rgba(150,92,230,0));animation:k-drift-3 var(--orb-3) var(--ease-io) infinite alternate}
.k-bg .k-grain{position:absolute;inset:-50%;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
@keyframes k-drift-1{to{transform:translate3d(12vmax,9vmax,0) scale(1.08)}}
@keyframes k-drift-2{to{transform:translate3d(-10vmax,12vmax,0) scale(.94)}}
@keyframes k-drift-3{to{transform:translate3d(8vmax,-10vmax,0) scale(1.1)}}

/* ---- layout shell ---- */
html body .wrap{
  max-width:min(1440px,100%);margin:0 auto;box-sizing:border-box;
  padding:calc(var(--s-10) + 12px) max(var(--s-4),env(safe-area-inset-right,0px)) var(--s-10) max(var(--s-4),env(safe-area-inset-left,0px));
  display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr)
}
@media (min-width:760px){html body .wrap{padding-left:var(--s-7);padding-right:var(--s-7)}}
@media (min-width:1280px){html body .wrap{padding-left:var(--s-9);padding-right:var(--s-9)}}
main#main{gap:var(--gap)!important}

/* =========================== glass =========================== */
.k-glass,.panel,.desk,.ox .oxp{
  position:relative;isolation:isolate;
  background:linear-gradient(180deg,var(--glass-top),var(--glass) 38%,rgba(255,255,255,.025));
  -webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));
  border:0;border-radius:var(--r-card);box-shadow:var(--shadow-card);
  transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out);
}
.k-glass::before,.panel::before,.desk::before,.ox .oxp::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:1;
  background:linear-gradient(140deg,var(--spec-hi),rgba(255,255,255,.08) 22%,var(--spec-lo) 50%,rgba(255,255,255,.06) 85%,rgba(255,255,255,.12));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:.75;transition:opacity var(--dur-2) var(--ease-out)
}
@media (hover:hover) and (pointer:fine){
  .panel:hover,.desk:hover,.k-glass.k-lift:hover{box-shadow:var(--shadow-lift)}
  .k-done.panel:hover,.k-done.desk:hover{transform:translateY(-2px)}
  .panel:hover::before,.desk:hover::before,.k-glass:hover::before{opacity:1}
}
.panel{padding:var(--pad-card);min-width:0}
@media (max-width:560px){.panel{padding:var(--s-5)} :root{--r-card:20px;--blur:18px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .k-glass,.panel,.desk,.ox .oxp,.k-nav .k-bar{background:var(--glass-solid)}
}

/* =========================== reveal + motion =========================== */
.k-js .k-rv{opacity:0;transform:translate3d(0,var(--rise),0)}
.k-js .k-rv.k-in{opacity:1;transform:none;transition:opacity var(--dur-3) var(--ease-out) calc(var(--k-i,0)*var(--stagger)),transform var(--dur-3) var(--ease-out) calc(var(--k-i,0)*var(--stagger)),box-shadow var(--dur-2) var(--ease-out)}
.k-js .k-rv.k-done{transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}
@media (prefers-reduced-motion:reduce){
  .k-bg i{animation:none}
  .k-js .k-rv{opacity:1;transform:none}
  *,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important}
}

/* =========================== nav =========================== */
.k-nav{position:fixed;top:12px;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:0 max(12px,env(safe-area-inset-left,0px));pointer-events:none}
.k-nav .k-bar{
  pointer-events:auto;width:min(1440px,100%);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);
  height:56px;padding:0 8px 0 22px;border-radius:var(--r-pill);position:relative;
  background:rgba(14,16,24,.55);-webkit-backdrop-filter:blur(20px) saturate(var(--sat));backdrop-filter:blur(20px) saturate(var(--sat));
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 10px 30px -12px rgba(0,0,0,.6);
  transition:background var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)
}
.k-nav .k-bar::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.05));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.k-nav.is-scrolled .k-bar{background:rgba(12,14,21,.82);box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 16px 40px -14px rgba(0,0,0,.8)}
@media (min-width:1280px){.k-nav{padding:0 var(--s-9)}}
@media (min-width:760px) and (max-width:1279px){.k-nav{padding:0 var(--s-7)}}

.k-word{display:inline-flex;align-items:baseline;gap:.55em;text-decoration:none;white-space:nowrap;font-family:var(--f-ui);font-weight:500;font-size:13px;letter-spacing:.34em;text-transform:uppercase;line-height:1;
  background:linear-gradient(100deg,#FFFFFF 0%,#D9DDE8 38%,#9AA1B4 52%,#E6E9F1 66%,#FFFFFF 100%);background-size:220% 100%;background-position:0 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1.2s var(--ease-out)}
.k-word b{font-weight:600}
.k-word span{font-weight:400;opacity:.8}
.k-word:hover{background-position:100% 0}

.k-links{position:relative;display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--r-pill)}
.k-links a{position:relative;z-index:1;color:var(--ink-2);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:-.005em;padding:8px 16px;border-radius:var(--r-pill);transition:color var(--dur-1) var(--ease-out)}
.k-links a:hover{color:var(--ink)}
.k-links a[aria-current="page"]{color:#fff}
.k-ind{position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:0;border-radius:var(--r-pill);opacity:0;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 0 0 1px rgba(255,255,255,.06) inset,0 6px 18px -6px color-mix(in oklab,var(--accent) 55%,transparent);
  transition:transform 420ms var(--ease-out),width 420ms var(--ease-out),opacity var(--dur-1)}
.k-menu-btn{display:none;appearance:none;border:0;background:rgba(255,255,255,.06);color:var(--ink);width:40px;height:40px;border-radius:50%;cursor:pointer;align-items:center;justify-content:center}
.k-menu-btn svg{width:18px;height:18px;transition:transform var(--dur-2) var(--ease-out)}
.k-nav.is-open .k-menu-btn svg{transform:rotate(90deg)}
@media (max-width:719px){
  .k-nav{top:8px}
  .k-nav .k-bar{height:52px;padding:0 6px 0 18px;flex-wrap:wrap}
  .k-word{font-size:12px;letter-spacing:.28em}
  .k-menu-btn{display:inline-flex}
  .k-links{position:absolute;left:0;right:0;top:calc(100% + 8px);flex-direction:column;align-items:stretch;gap:2px;padding:8px;border-radius:22px;
    background:rgba(14,16,24,.92);-webkit-backdrop-filter:blur(20px) saturate(var(--sat));backdrop-filter:blur(20px) saturate(var(--sat));
    box-shadow:0 1px 0 rgba(255,255,255,.07) inset,var(--shadow-pop);
    opacity:0;transform:translate3d(0,-8px,0) scale(.98);transform-origin:top center;pointer-events:none;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}
  .k-nav.is-open .k-links{opacity:1;transform:none;pointer-events:auto}
  .k-links a{padding:12px 14px;font-size:15px}
  .k-links a[aria-current="page"]{background:rgba(255,255,255,.08)}
  .k-ind{display:none}
}
/* the old in-flow nav (replaced by .k-nav) */
nav.site{display:none!important}

/* =========================== page header =========================== */
.mast.sub{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-3) var(--s-6);border:0;padding:var(--s-4) 0 var(--s-2)}
.mast.sub h1{font-size:clamp(28px,3.4vw,40px);font-weight:600;letter-spacing:-.03em;color:var(--ink);margin:0 0 6px;line-height:1.05}
.label,.lab,.ox .lab{font-family:var(--f-num);font-size:var(--fs-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mast .meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}
.mast .meta span{font-family:var(--f-num);font-size:11.5px;color:var(--ink-2);padding:5px 10px;border-radius:var(--r-pill);background:var(--glass-inset);box-shadow:0 0 0 1px var(--stroke) inset;white-space:nowrap}
.loading{padding:var(--s-10) 0;text-align:center;color:var(--muted);font-family:var(--f-num);font-size:12px;letter-spacing:.1em;text-transform:uppercase}

/* =========================== shared components =========================== */
.phead{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-4)}
h2{font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin:0}
h3{font-size:15px;font-weight:600;color:var(--ink);margin:0}
.muted{color:var(--muted)} .ink2{color:var(--ink-2)}
.up{color:var(--up)} .dn{color:var(--down)}
.note{font-size:13px;line-height:1.55;color:var(--muted);max-width:76ch}
.err{color:var(--c-bear)}

/* chips & pills */
.pill,.k-chip{display:inline-flex;align-items:center;gap:8px;border-radius:var(--r-pill);padding:4px 12px 4px 10px;font-weight:500;font-size:13px;line-height:1.4;background:var(--glass-inset);box-shadow:0 0 0 1px var(--stroke) inset;color:var(--ink-2)}
.pill::before,.k-chip.dot::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.pill.Bullish,.k-chip.Bullish{color:var(--c-bull);background:var(--bull-bg)}
.pill.Recovery,.k-chip.Recovery{color:var(--c-rec);background:var(--rec-bg)}
.pill.Neutral,.k-chip.Neutral{color:var(--c-neut);background:var(--neut-bg)}
.pill.Correction,.k-chip.Correction,.pill.Lagging,.pill.Crash{color:var(--c-corr);background:var(--corr-bg)}
.pill.Bearish,.k-chip.Bearish,.pill.Breakdown{color:var(--c-bear);background:var(--bear-bg)}
.chip{font-family:var(--f-num);font-size:11.5px;border:0;box-shadow:0 0 0 1px var(--stroke-2) inset;border-radius:var(--r-pill);padding:3px 10px;color:var(--ink-2)}
.chip.live{box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 60%,transparent) inset;color:var(--accent)}

/* segmented controls (chart ranges, tabs) */
.seg{display:inline-flex;gap:2px;padding:3px;border:0;border-radius:var(--r-pill);background:var(--glass-inset);box-shadow:0 0 0 1px var(--stroke) inset;overflow:visible}
.seg button{font:inherit;font-family:var(--f-num);font-size:12px;background:transparent;color:var(--ink-2);border:0!important;padding:5px 12px;border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-1),color var(--dur-1)}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed="true"]{background:rgba(255,255,255,.12);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.14) inset}
.tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;margin:0 0 var(--s-5);border:0!important;border-radius:var(--r-pill);background:var(--glass-inset);box-shadow:0 0 0 1px var(--stroke) inset;width:max-content;max-width:100%}
.tabs button{font:inherit;font-size:13.5px;font-weight:500;background:transparent;border:0!important;margin:0!important;color:var(--ink-2);padding:7px 14px;border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-1),color var(--dur-1)}
.tabs button:hover{color:var(--ink)}
.tabs button[aria-selected="true"]{background:rgba(255,255,255,.11);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.14) inset}
@media (max-width:560px){.tabs{border-radius:16px;width:auto}}

/* tables */
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:14px;background:none;border:0}
th{font-family:var(--f-num);font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px 10px;border-bottom:1px solid var(--stroke-2);white-space:nowrap}
td{padding:10px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
tbody tr{transition:background var(--dur-1)}
tbody tr:hover{background:rgba(255,255,255,.025)}
td.n,th.n{text-align:right;white-space:nowrap}
td.hl{color:#fff;font-weight:600}
tr.grp td{background:rgba(255,255,255,.03);font-family:var(--f-num);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding:7px 10px}
.heat table{border-collapse:separate;border-spacing:3px}
.heat td{border:0!important;border-radius:6px;font-family:var(--f-num)}

/* signal bars / meters */
.track,.sig,.meter .track{background:rgba(255,255,255,.06)!important;border-radius:var(--r-pill)}
.track .bar,.sig i{border-radius:var(--r-pill)}
.track .bar.p{background:linear-gradient(90deg,color-mix(in oklab,var(--up) 55%,transparent),var(--up))}
.track .bar.n{background:linear-gradient(270deg,color-mix(in oklab,var(--down) 55%,transparent),var(--down))}
.track .zero,.sig::after{background:rgba(255,255,255,.18)!important}
.meter{border-bottom:1px solid var(--line)!important;padding:9px 0!important}
.meter .nm{font-weight:500}
.meter .v,.meter .nm small{font-family:var(--f-num)}

/* key-value lists, ladders, bars */
.kv{gap:8px 16px!important;font-size:14px}
.kv dt{color:var(--ink-2)} .kv dd{font-family:var(--f-num)}
.rung{padding:8px 0!important;font-size:14px}
.rung + .rung{border-top:1px solid var(--line)!important}
.rung.now{background:color-mix(in oklab,var(--accent) 14%,transparent)!important;box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 35%,transparent) inset;border-radius:12px!important;padding:10px 12px!important;margin:4px -12px!important;font-weight:600}
.cbar .t{background:rgba(255,255,255,.06)!important;border-radius:var(--r-pill)!important}
.cbar .t i{background:rgba(255,255,255,.18)!important;border-radius:var(--r-pill)!important}
.cbar.cur .t i{background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 50%,transparent),var(--accent))!important}
.finding{border-top:1px solid var(--stroke)!important;padding-top:var(--s-3)!important}
.finding p{color:var(--ink-2);font-size:14px;line-height:1.6}
.finding .fig{font-family:var(--f-num)}
.prose{font-size:15px;line-height:1.65;color:var(--ink-2)}
.icrow{border-bottom:1px solid var(--line)!important}
.ladder4{display:none!important} /* replaced by .k-seg on redesigned pages */

/* charts */
.chart .ax,.gauge .ax{font-family:var(--f-num);font-size:10.5px;fill:var(--muted)}
.chart .grid{stroke:rgba(255,255,255,.05)}
.chart .base{stroke:rgba(255,255,255,.14)}
.legend{font-size:12.5px;color:var(--ink-2);gap:6px 18px!important;margin-bottom:10px!important}
.legend i{height:3px;border-radius:2px}
.tip{background:rgba(14,16,24,.88)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:0!important;border-radius:12px!important;
  box-shadow:0 0 0 1px var(--stroke-2) inset,var(--shadow-pop)!important;padding:9px 11px!important;font-size:12.5px!important}
.tip .h{font-family:var(--f-num)}
.tip b{font-weight:500}

/* footer */
.foot.pub{display:grid;gap:var(--s-5);border-top:0!important;margin-top:var(--s-8);padding:var(--s-7) 0 0!important;position:relative;font-size:13px;color:var(--muted)}
.foot.pub::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}
.foot.pub .ft{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.foot.pub .ft .wordmark{font-family:var(--f-ui);font-size:12px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.foot.pub .ft .wordmark span{color:var(--muted);font-weight:400}
.foot.pub .fl{display:flex;flex-wrap:wrap;gap:4px 18px}
.foot.pub .fl a{color:var(--ink-2);text-decoration:none}
.foot.pub .fl a:hover{color:#fff}
.foot.pub .disc{display:grid;gap:10px;max-width:92ch;line-height:1.6}
.foot.pub .disc b{color:var(--ink-2);font-weight:600}
.hyp{font-family:var(--f-num);border:0!important;box-shadow:0 0 0 1px var(--stroke-2) inset}

/* options panel (shared widget) */
.ox .oxh h2{font-size:18px;font-weight:600;letter-spacing:-.015em}
.ox .st{border-top:1px solid var(--stroke)!important}
.ox .st b{font-family:var(--f-num)}
.ox .seg{gap:2px}
.ox .row .pb span{background:var(--down)} .ox .row .cb span{background:var(--up)}
.ox details{color:var(--ink-2)}

/* =====================================================================
   Desk hero (redesigned pages)
   ===================================================================== */
.k-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--gap);position:relative}
@media (max-width:980px){.k-hero{grid-template-columns:minmax(0,1fr)}}
.k-glow{position:absolute;z-index:-1;left:-6%;top:-18%;width:62%;height:120%;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in oklab,var(--accent) 34%,transparent),transparent);opacity:.55;filter:blur(10px);transition:opacity 1.2s var(--ease-out)}
.k-main{display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-7)!important}
@media (max-width:560px){.k-main{padding:var(--s-5)!important}}
.k-regime{font-family:var(--f-ui);font-weight:600;letter-spacing:-.04em;line-height:.95;font-size:clamp(56px,7.6vw,104px);margin:var(--s-2) 0 0;
  color:var(--accent);
  background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 30%,#fff) 0%,var(--accent) 62%,color-mix(in oklab,var(--accent) 80%,#000) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.k-since{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;color:var(--ink-2);font-size:14px}
.k-since .num{color:var(--ink)}
.k-expo{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--s-2) var(--s-5)}
.k-expo .v{font-family:var(--f-num);font-size:34px;font-weight:500;letter-spacing:-.02em;color:var(--ink);line-height:1}
.k-expo .bar{height:6px;border-radius:var(--r-pill);background:rgba(255,255,255,.07);overflow:hidden;position:relative}
.k-expo .bar i{position:absolute;inset:0;border-radius:inherit;transform-origin:left center;transform:scaleX(var(--x,0));
  background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 40%,transparent),var(--accent));box-shadow:0 0 14px color-mix(in oklab,var(--accent) 60%,transparent);transition:transform 1.1s var(--ease-out) .25s}
.k-js .k-rv:not(.k-in) .k-expo .bar i{transform:scaleX(0)}
.k-expo .cap{grid-column:1/-1;font-size:13px;color:var(--muted)}

.k-price{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-4);padding-top:var(--s-5);border-top:1px solid var(--stroke)}
.k-price .big{font-family:var(--f-num);font-size:clamp(30px,3.2vw,40px);font-weight:500;letter-spacing:-.03em;color:#fff;line-height:1}
.k-pills{display:flex;flex-wrap:wrap;gap:6px}
.k-delta{font-family:var(--f-num);font-size:12px;font-weight:500;padding:4px 9px;border-radius:var(--r-pill);white-space:nowrap;background:rgba(255,255,255,.05);color:var(--ink-2)}
.k-delta small{font-size:10.5px;opacity:.7;margin-left:4px;letter-spacing:.04em}
.k-delta.up{color:var(--up);background:color-mix(in oklab,var(--up) 14%,transparent)}
.k-delta.dn{color:var(--down);background:color-mix(in oklab,var(--down) 14%,transparent)}

/* regime segmented control */
.k-seg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;border-radius:18px;background:rgba(0,0,0,.22);box-shadow:0 0 0 1px var(--stroke) inset}
.k-seg div{position:relative;border-radius:14px;padding:10px 8px 9px;text-align:center;min-width:0;transition:background var(--dur-2)}
.k-seg b{display:block;font-size:12.5px;font-weight:500;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-seg span{display:block;font-family:var(--f-num);font-size:11px;color:var(--muted);margin-top:2px}
.k-seg div.on{background:color-mix(in oklab,var(--c) 16%,rgba(255,255,255,.04));box-shadow:0 0 0 1px color-mix(in oklab,var(--c) 55%,transparent) inset,0 8px 24px -8px color-mix(in oklab,var(--c) 70%,transparent),0 1px 0 rgba(255,255,255,.12) inset}
.k-seg div.on b{color:var(--c)} .k-seg div.on span{color:var(--ink)}
.k-seg [data-r="Bullish"]{--c:var(--c-bull)} .k-seg [data-r="Recovery"]{--c:var(--c-rec)} .k-seg [data-r="Neutral"]{--c:var(--c-neut)} .k-seg [data-r="Correction"]{--c:var(--c-corr)} .k-seg [data-r="Bearish"]{--c:var(--c-bear)}
@media (max-width:480px){.k-seg div{padding:9px 2px 8px}.k-seg b{font-size:11px;letter-spacing:-.01em}.k-seg span{font-size:10px}}

/* score card */
.k-score{display:flex;flex-direction:column;gap:var(--s-6);padding:var(--s-7)!important;overflow:hidden}
@media (max-width:560px){.k-score{padding:var(--s-5)!important;gap:var(--s-5)}}
.k-score-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-2) var(--s-4)}
.k-score-val{font-family:var(--f-num);font-size:clamp(32px,3.4vw,44px);font-weight:500;letter-spacing:-.03em;color:#fff;line-height:1}
.k-score-val small{font-size:13px;color:var(--muted);letter-spacing:0;margin-left:10px;font-weight:400}

.k-gauge{position:relative;padding:40px 0 40px}
.k-gauge .trk{position:relative;height:10px;border-radius:var(--r-pill)}
.k-gauge .fill{position:absolute;inset:0;border-radius:inherit;opacity:.9;
  background:linear-gradient(90deg,var(--c-bear) 0%,#C77683 20%,#8E96AA 42%,#A9B4CC 52%,#7FC8A4 72%,var(--c-bull) 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 0 24px -6px rgba(61,214,140,.3)}
.k-gauge .fill::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 60%);mix-blend-mode:overlay}
.k-gauge .tick{position:absolute;top:-6px;bottom:-6px;width:2px;margin-left:-1px;border-radius:2px;background:rgba(255,255,255,.8);box-shadow:0 0 0 2px rgba(11,13,20,.55)}
.k-gauge .tlab{position:absolute;top:22px;transform:translateX(8px);font-family:var(--f-num);font-size:10.5px;letter-spacing:.08em;white-space:nowrap;color:var(--muted);text-transform:uppercase}
.k-gauge .tlab b{font-weight:500;color:var(--ink-2);letter-spacing:0}
.k-gauge .ax{position:absolute;top:22px;font-family:var(--f-num);font-size:10.5px;color:var(--muted)}
.k-gauge .ax.l{left:0} .k-gauge .ax.r{right:0}
.k-gauge .mk{position:absolute;inset:0;transform:translate3d(var(--p0,50%),0,0);transition:transform 1.2s var(--ease-out) .2s;pointer-events:none}
.k-gauge .mk.k-go{transform:translate3d(var(--p),0,0)}
.k-gauge .mk i{position:absolute;left:0;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 4px rgba(11,13,20,.75),0 0 18px 4px color-mix(in oklab,var(--accent) 80%,transparent)}
.k-gauge .mk.ghost i{width:12px;height:12px;margin:-6px 0 0 -6px;background:rgba(11,13,20,.6);border:2px solid rgba(255,255,255,.6);box-shadow:none;box-sizing:border-box}
.k-gauge .mk em{position:absolute;left:0;bottom:calc(100% + 12px);transform:translateX(-50%);font-style:normal;font-family:var(--f-num);font-size:12px;font-weight:500;color:#fff;
  padding:3px 9px;border-radius:var(--r-pill);background:rgba(255,255,255,.1);box-shadow:0 0 0 1px rgba(255,255,255,.16) inset;white-space:nowrap}
.k-gauge-key{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--muted)}
.k-gauge-key span{display:inline-flex;align-items:center;gap:8px}
.k-gauge-key i{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 8px color-mix(in oklab,var(--accent) 80%,transparent)}
.k-gauge-key i.g{background:transparent;border:2px solid rgba(255,255,255,.55);box-shadow:none;width:8px;height:8px}
.k-gauge-key i.t{width:2px;height:12px;border-radius:2px;background:rgba(255,255,255,.75);box-shadow:none}
.k-gauge-key .num{color:var(--ink-2)}

.k-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2)}
@media (max-width:640px){.k-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.k-stat{border-radius:var(--r-inner);padding:var(--s-4);background:var(--glass-inset);box-shadow:0 0 0 1px var(--stroke) inset;min-width:0}
.k-stat b{display:block;font-family:var(--f-num);font-size:clamp(20px,1.9vw,26px);font-weight:500;letter-spacing:-.02em;color:#fff;line-height:1.1;white-space:nowrap}
.k-stat span{display:block;margin-top:6px;font-size:12.5px;line-height:1.35;color:var(--muted)}

.k-spark{border-radius:var(--r-inner);padding:var(--s-4) var(--s-4) var(--s-2);background:var(--glass-inset);box-shadow:0 0 0 1px var(--stroke) inset}
.k-spark .hd{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-2)}
.k-spark svg{display:block;width:100%;height:auto;overflow:visible}
.k-spark .ln{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.k-js .k-rv:not(.k-in) .k-spark .ln{stroke-dashoffset:1}
.k-js .k-rv.k-in .k-spark .ln{transition:stroke-dashoffset 1.6s var(--ease-out) .35s}
.k-spark .area{opacity:1;transition:opacity 1s var(--ease-out) .9s}
.k-js .k-rv:not(.k-in) .k-spark .area{opacity:0}
.k-spark .thr{stroke-width:1;stroke-dasharray:3 4}
.k-spark .tx{font-family:var(--f-num);font-size:10.5px;fill:var(--muted)}

/* drivers */
.k-drivers{display:grid;gap:0}
.k-drv{display:grid;grid-template-columns:150px 56px minmax(0,1fr);align-items:center;gap:var(--s-4);padding:14px 4px;border-bottom:1px solid var(--line)}
.k-drv:last-of-type{border-bottom:0}
.k-drv .nm{display:flex;align-items:baseline;gap:10px;font-weight:500;color:var(--ink)}
.k-drv .nm i{width:8px;height:8px;border-radius:50%;flex:none;align-self:center;background:var(--c);box-shadow:0 0 10px var(--c)}
.k-drv .val{font-family:var(--f-num);font-size:13px;color:var(--c);text-align:right}
.k-drv .tx{font-size:14px;color:var(--ink-2);line-height:1.5}
.k-drv .tx b{font-weight:500;color:var(--ink)}
.k-drv[data-s="pos"]{--c:var(--up)} .k-drv[data-s="neg"]{--c:var(--down)} .k-drv[data-s="flat"]{--c:var(--c-neut)}
@media (max-width:640px){.k-drv{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.k-drv .tx{grid-column:1/-1}}
.k-flip{margin-top:var(--s-4);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-3) var(--s-5);align-items:start;padding:var(--s-5);border-radius:var(--r-inner);
  background:color-mix(in oklab,var(--accent) 8%,rgba(255,255,255,.02));box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 22%,transparent) inset}
.k-flip .k-dist{display:flex;flex-wrap:wrap;gap:8px}
.k-flip .k-dist span{font-family:var(--f-num);font-size:12.5px;padding:5px 11px;border-radius:var(--r-pill);background:rgba(255,255,255,.05);color:var(--ink-2);white-space:nowrap}
.k-flip .k-dist span b{font-weight:500}
.k-flip .k-dist .to-bull b{color:var(--c-bull)} .k-flip .k-dist .to-bear b{color:var(--c-bear)}
.k-flip p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.55}
@media (max-width:640px){.k-flip{grid-template-columns:minmax(0,1fr)}}

/* catalysts */
.k-news{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.k-news li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-2) var(--s-5);align-items:center;padding:14px 16px;border-radius:var(--r-inner);
  background:rgba(255,255,255,.02);box-shadow:0 0 0 1px var(--line) inset;transition:background var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),transform var(--dur-2) var(--ease-out)}
.k-news li:hover{background:rgba(255,255,255,.045);box-shadow:0 0 0 1px var(--stroke-2) inset}
.k-news .t{font-size:14.5px;line-height:1.55;color:var(--ink)}
.k-news .src{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-num);font-size:11.5px;letter-spacing:.04em;color:var(--ink-2);text-decoration:none;padding:5px 10px;border-radius:var(--r-pill);background:rgba(255,255,255,.05);white-space:nowrap}
.k-news .src:hover{color:#fff;background:rgba(255,255,255,.1)}
.k-news .src svg{width:11px;height:11px;opacity:.7}
.k-news .when{display:block;margin-top:4px;font-family:var(--f-num);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
@media (max-width:560px){.k-news li{grid-template-columns:minmax(0,1fr)}.k-news .src{justify-self:start}}

/* section grids from legacy pages */
.grid2,.grid3{gap:var(--gap)!important}
.k-gauge .tlab.l{transform:translateX(calc(-100% - 8px))}
/* regime history track (same treatment as the score gauge) */
.k-hist{margin-top:auto;display:grid;gap:10px}
.k-hist .trk{position:relative;height:10px;border-radius:var(--r-pill)}
.k-hist .fill{position:absolute;inset:0;border-radius:inherit;opacity:.9;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 0 22px -8px color-mix(in oklab,var(--accent) 60%,transparent)}
.k-hist .fill::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 60%);mix-blend-mode:overlay}
.k-hist .hits{position:absolute;inset:-6px 0;display:flex}
.k-hist .hits i{display:block;height:100%;min-width:0}
.k-hist .end{position:absolute;right:0;top:50%;width:12px;height:12px;margin:-6px -6px 0 0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(11,13,20,.7),0 0 14px 3px color-mix(in oklab,var(--accent) 75%,transparent)}
.k-hist .ax{display:flex;justify-content:space-between;font-family:var(--f-num);font-size:11px;color:var(--muted)}
.k-hist .hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.k-hist .hd .mono{font-size:12px;color:var(--ink-2)}
.ox .oxp{padding:var(--pad-card)!important}
@media (max-width:560px){.ox .oxp{padding:var(--s-5)!important}}
.k-spark .hd .mono{white-space:nowrap}
@media (max-width:560px){.k-gauge .ax{display:none}}
@media (max-width:480px){.k-seg{gap:2px;padding:3px}.k-seg div{padding:9px 0 8px}.k-seg b{font-size:10.5px;letter-spacing:-.02em;overflow:visible;text-overflow:clip}}

/* quotes inside a hero (two tickers) */
.k-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--stroke)}
.k-quotes .tk{font-family:var(--f-num);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.k-quotes .big{display:block;font-family:var(--f-num);font-size:clamp(26px,2.6vw,34px);font-weight:500;letter-spacing:-.03em;color:#fff;line-height:1;margin-bottom:10px}
@media (max-width:520px){.k-quotes{grid-template-columns:minmax(0,1fr)}}
/* 8-state selector (high beta) */
.k-seg.k-seg8{grid-template-columns:repeat(4,minmax(0,1fr))}
/* key-value list inside glass */
.k-kv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;margin:0}
.k-kv dt,.k-kv dd{padding:10px 0;border-bottom:1px solid var(--line);margin:0;font-size:14px}
.k-kv dt{color:var(--ink-2)} .k-kv dd{font-family:var(--f-num);text-align:right;color:var(--ink)}
.k-kv dt:last-of-type,.k-kv dd:last-of-type{border-bottom:0}
/* desk cards on the overview: gradient regime word */
.desk .call{--c:var(--accent);background:linear-gradient(180deg,color-mix(in oklab,var(--c) 30%,#fff) 0%,var(--c) 62%,color-mix(in oklab,var(--c) 80%,#000) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600!important;letter-spacing:-.04em!important;font-stretch:normal!important;padding-bottom:.06em}
.desk .c-Bullish{--c:var(--c-bull)} .desk .c-Recovery{--c:var(--c-rec)} .desk .c-Neutral{--c:var(--c-neut)} .desk .c-Correction,.desk .c-Lagging,.desk .c-Crash{--c:var(--c-corr)} .desk .c-Bearish,.desk .c-Breakdown{--c:var(--c-bear)}
.desk .meter{height:6px;border-radius:var(--r-pill);background:rgba(255,255,255,.07)}
.desk .meter i{background:linear-gradient(90deg,color-mix(in oklab,var(--brand) 45%,transparent),var(--brand));box-shadow:0 0 12px color-mix(in oklab,var(--brand) 55%,transparent)}
.desk .go,.go{border-radius:var(--r-pill)!important;background:linear-gradient(180deg,#fff,#D9DDE8)!important;color:#0B0D14!important;font-weight:600;box-shadow:0 6px 18px -8px rgba(255,255,255,.5);transition:transform var(--dur-1) var(--ease-out)}
.go:hover{transform:translateY(-1px)}
.intro h1{font-size:clamp(40px,5.4vw,72px)!important;font-weight:600!important;letter-spacing:-.04em!important;font-stretch:normal!important;line-height:1}
.intro p{font-size:17px!important;line-height:1.6;color:var(--ink-2)!important;max-width:68ch}
.desks{gap:var(--gap)!important}
.desk{padding:var(--s-7)!important;gap:var(--s-5)!important}
.strip .bar{height:10px!important;border-radius:var(--r-pill)!important}
.q .px{font-family:var(--f-num)!important;font-weight:500!important;letter-spacing:-.02em}
.q .ch,.expo b{font-family:var(--f-num)}

.desk:has(.c-Bullish) .meter i{--b:var(--c-bull)} .desk:has(.c-Recovery) .meter i{--b:var(--c-rec)} .desk:has(.c-Neutral) .meter i{--b:var(--c-neut)}
.desk:has(.c-Correction) .meter i,.desk:has(.c-Lagging) .meter i,.desk:has(.c-Crash) .meter i{--b:var(--c-corr)} .desk:has(.c-Bearish) .meter i,.desk:has(.c-Breakdown) .meter i{--b:var(--c-bear)}
.desk .meter i{background:linear-gradient(90deg,color-mix(in oklab,var(--b,var(--brand)) 45%,transparent),var(--b,var(--brand)))!important;box-shadow:0 0 12px color-mix(in oklab,var(--b,var(--brand)) 55%,transparent)}
.k-seg [data-r="Lagging"]{--c:var(--c-corr)} .k-seg [data-r="Crash"]{--c:#E0904A} .k-seg [data-r="Breakdown"]{--c:var(--c-bear)}
/* overview: tables sitting directly in a section get a glass card */
#mport>.tblwrap,#record,.ox[data-mode="summary"]{position:relative;padding:var(--s-2) var(--s-5);border-radius:var(--r-card);
  background:linear-gradient(180deg,var(--glass-top),var(--glass) 38%,rgba(255,255,255,.025));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));box-shadow:var(--shadow-card),0 0 0 1px rgba(255,255,255,.07) inset}
#record table,#mport table{background:none!important;border:0!important}
.ox[data-mode="summary"]>p{padding:0 0 var(--s-3)}
@media (max-width:560px){#mport>.tblwrap,#record,.ox[data-mode="summary"]{padding:var(--s-1) var(--s-3)}}
@media (max-width:560px){.k-flip .k-dist span{white-space:normal}.k-flip{padding:var(--s-4)}}
.k-flip>div{min-width:0}