/* The Claude Trader — shared design system (v2, graphite). Every page links this first: stockgrid pages via _head.html,
   the paper-portfolio app and the chart-pattern/prediction pages via <link rel="stylesheet" href="/ct.css">.
   Page-specific styles live in ct-<page>.css files and must only USE these tokens, never redefine them. */
:root{
  color-scheme:dark;
  /* surfaces: layered graphite, darkest at the back */
  --ct-bg:#0f1113;--ct-surface-1:#15181b;--ct-surface-2:#1b1f23;--ct-surface-3:#232830;--ct-overlay:rgba(8,10,12,.72);
  /* lines */
  --ct-border:#262b31;--ct-border-strong:#343a42;--ct-hairline:#1f2328;
  /* text: readable off-white, three steps (all >= 4.5:1 on --ct-surface-2 except --ct-text-4, decorative only) */
  --ct-text:#ecebe6;--ct-text-2:#b9b8b1;--ct-text-3:#8f8e88;--ct-text-4:#6a6a66;
  /* accent: restrained teal; signal colours reserved for meaning */
  --ct-accent:#4fbfb1;--ct-accent-strong:#6fd3c6;--ct-accent-soft:rgba(79,191,177,.14);--ct-accent-ink:#06201d;
  --ct-pos:#5fc28c;--ct-pos-soft:rgba(95,194,140,.14);
  --ct-neg:#e27d6f;--ct-neg-soft:rgba(226,125,111,.14);
  --ct-warn:#dcaa4e;--ct-warn-soft:rgba(220,170,78,.14);
  --ct-info:#8fa6c8;
  /* charts */
  --ct-chart-grid:#20252b;--ct-chart-axis:#7d7c77;--ct-chart-portfolio:#4fbfb1;--ct-chart-bench:#9aa3b2;
  --ct-chart-hist:#d9d7d0;--ct-chart-future:#4fbfb1;--ct-chart-target:#5fc28c;--ct-chart-invalid:#e27d6f;--ct-chart-band:rgba(79,191,177,.10);
  --ct-series-1:#4fbfb1;--ct-series-2:#9aa3b2;--ct-series-3:#c9a96b;--ct-series-4:#a48fc9;--ct-series-5:#6fa3d6;--ct-series-6:#c98f9f;
  /* type */
  --ct-font-brand:"Newsreader",Georgia,"Times New Roman",serif;
  --ct-font-ui:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ct-font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ct-fs-xs:12px;--ct-fs-sm:13px;--ct-fs-md:14.5px;--ct-fs-lg:17px;--ct-fs-xl:22px;--ct-fs-2xl:28px;--ct-fs-3xl:36px;
  --ct-measure:72ch;
  /* space (4px grid) */
  --ct-s1:4px;--ct-s2:8px;--ct-s3:12px;--ct-s4:16px;--ct-s5:20px;--ct-s6:24px;--ct-s8:32px;--ct-s10:40px;--ct-s12:48px;--ct-s16:64px;
  --ct-page:1280px;--ct-gutter:28px;
  /* shape */
  --ct-r-sm:4px;--ct-r-md:6px;--ct-r-lg:10px;--ct-r-pill:999px;
  --ct-shadow-pop:0 12px 32px rgba(0,0,0,.45),0 0 0 1px var(--ct-border);
  /* motion */
  --ct-ease:cubic-bezier(.2,.7,.2,1);--ct-ease-inout:cubic-bezier(.45,0,.2,1);
  --ct-dur-fast:140ms;--ct-dur-panel:220ms;--ct-dur-reveal:480ms;
}
@media (max-width:760px){:root{--ct-gutter:16px}}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ct-bg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ct-bg);color:var(--ct-text);font:var(--ct-fs-md)/1.55 var(--ct-font-ui);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
a{color:var(--ct-accent);text-decoration:none;transition:color var(--ct-dur-fast) var(--ct-ease)}
a:hover{color:var(--ct-accent-strong)}
:focus-visible{outline:2px solid var(--ct-accent);outline-offset:2px;border-radius:2px}
::selection{background:var(--ct-accent-soft)}
.num,.ct-num{font-variant-numeric:tabular-nums lining-nums}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-999px;top:8px;z-index:100;background:var(--ct-accent);color:var(--ct-accent-ink);padding:8px 12px;border-radius:var(--ct-r-md)}
.skip-link:focus{left:8px}
.ct-page{max-width:var(--ct-page);margin:0 auto;padding:0 var(--ct-gutter)}

/* ---------- header (one header everywhere) ---------- */
.site-head{position:sticky;top:0;z-index:50;background:rgba(15,17,19,.88);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--ct-border);font:var(--ct-fs-md)/1.4 var(--ct-font-ui)}
.site-head-in{max-width:var(--ct-page);margin:0 auto;padding:0 var(--ct-gutter);height:58px;display:flex;align-items:center;gap:var(--ct-s8)}
.site-logo{font:500 21px/1 var(--ct-font-brand);color:var(--ct-text)!important;white-space:nowrap;letter-spacing:.005em}
.site-logo:hover{color:var(--ct-text)!important}
.site-nav{position:relative;display:flex;gap:var(--ct-s1);height:100%;align-items:stretch}
.site-nav a{position:relative;display:flex;align-items:center;padding:0 var(--ct-s3);color:var(--ct-text-3)!important;font-weight:500;font-size:14px;white-space:nowrap;transition:color var(--ct-dur-fast) var(--ct-ease)}
.site-nav a:hover{color:var(--ct-text)!important}
.site-nav a[aria-current]{color:var(--ct-text)!important}
.site-nav .ct-ind{position:absolute;bottom:-1px;height:2px;background:var(--ct-accent);border-radius:2px;left:0;width:0;transition:transform var(--ct-dur-panel) var(--ct-ease),width var(--ct-dur-panel) var(--ct-ease);pointer-events:none}
.site-search{margin-left:auto;position:relative;flex:0 1 320px;min-width:180px}
.site-search input{width:100%;height:36px;background:var(--ct-surface-2);color:var(--ct-text);border:1px solid var(--ct-border);border-radius:var(--ct-r-md);padding:0 12px 0 34px;font:14px var(--ct-font-ui);transition:border-color var(--ct-dur-fast) var(--ct-ease),background var(--ct-dur-fast) var(--ct-ease);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238f8e88' stroke-width='1.6'%3E%3Ccircle cx='7' cy='7' r='4.8'/%3E%3Cpath d='m10.6 10.6 3.4 3.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px 50%}
.site-search input::placeholder{color:var(--ct-text-3)}
.site-search input:hover{border-color:var(--ct-border-strong)}
.site-search input:focus{outline:none;border-color:var(--ct-accent);background-color:var(--ct-surface-3)}
.site-search kbd{position:absolute;right:9px;top:50%;transform:translateY(-50%);font:11px var(--ct-font-mono);color:var(--ct-text-3);border:1px solid var(--ct-border-strong);border-radius:4px;padding:1px 5px;pointer-events:none}
.site-search input:focus~kbd,.site-search input:not(:placeholder-shown)~kbd{display:none}
.search-list{position:absolute;left:0;right:0;top:calc(100% + 6px);margin:0;padding:4px;list-style:none;background:var(--ct-surface-2);border-radius:var(--ct-r-lg);box-shadow:var(--ct-shadow-pop);max-height:min(70vh,440px);overflow:auto;z-index:60;animation:ct-pop var(--ct-dur-panel) var(--ct-ease)}
.search-list li{padding:8px 10px;border-radius:var(--ct-r-md);cursor:pointer;color:var(--ct-text);display:flex;gap:10px;align-items:baseline;font-size:14px}
.search-list li b{font-weight:600;min-width:64px}
.search-list li span{color:var(--ct-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.search-list li small{color:var(--ct-text-3);font-size:12px;white-space:nowrap}
.search-list li[aria-selected=true],.search-list li:hover{background:var(--ct-surface-3)}
.search-list li.empty{cursor:default;color:var(--ct-text-3);display:block}
/* secondary nav row under the header (section sub-navigation) */
.site-sub{border-top:1px solid var(--ct-hairline)}
.site-sub .site-head-in{height:42px;gap:var(--ct-s1)}
.site-sub a{position:relative;display:flex;align-items:center;height:100%;padding:0 var(--ct-s3);color:var(--ct-text-3)!important;font-size:13.5px;white-space:nowrap}
.site-sub a:hover,.site-sub a[aria-current]{color:var(--ct-text)!important}
.site-sub a[aria-current]::after{content:"";position:absolute;left:var(--ct-s3);right:var(--ct-s3);bottom:-1px;height:2px;background:var(--ct-accent);border-radius:2px}
.crumbs{max-width:var(--ct-page);margin:0 auto;padding:var(--ct-s4) var(--ct-gutter) 0;font:13px var(--ct-font-ui)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;color:var(--ct-text-3)}
.crumbs li+li::before{content:"\203A";margin-right:6px}
.crumbs a{color:var(--ct-text-2)}
@media (max-width:760px){
  .site-head-in{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:0;gap:8px 12px}
  .site-logo{font-size:19px}
  .site-search{flex:1 1 140px;min-width:0;margin-left:auto}
  .site-search kbd{display:none}
  .site-nav{order:3;width:100%;height:44px;justify-content:space-between;margin:0 calc(-1 * var(--ct-s3))}
  .site-nav a{flex:1;justify-content:center;font-size:14px}
  .site-sub .site-head-in{overflow-x:auto;flex-wrap:nowrap;height:40px;padding-top:0;scrollbar-width:none}
}

/* ---------- footer ---------- */
.ct-foot,footer.note{max-width:var(--ct-page);margin:var(--ct-s16) auto 0;padding:var(--ct-s6) var(--ct-gutter) var(--ct-s12);border-top:1px solid var(--ct-border);font-size:12.5px;color:var(--ct-text-3)}
.ct-foot p,footer.note p{max-width:96ch;margin:0 0 var(--ct-s3)}
.site-foot{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px}
.site-foot a{color:var(--ct-text-2)}
.site-foot a:hover{color:var(--ct-text)}

/* ---------- type helpers ---------- */
.ct-eyebrow{font:500 11.5px/1.3 var(--ct-font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ct-text-3)}
.ct-h1{font:600 var(--ct-fs-2xl)/1.15 var(--ct-font-ui);letter-spacing:-.015em;margin:0}
.ct-h2{font:600 var(--ct-fs-xl)/1.2 var(--ct-font-ui);letter-spacing:-.01em;margin:0}
.ct-h3{font:600 var(--ct-fs-lg)/1.3 var(--ct-font-ui);margin:0}
.ct-muted{color:var(--ct-text-3)}.ct-soft{color:var(--ct-text-2)}
.ct-pos{color:var(--ct-pos)}.ct-neg{color:var(--ct-neg)}.ct-warn{color:var(--ct-warn)}
.ct-section{margin-top:var(--ct-s12)}
.ct-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ct-s4);flex-wrap:wrap;margin-bottom:var(--ct-s4)}
.ct-more{font-size:13.5px;font-weight:500;white-space:nowrap}
.ct-more::after{content:" \2192";display:inline-block;transition:transform var(--ct-dur-fast) var(--ct-ease)}
.ct-more:hover::after{transform:translateX(3px)}

/* ---------- surfaces ---------- */
.ct-panel{background:var(--ct-surface-1);border:1px solid var(--ct-border);border-radius:var(--ct-r-lg)}
.ct-panel-pad{padding:var(--ct-s5)}
.ct-divider{border:0;border-top:1px solid var(--ct-border);margin:var(--ct-s6) 0}

/* ---------- badges / labels ---------- */
.ct-badge{display:inline-flex;align-items:center;gap:6px;font:600 11px/1 var(--ct-font-ui);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:var(--ct-r-sm);border:1px solid var(--ct-border-strong);color:var(--ct-text-2);white-space:nowrap}
.ct-badge--paper{color:var(--ct-warn);border-color:rgba(220,170,78,.45);background:var(--ct-warn-soft)}
.ct-badge--accent{color:var(--ct-accent);border-color:rgba(79,191,177,.4);background:var(--ct-accent-soft)}
.ct-badge--pos{color:var(--ct-pos);border-color:rgba(95,194,140,.4);background:var(--ct-pos-soft)}
.ct-badge--neg{color:var(--ct-neg);border-color:rgba(226,125,111,.4);background:var(--ct-neg-soft)}
.ct-badge--warn{color:var(--ct-warn);border-color:rgba(220,170,78,.4);background:var(--ct-warn-soft)}
/* data-state stamp: true update state, never a pulsing "Live" dot for end-of-day data */
.ct-stamp{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ct-text-3);white-space:nowrap}
.ct-stamp::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ct-text-4)}
.ct-stamp--stale{color:var(--ct-warn)}.ct-stamp--stale::before{background:var(--ct-warn)}
.ct-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--ct-r-pill);border:1px solid var(--ct-border-strong);background:var(--ct-surface-2);color:var(--ct-text-2);font-size:12.5px;white-space:nowrap}
.ct-chip button{all:unset;cursor:pointer;color:var(--ct-text-3);font-size:14px;line-height:1;padding:0 2px}
.ct-chip button:hover{color:var(--ct-text)}

/* ---------- metrics ---------- */
.ct-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--ct-s6)}
.ct-metric{min-width:0}
.ct-metric dt,.ct-metric .ct-metric-label{font-size:12.5px;color:var(--ct-text-3);margin-bottom:4px}
.ct-metric dd,.ct-metric .ct-metric-value{margin:0;font:600 26px/1.1 var(--ct-font-ui);letter-spacing:-.01em;color:var(--ct-text);font-variant-numeric:tabular-nums}
.ct-metric small{display:block;font-size:12px;color:var(--ct-text-3);margin-top:4px}

/* ---------- buttons, segmented controls, tabs ---------- */
.ct-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--ct-r-md);border:1px solid var(--ct-border-strong);background:var(--ct-surface-2);color:var(--ct-text);font:500 13.5px var(--ct-font-ui);cursor:pointer;transition:background var(--ct-dur-fast) var(--ct-ease),border-color var(--ct-dur-fast) var(--ct-ease)}
.ct-btn:hover{background:var(--ct-surface-3);border-color:var(--ct-text-4)}
.ct-btn--primary{background:var(--ct-accent);border-color:var(--ct-accent);color:var(--ct-accent-ink)}
.ct-btn--primary:hover{background:var(--ct-accent-strong);border-color:var(--ct-accent-strong)}
.ct-seg{position:relative;display:inline-flex;padding:3px;gap:2px;background:var(--ct-surface-2);border:1px solid var(--ct-border);border-radius:var(--ct-r-md)}
.ct-seg button,.ct-seg a{position:relative;z-index:1;all:unset;box-sizing:border-box;cursor:pointer;height:28px;padding:0 11px;display:inline-flex;align-items:center;border-radius:4px;font:500 12.5px var(--ct-font-ui);color:var(--ct-text-3);transition:color var(--ct-dur-fast) var(--ct-ease)}
.ct-seg button:hover,.ct-seg a:hover{color:var(--ct-text)}
.ct-seg [aria-pressed=true],.ct-seg [aria-selected=true],.ct-seg [aria-current]{color:var(--ct-text)}
.ct-seg button:focus-visible,.ct-seg a:focus-visible{outline:2px solid var(--ct-accent);outline-offset:1px}
.ct-seg .ct-ind{position:absolute;z-index:0;top:3px;bottom:3px;left:0;width:0;background:var(--ct-surface-3);border-radius:4px;box-shadow:0 0 0 1px var(--ct-border-strong);transition:transform var(--ct-dur-panel) var(--ct-ease),width var(--ct-dur-panel) var(--ct-ease)}
.ct-tabs{position:relative;display:flex;gap:var(--ct-s1);border-bottom:1px solid var(--ct-border);overflow-x:auto;scrollbar-width:none}
.ct-tabs a,.ct-tabs button{all:unset;box-sizing:border-box;cursor:pointer;padding:10px var(--ct-s3);font:500 13.5px var(--ct-font-ui);color:var(--ct-text-3);white-space:nowrap;transition:color var(--ct-dur-fast) var(--ct-ease)}
.ct-tabs a:hover,.ct-tabs button:hover,.ct-tabs [aria-current],.ct-tabs [aria-selected=true]{color:var(--ct-text)}
.ct-tabs a:focus-visible,.ct-tabs button:focus-visible{outline:2px solid var(--ct-accent);outline-offset:-2px;border-radius:4px}
.ct-tabs .ct-ind{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--ct-accent);border-radius:2px;transition:transform var(--ct-dur-panel) var(--ct-ease),width var(--ct-dur-panel) var(--ct-ease)}

/* ---------- forms ---------- */
.ct-input,.ct-select{height:34px;background:var(--ct-surface-2);color:var(--ct-text);border:1px solid var(--ct-border);border-radius:var(--ct-r-md);padding:0 10px;font:13.5px var(--ct-font-ui);transition:border-color var(--ct-dur-fast) var(--ct-ease)}
.ct-input:hover,.ct-select:hover{border-color:var(--ct-border-strong)}
.ct-input:focus,.ct-select:focus{outline:none;border-color:var(--ct-accent)}
.ct-check{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ct-text-2);cursor:pointer;min-height:32px}
.ct-check input{accent-color:var(--ct-accent);width:15px;height:15px}

/* ---------- tables ---------- */
.ct-table-wrap{overflow-x:auto;border:1px solid var(--ct-border);border-radius:var(--ct-r-lg);background:var(--ct-surface-1)}
.ct-table{width:100%;border-collapse:collapse;font-size:13.5px}
.ct-table th{position:sticky;top:0;z-index:1;background:var(--ct-surface-1);text-align:left;font:500 12px/1.3 var(--ct-font-ui);color:var(--ct-text-3);padding:10px 14px;border-bottom:1px solid var(--ct-border);white-space:nowrap}
.ct-table th.n,.ct-table td.n{text-align:right}
.ct-table th button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;color:inherit}
.ct-table th button:hover{color:var(--ct-text)}
.ct-table th button:focus-visible{outline:2px solid var(--ct-accent);outline-offset:2px;border-radius:2px}
.ct-table th[aria-sort] button{color:var(--ct-text)}
.ct-table th[aria-sort=ascending] button::after{content:"\2191";color:var(--ct-accent)}
.ct-table th[aria-sort=descending] button::after{content:"\2193";color:var(--ct-accent)}
.ct-table td{padding:10px 14px;border-bottom:1px solid var(--ct-hairline);vertical-align:middle}
.ct-table tbody tr{transition:background var(--ct-dur-fast) var(--ct-ease)}
.ct-table tbody tr:hover{background:var(--ct-surface-2)}
.ct-table tbody tr:last-child td{border-bottom:0}
.ct-table .tk{font-weight:600;color:var(--ct-text)}
.ct-table .na{color:var(--ct-text-4)}
.ct-empty{padding:var(--ct-s10) var(--ct-s6);text-align:center;color:var(--ct-text-3);font-size:14px}
.ct-pager{display:flex;align-items:center;justify-content:space-between;gap:var(--ct-s4);padding:var(--ct-s3) 0;font-size:13px;color:var(--ct-text-3);flex-wrap:wrap}

/* ---------- disclosure ---------- */
details.ct-details{border-top:1px solid var(--ct-border)}
details.ct-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 0;color:var(--ct-text-2);font-weight:500;font-size:14px}
details.ct-details>summary::-webkit-details-marker{display:none}
details.ct-details>summary::before{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform var(--ct-dur-panel) var(--ct-ease);margin-right:2px}
details.ct-details[open]>summary::before{transform:rotate(45deg)}
details.ct-details>summary:hover{color:var(--ct-text)}
details.ct-details[open]>*:not(summary){animation:ct-in var(--ct-dur-panel) var(--ct-ease)}
.ct-callout{border-left:2px solid var(--ct-warn);background:var(--ct-warn-soft);padding:10px 14px;border-radius:0 var(--ct-r-md) var(--ct-r-md) 0;font-size:13.5px;color:var(--ct-text-2)}
.ct-callout--info{border-left-color:var(--ct-info);background:rgba(143,166,200,.10)}

/* ---------- skeleton / loading ---------- */
.ct-skel{background:linear-gradient(90deg,var(--ct-surface-2) 0,var(--ct-surface-3) 50%,var(--ct-surface-2) 100%);background-size:200% 100%;animation:ct-shimmer 1.4s linear infinite;border-radius:var(--ct-r-sm);color:transparent!important}

/* ---------- motion primitives ---------- */
@keyframes ct-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes ct-pop{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}
@keyframes ct-shimmer{to{background-position:-200% 0}}
@keyframes ct-flash{0%{background-color:var(--ct-accent-soft)}100%{background-color:transparent}}
@keyframes ct-breathe{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.15;transform:scale(1.9)}}
.ct-enter{animation:ct-in var(--ct-dur-panel) var(--ct-ease) both}
.ct-flash{animation:ct-flash 900ms var(--ct-ease)}
/* the only persistent decorative motion: a halo on the selected chart point. Paused when hidden/offscreen/motion-off. */
.ct-breathe{transform-box:fill-box;transform-origin:center;animation:ct-breathe 2.6s var(--ct-ease-inout) infinite}
html[data-motion=off] .ct-breathe,html.ct-hidden .ct-breathe,.ct-offscreen .ct-breathe{animation-play-state:paused;opacity:0}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}
  .ct-breathe{display:none}
}
.ct-motion-toggle{all:unset;cursor:pointer;font-size:12.5px;color:var(--ct-text-3)}
.ct-motion-toggle:hover{color:var(--ct-text)}
.ct-motion-toggle:focus-visible{outline:2px solid var(--ct-accent);outline-offset:2px}

/* ---------- responsive helpers ---------- */
@media (max-width:760px){.ct-hide-sm{display:none!important}.ct-metric dd,.ct-metric .ct-metric-value{font-size:22px}}
@media (min-width:761px){.ct-only-sm{display:none!important}}

/* ---------- agent A: fix ---------- */
/* .ct-seg/.ct-tabs items use `all:unset`, which also unset their position/z-index, so the sliding indicator painted
   over the selected label. Restore stacking so the label sits above the indicator. */
.ct-seg>button,.ct-seg>a{position:relative;z-index:1}