/* ===== Coteau cleanup v1 (mock) — one system: neutrals + one cyan + green/red returns ===== */
html body.ct{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;
  --cy:#3EC8C9;--cy-tint:#E3F6F6;--cy-line:#A9E2E2;--ink:#16191B;--muted:#5B6469;--faint:#80898E;--line:#DCE0E3;--card:#FFFFFF;--bg:#EEF1F3;
  --ct-ink:#16191B;--ct-accent-d:#16191B;--ct-tile:#E3F6F6;--ct-new:#E3F6F6;--ct-new-edge:#A9E2E2;--up:#15803D;--down:#C2410C}
/* dark: crisp near-black. Page #121314, cards one step up, hairline borders, bright text */
html[data-theme=dark] body.ct{--cy-tint:#0F2324;--cy-line:#2B6F70;--ink:#F5F6F7;--muted:#A6AEB3;--faint:#7A8388;--line:#2A2E31;--card:#17191B;--bg:#121314;--ct-ink:#F5F6F7;--up:#3DD68C;--down:#FF8A65}
html[data-theme=dark] body.ct{background:#121314!important}
html[data-theme=dark] body.ct .card.flat,html[data-theme=dark] body.ct .stat{background:transparent!important}
html[data-theme=dark] body.ct .fchip.on{background:#F5F6F7!important;color:#121314!important;border-color:#F5F6F7!important}
html[data-theme=dark] body.ct aside.drawer{background:#121314!important;border-right:1px solid #2A2E31!important}
html[data-theme=dark] body.ct .cx-more .cx-dr{background:#17191B}
/* fonts: Inter everywhere, tabular numbers, Newsreader only for news headlines */
html body.ct,html body.ct *:not(.ct-word):not(.ct-dword):not(.boot-wm){font-family:"Inter",system-ui,-apple-system,sans-serif!important}
/* wordmark: Poppins 600 lowercase (logo only) */
html body.ct .ct-word,html body.ct .ct-dword,.boot-wm{font-family:"Poppins","Avenir Next",Inter,sans-serif!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important}
html body.ct .topcard .th,html body.ct .news .h{font-family:"Newsreader",Georgia,serif!important}
html body.ct .v,html body.ct .r,html body.ct .big,html body.ct .ct-pv,html body.ct .ct-big,html body.ct table,html body.ct .chg,html body.ct .cmprow b,html body.ct .price,html body.ct .k{font-variant-numeric:tabular-nums!important;letter-spacing:0!important}
html body.ct h1{font:650 24px/1.2 "Inter"!important;letter-spacing:-.01em!important;margin:var(--s4) 0 var(--s1)!important;color:var(--ink)!important}
html body.ct h2{font:600 15px/1.3 "Inter"!important;margin:var(--s5) 0 var(--s2)!important;color:var(--ink)!important;text-transform:none!important;letter-spacing:0!important;border:0!important;padding:0!important;background:none!important}
html body.ct h2::before,html body.ct h2::after{display:none!important}
html body.ct .sub,html body.ct .mnote{font-size:13px!important;line-height:1.45!important;color:var(--muted)!important;margin:0 0 var(--s3)!important}
/* purpose line */
.cx-purpose{font:400 14px/1.45 "Inter";color:var(--muted);margin:0 0 var(--s3)}
/* hero boxes -> plain title */
html body.ct .hero{background:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;color:var(--ink)!important}
html body.ct .hero>p{font:400 14px/1.45 "Inter"!important;color:var(--muted)!important;margin:0 0 var(--s3)!important;opacity:1!important}
html body.ct .hero .hchips{margin:0 0 var(--s3)!important}
html body.ct .hero h1{color:var(--ink)!important}
html body.ct .hero h1 .mtag{display:none!important}
/* stale banner quieter */
html body.ct .dhb{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:var(--s2) 0!important;margin:0 0 var(--s2)!important;font-size:12px!important;color:var(--muted)!important;box-shadow:none!important}
html body.ct .dhb svg{width:14px!important;height:14px!important;color:var(--faint)!important}
html body.ct .dhb b{font-weight:500!important}
/* cards: one radius, one border, one padding */
html body.ct .card,html body.ct .list,html body.ct .topcard,html body.ct .mcard,html body.ct .ms{border-radius:10px!important;border:1px solid var(--line)!important;background:var(--card)!important;box-shadow:none!important;background-image:none!important}
html body.ct .card,html body.ct .mcard{padding:var(--s4)!important;margin:0 0 var(--s3)!important}
html body.ct .card.flat{background:transparent!important}
html body.ct .list{overflow:hidden!important;margin:0 0 var(--s3)!important}
html body.ct .list>.row,html body.ct .list>a.row,html body.ct .list>.news{padding:var(--s3) var(--s4)!important;border-bottom:1px solid var(--line)!important;border-left:0!important;min-height:56px}
html body.ct .list>*:last-child{border-bottom:0!important}
html body.ct .row .t{font-weight:600!important;font-size:15px!important;color:var(--ink)!important}
html body.ct .row .n{font-size:12.5px!important;color:var(--muted)!important;margin-top:2px}
html body.ct .mcard.flag,html body.ct .topcard.lead{background:var(--cy-tint)!important;border-color:var(--cy-line)!important;background-image:none!important}
html body.ct .topcard.lead::before,html body.ct .topcard.lead::after,html body.ct .mcard::before{display:none!important}
html body.ct .topcard{padding:var(--s4)!important}
html body.ct .tops{gap:var(--s3)!important;margin-bottom:var(--s4)!important}
/* less per card */
html body.ct .topcard .tmeta .cat+.cat,html body.ct .news .m .cat+.cat,html body.ct .news .m .chip.tk{display:none!important}
html body.ct .grid3 .stat:nth-child(2){display:none!important}
html body.ct .grid3{grid-template-columns:1fr 1fr!important;gap:var(--s2)!important}
html body.ct .stat{background:transparent!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:var(--s2) var(--s3)!important}
html body.ct .mstrip .ms.mdl{display:none!important}
/* ===== 2 chip styles ===== */
/* A: outline pill (categories, tickers, filters, facts) */
html body.ct .cat,html body.ct .chip:not(.live):not(.bt):not(.warn),html body.ct .chip.tk,html body.ct .tkp,html body.ct .hchip,html body.ct .fchip,html body.ct .chip.mdl{background:transparent!important;border:1px solid var(--line)!important;color:var(--muted)!important;border-radius:999px!important;font:500 11.5px/1 "Inter"!important;padding:5px 9px!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;height:auto!important}
html body.ct .cat{font-size:11px!important;padding:3px 8px!important}
html body.ct .fchip{font-size:13px!important;padding:8px 13px!important;color:var(--ink)!important}
html body.ct .fchip.on{background:var(--ink)!important;color:var(--card)!important;border-color:var(--ink)!important}
html body.ct .chipbar{gap:var(--s2)!important;margin:0 0 var(--s4)!important}
/* B: status tags — LIVE solid cyan, BACKTEST/LOOK-BACK dashed */
html body.ct .mtag,html body.ct .chip.live,html body.ct .chip.bt,html body.ct .chip.warn{border-radius:4px!important;font:600 9.5px/1 "Inter"!important;letter-spacing:.04em!important;text-transform:uppercase!important;padding:3px 5px!important;box-shadow:none!important}
html body.ct .mtag.solid,html body.ct .chip.live{background:var(--cy)!important;color:#0B0C0D!important;border:1px solid var(--cy)!important}
html body.ct .mtag.bt,html body.ct .chip.bt,html body.ct .mtag.out{background:transparent!important;color:var(--muted)!important;border:1px dashed var(--faint)!important}
html body.ct .chip.warn{background:transparent!important;color:var(--down)!important;border:1px solid currentColor!important}
/* period chips: same control everywhere */
html body.ct .ct-pbar{display:flex!important;align-items:center!important;gap:var(--s2)!important;margin:0 0 var(--s3)!important;padding:0!important;background:none!important;border:0!important}
html body.ct .ct-pbar-l,html body.ct .tiles-label{font:500 12px/1 "Inter"!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important}
html body.ct [data-period]:not(.ct-pcell),html body.ct .ct-pchips button,html body.ct .ct-pchips a{border-radius:999px!important}
html body.ct .ct-legend{font-size:12px!important;margin:0 0 var(--s3)!important}
/* bars on models compare */
html body.ct .cmpbar i{background:var(--cy)!important}
html body.ct .cmpbar{background:var(--line)!important;border-radius:3px!important}
html body.ct .cmprow.spy .cmpbar i{background:var(--faint)!important}
/* links */
html body.ct main a:not(.row):not(.btn):not(.fchip):not(.topcard):not(.news):not(.mcard):not(.cmprow):not(.ms):not(.pill):not(.cx-seg a){color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--cy);text-underline-offset:2px}
html body.ct .btn{border-radius:8px!important;font:600 13.5px/1 "Inter"!important}
html body.ct .btn.ghost{background:transparent!important;border:1px solid var(--line)!important;color:var(--ink)!important}
html body.ct .up{color:var(--up)!important}html body.ct .down{color:var(--down)!important}
/* ===== sub-segment bar (same spot on every section page) ===== */
.cx-seg{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:0 0 var(--s4);overflow-x:auto;scrollbar-width:none}
.cx-seg a{flex:none;padding:var(--s3) 0 10px;font:500 14px/1 "Inter";color:var(--muted)!important;text-decoration:none!important;border-bottom:2px solid transparent;margin-bottom:-1px}
.cx-seg a.on{color:var(--ink)!important;font-weight:600;border-bottom-color:var(--cy)}
/* ===== new bottom nav ===== */
html body.ct nav.bottom.cx{display:grid!important;grid-template-columns:repeat(4,1fr)!important;background:#121314!important;border-top:1px solid #2C3034!important}
html body.ct nav.bottom.cx a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#AEB5BA!important;font:500 10.5px/1 "Inter"!important;min-height:46px!important;position:relative}
html body.ct nav.bottom.cx a svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;stroke-linecap:round;stroke-linejoin:round}
html body.ct nav.bottom.cx a.on{color:#FFFFFF!important}
html body.ct nav.bottom.cx a.on svg{stroke:#3EC8C9!important}
html body.ct nav.bottom.cx a.on::before{content:""!important;position:absolute!important;top:-1px!important;left:28%!important;right:28%!important;height:2px!important;background:#3EC8C9!important}
html body.ct nav.bottom.cx a .cx-n{position:absolute;top:6px;left:calc(50% + 8px);background:#3EC8C9;color:#0B0C0D;font:700 9px/14px "Inter";min-width:14px;height:14px;border-radius:7px;padding:0 3px;text-align:center}
html.cx-text body.ct nav.bottom.cx a svg{display:none!important}
html.cx-text body.ct nav.bottom.cx a{font:600 13px/1 "Inter"!important;min-height:44px!important;letter-spacing:0!important}
/* header: drop bell (alerts live in Watchlist tab) */
/* alerts bell stays in the header (Oct 20) */
/* ===== drawer ===== */
html body.ct aside.drawer .cx-dr{padding:var(--s2) 0 var(--s5)}
.cx-dl{font:600 11px/1 "Inter";color:var(--faint);margin:var(--s5) var(--s4) var(--s2);letter-spacing:.02em}
.cx-dr a.cx-row{display:flex;justify-content:space-between;align-items:center;padding:0 var(--s4);min-height:48px;font:500 15px/1.2 "Inter";color:var(--ink)!important;text-decoration:none;border-bottom:1px solid var(--line)}
.cx-dr a.cx-row small{display:block;font:400 12px/1.3 "Inter";color:var(--muted);margin-top:2px}
.cx-dr a.cx-row::after{content:"›";color:var(--faint);font-size:18px}
.cx-dr .cx-tag{margin:var(--s1) var(--s4) 0;font:400 13px/1.45 "Inter";color:var(--muted)}
.cx-dr .cx-theme{display:flex;justify-content:space-between;align-items:center;margin:var(--s5) var(--s4) 0;font:500 14px/1 "Inter";color:var(--ink)}
.cx-dr .ct-seg button{min-width:56px;height:30px;font-size:13px}
html body.ct aside.drawer{background:var(--card)!important}
/* intro card */
.cx-intro{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--cy);border-radius:10px;padding:var(--s4);margin:var(--s3) 0 var(--s4);position:relative}
.cx-intro h3{font:650 16px/1.3 "Inter";margin:0 var(--s5) var(--s1) 0;color:var(--ink)}
.cx-intro p{font:400 13.5px/1.45 "Inter";color:var(--muted);margin:0 0 var(--s2)}
.cx-intro ul{margin:0 0 var(--s3);padding:0 0 0 18px;font:400 13.5px/1.5 "Inter";color:var(--ink)}
.cx-intro ul b{font-weight:600}
.cx-intro .cx-act{display:flex;gap:var(--s2);align-items:center}
.cx-intro .cx-go{background:var(--cy);color:#0B0C0D!important;text-decoration:none!important;font:600 14px/1 "Inter";padding:11px 14px;border-radius:8px}
.cx-intro .cx-x{background:none;border:0;color:var(--muted);font:500 14px/1 "Inter";padding:11px 8px}
.cx-intro .cx-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;background:none;color:var(--faint);font-size:18px}
/* footer */
.cx-foot{font:400 12px/1.5 "Inter";color:var(--muted)}
.cx-foot b{display:block;font:600 13px/1.3 "Inter";color:var(--ink);margin-bottom:2px}
/* About */
.cx-about .card h3{font:600 15px/1.3 "Inter";margin:0 0 var(--s1);color:var(--ink)}
.cx-about .card p{font:400 14px/1.5 "Inter";color:var(--muted);margin:0}
.cx-about .cx-lead{font:400 16px/1.5 "Inter";color:var(--ink);margin:0 0 var(--s4)}
/* desktop */
@media (min-width:900px){html body.ct .dnav a{font:500 14px/1 "Inter"!important;text-transform:none!important}}
/* more page as compact list */
.cx-more .cx-dr{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:0 0 var(--s4)}
html body.ct .row .r .big{background:none!important;padding:0!important;font-size:16px!important;font-weight:600!important}
html body.ct .row .n .mtag.out{display:none!important}
html body.ct .cx-dr a.cx-row{text-decoration:none!important}
html body.ct .cx-gname{text-align:center;margin:8px auto 4px;max-width:340px}
@media (min-width:900px){html body.ct nav.bottom.cx{display:none!important}}

/* patch-only helpers */
.cx-back{display:inline-block;margin-top:12px;font:500 13px/1 "Inter";color:var(--muted)!important;text-decoration:none!important}
.cx-fine{margin:16px 0}.cx-fine summary{cursor:pointer;font-weight:500}
.cx-tag b{color:var(--ink);font-weight:600}
.ct-hero-lede b{font-weight:600}

/* ship: fund holdings groups, compact rows, intro eyebrow */
html body.ct .row .l{min-width:0}
html body.ct .row .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.ct .list>a.row.cx-crow{min-height:52px;padding-top:10px!important;padding-bottom:10px!important}
html body.ct .cx-crow .t{font-size:14.5px!important}
.cx-gh{font:600 13px/1.2 "Inter";color:var(--muted);margin:var(--s5) 0 var(--s2);letter-spacing:.01em}
.cx-gh span{font-weight:500;color:var(--faint);margin-left:4px;font-variant-numeric:tabular-nums}
.cx-eyebrow{font:600 11px/1 "Inter";letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 6px}
.cx-intro .cx-comp{font-size:12px!important;color:var(--faint)!important;margin:0 0 var(--s3)!important}
.cx-compcard{border-left:3px solid var(--cy)!important}
.ct-hero-lede .cx-sub{display:inline-block;margin-top:6px;font-size:.88em;opacity:.8}
html body.ct .btn.wide{display:flex;justify-content:center;width:100%;padding:12px!important}
html body.ct .cx-seg a{white-space:nowrap}