:root{--navy:var(--x-pane);--navy2:var(--x-card);--light:var(--x-bg);--ink:var(--x-hi);--mut:var(--x-mut);--line:var(--x-line);--cy:var(--x-acc);--cyd:var(--x-accd);--up:var(--x-up);--down:var(--x-dn)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--light);color:var(--ink);font:400 17px/1.6 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Source Serif 4','Helvetica Neue',Arial,sans-serif;font-variant-numeric:normal;text-wrap:balance;margin:0}
p{text-wrap:pretty}
a{color:var(--cyd);transition:color .15s,transform .18s,box-shadow .18s}
a:hover{color:#0B5566}
:focus-visible{outline:2px solid var(--cy);outline-offset:2px;border-radius:6px}
::selection{background:var(--cy);color:var(--navy)}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--x-lab)}
.eyebrow:before{content:"";width:28px;height:2px;background:var(--cy)}
.eyebrow.dark{color:var(--cyd)}
.up{color:var(--up)}.down{color:var(--down)}
/* header */
.hdr{background:var(--x-card);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo b{font:500 22px 'Source Serif 4',sans-serif;letter-spacing:-.02em;font-variant-numeric:normal}
.logo b span{color:var(--cyd)}
nav.main{display:flex;flex-wrap:wrap;gap:4px 22px;flex:1 1 320px;font-size:15px;font-weight:500}
nav.main a{color:var(--ink);text-decoration:none;padding:10px 0}
nav.main a:hover{color:var(--cyd)}
/* hero */
.hero{background:linear-gradient(180deg,var(--x-card),var(--x-hero2));color:var(--x-hi);border-bottom:1px solid var(--x-line)}
.hero .wrap{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding-top:84px;padding-bottom:92px}
.hero-l{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:22px}
.hero h1{font-weight:600;font-size:76px;line-height:1;letter-spacing:-.02em}
.hero h1 span{font-weight:500;color:var(--x-lab2)}
.hero p.lead{margin:0;font-size:19px;color:var(--x-fg2);max-width:560px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius: 8px;background:var(--cy);color:var(--navy2);font-weight:700;font-size:17px;text-decoration:none}
.btn:hover{color:var(--navy2);filter:brightness(1.08)}
.btn.ghost{background:transparent;border:1px solid var(--x-line2);color:var(--x-fg)}
.btn.ghost:hover{color:var(--x-hi);border-color:var(--x-mut3)}
.pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--x-mut)}
.pop a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--x-line2);color:var(--x-fg);text-decoration:none;font:13px 'IBM Plex Mono',monospace}
.checks{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;color:var(--x-fg2)}
.checks li{display:flex;align-items:center;gap:8px}
.card-dark{flex:1 1 380px;min-width:0;background:linear-gradient(180deg,var(--x-hero2),var(--x-bg));border:1px solid var(--x-line2);color:var(--x-fg);border-radius: 8px;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 40px 90px -30px rgba(0,0,0,.75)}
.card-dark .tt{display:flex;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--x-lab)}
.lensrow{display:flex;gap:14px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--x-card2)}
.lensrow:first-of-type{border-top:0}
.lensrow i{font:600 13px 'IBM Plex Mono',monospace;color:var(--cy);font-style:normal;width:26px;flex:none;padding-top:2px}
.lensrow b{display:block;color:var(--x-hi);font-weight:600;font-size:15px}
.lensrow span{font-size:13.5px;color:var(--x-lab);line-height:1.5}
/* snapshot */
.snap{background:var(--x-card);border-bottom:1px solid var(--line)}
.snap .wrap{display:flex;flex-wrap:wrap;gap:12px 36px;align-items:center;padding-top:16px;padding-bottom:16px}
.snap div.i{display:flex;align-items:baseline;gap:10px;font-size:15px}
.snap b{font-weight:600}
.snap .mono{font-size:15px}
.snap .chg{font:600 14px 'IBM Plex Mono',monospace}
.snap small{margin-left:auto;font-size:12px;color:var(--x-mut2)}
/* sections */
section.s{padding:64px 0 24px;display:flex;flex-direction:column;gap:24px}
.sh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px}
.sh h2{font-weight:500;font-size:34px;letter-spacing:-.02em}
.sh h2 span{color:var(--cyd)}
.sh p{margin:6px 0 0;color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:18px}
.card{background:var(--x-card);border:1px solid var(--line);border-radius: 6px;padding:20px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink)}
a.card:hover{transform:translateY(-2px);box-shadow:0 14px 34px -14px rgba(7,18,30,.45);color:var(--ink)}
.card .t{font:600 16px 'IBM Plex Mono',monospace}
.card .n{font-size:14px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}
.card .pr{display:flex;justify-content:space-between;align-items:baseline}
.card .pr span:first-child{font-size:20px;font-weight:600}
.card .pr span:last-child{font:600 14px 'IBM Plex Mono',monospace}
.badge{min-width:44px;height:44px;border-radius: 8px;display:flex;align-items:center;justify-content:center;font:600 24px 'Source Serif 4',sans-serif;font-variant-numeric:normal}
.mk{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:14px}
.mk .card{padding:16px;gap:4px}
.mk .card.soon{opacity:.72}
.mk b{font-size:16px}.mk small{font-size:13px;color:var(--mut)}
.tag{margin-top:6px;align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:99px;background:var(--x-fg);color:var(--x-mut3)}
.tag.live{background:#DCFCE7;color:#166534}
.lenses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:18px}
.lenses .card{gap:8px}
.lenses .num{font:600 13px 'IBM Plex Mono',monospace;color:var(--cyd)}
.lenses h3{font-weight:600;font-size:19px}
.lenses p{margin:0;font-size:14.5px;color:var(--mut)}
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:18px}
.tool{flex-direction:row;align-items:flex-start;gap:14px}
.tool .ic{width:44px;height:44px;border-radius: 6px;background:var(--x-accbg);display:flex;align-items:center;justify-content:center;flex:none}
.tool b{display:block;font-size:16px}.tool span{font-size:14px;color:var(--mut)}
.etfw{margin-top:48px;background:var(--navy2);color:var(--x-fg);border-radius: 8px;padding:36px;display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center}
.etfw h2{font-weight:500;font-size:28px;color:var(--x-hi)}
.etfw p{margin:8px 0 0;color:var(--x-lab);max-width:560px}
.discl{margin:56px 0 0;font-size:13.5px;color:var(--mut)}
footer.f{background:var(--navy);color:var(--x-mut);margin-top:72px;font-size:14px}
footer.f .wrap{padding-top:44px;padding-bottom:36px;display:flex;flex-direction:column;gap:28px}
footer.f .cols{display:flex;flex-wrap:wrap;gap:32px 64px}
footer.f .cols div{display:flex;flex-direction:column;gap:8px}
footer.f a{color:var(--x-fg2);text-decoration:none}
footer.f a:hover{color:var(--cy)}
footer.f .brand b{font:500 22px 'Source Serif 4',sans-serif;color:var(--x-hi);font-variant-numeric:normal}
footer.f .brand b span{color:var(--cy)}
footer.f .legal{border-top:1px solid var(--x-line);padding-top:18px;font-size:13px}
@media (max-width:640px){
  .wrap{padding:0 16px}
  nav.main{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex-basis:100%;order:3;gap:4px 18px;margin:0 -16px;padding:0 16px}
  nav.main::-webkit-scrollbar{display:none}
  nav.main a{white-space:nowrap}
  .hero .wrap{padding-top:44px;padding-bottom:52px;gap:32px}
  .hero h1{font-size:clamp(34px,10.5vw,46px)}
  .sh h2{font-size:27px}
  .mk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .etfw{padding:24px}
  .snap small{margin-left:0;flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* ---- search box ---- */
.sbox{display:flex;flex-wrap:wrap;gap:10px;max-width:620px}
.sbox input{flex:1 1 260px;min-height:52px;border:1px solid var(--x-fg2);border-radius: 8px;padding:0 16px;font:17px Inter,sans-serif;background:var(--x-card);color:var(--ink)}
.hdr .sbox{flex:0 1 300px;gap:0;margin-left:auto}
.hdr .sbox input{min-height:42px;font-size:15px;flex:1 1 auto;border-radius: 6px}
.hero .sbox input{border:0}
.mut{color:var(--mut)}
/* ---- stock page ---- */
.shero{background:linear-gradient(180deg,var(--x-card),var(--x-hero2));color:var(--x-hi);border-bottom:1px solid var(--x-line)}
.shero .wrap{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;padding-top:44px;padding-bottom:44px}
.sh-l{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:10px}
.shero h1{font-weight:600;font-size:46px;line-height:1.05;letter-spacing:-.02em;color:var(--x-hi)}
.shero .sub{color:var(--x-lab);font-size:15px}
.pxrow{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.px{font:600 34px Inter,sans-serif;color:var(--x-hi)}
.shero .chg{font:600 15px 'IBM Plex Mono',monospace}
.up2{color:var(--x-up)}.down2{color:var(--x-dn)}.mut2{color:var(--x-lab);font-size:14px}
.ring{width:112px;height:112px;border-radius:50%;background:radial-gradient(closest-side,var(--x-bg) 78%,transparent 79%),conic-gradient(var(--x-acc) 0 var(--p),var(--x-card2) var(--p) 100%);display:flex;align-items:center;justify-content:center;flex:none}
.ring div{text-align:center;line-height:1}.ring b{display:block;font:500 38px 'Source Serif 4',sans-serif;color:var(--x-hi);font-variant-numeric:normal}.ring span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--x-acc2)}
.sh-r{flex:1 1 220px;display:flex;flex-direction:column;gap:4px}.verdict{font:600 20px 'Source Serif 4',sans-serif}
.stock .s{padding-top:44px}
.flags{margin-top:24px;background:#FEF2F2;border:1px solid #FECACA;border-radius: 6px;padding:12px 16px;color:#7F1D1D;font-size:14.5px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.four{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:18px}
.k{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--x-mut2)}
.big{font:600 22px 'Source Serif 4',sans-serif;font-variant-numeric:normal}
.mono2{font-family:'IBM Plex Mono',monospace;font-size:19px}
.n2{font-size:13.5px;color:var(--mut)}
.two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
.chartcard .sh{align-items:center}.chartcard h2,.vitals h2{font:600 22px 'Source Serif 4',sans-serif}
.rng{display:flex;gap:4px;flex-wrap:wrap}.rng button{border:1px solid var(--line);background:var(--x-card);border-radius:8px;min-height:34px;padding:0 10px;font:500 13px Inter,sans-serif;cursor:pointer;color:var(--ink)}
.rng button.on{background:var(--x-acc);color:var(--x-onacc);border-color:var(--x-acc)}
.chartnote{display:flex;justify-content:space-between;font-size:12.5px;color:var(--x-mut2);min-height:20px}
.vr{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--x-fg);font-size:15px}.vr:first-of-type{border-top:0}.vr.sm{font-size:14px;padding:6px 0}
.fvcard{gap:18px}.fvtop{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
.fvnum{font:500 54px/1 'Source Serif 4',sans-serif;font-variant-numeric:normal;letter-spacing:-.02em}
.pill{display:inline-block;color:var(--x-hi);font-weight:600;border-radius:99px;padding:4px 14px;font-size:14px}
.band{position:relative;height:14px;border-radius:99px;overflow:hidden;background:var(--x-fg);margin-top:28px}
.zone{position:absolute;top:0;bottom:0}.zone.u{background:#86EFAC}.zone.f{background:#FDE68A}.zone.o{background:#FCA5A5}
.marker{position:absolute;top:-28px;bottom:-4px;width:2px;background:var(--ink)}
.band{overflow:visible}.band .zone:first-child{border-radius:99px 0 0 99px}.band .zone.o{border-radius:0 99px 99px 0}
.marker span{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;font:600 12px 'IBM Plex Mono',monospace;background:var(--ink);color:var(--x-hi);border-radius:6px;padding:1px 7px}
.bandl{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:12.5px;color:var(--x-mut2);margin-top:6px}
.models{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:14px}
.mod{background:var(--x-card);border:1px solid var(--line);border-radius: 6px;padding:12px 14px}.mv{font:600 22px Inter,sans-serif}.mv small{font-size:12px;color:var(--x-mut2);font-weight:500}
.note{font-size:12.5px;color:var(--x-mut2);border-top:1px dashed var(--line);padding-top:12px}
.lensgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:18px}
.lens{gap:8px}.lh{display:flex;justify-content:space-between;font-weight:600}.tag2{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ls{font:600 38px 'Source Serif 4',sans-serif;font-variant-numeric:normal}.ls small{font-size:15px;color:var(--x-mut2);font-weight:500}
.bar{height:6px;border-radius:99px;background:var(--x-fg);overflow:hidden}.bar div{height:100%;border-radius:99px}
.chk{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px}.gh{font:600 17px 'Source Serif 4',sans-serif}
.g{font-size:12px;font-weight:700;border-radius:99px;padding:2px 10px}.g.good{background:#DCFCE7;color:#14532D}.g.average{background:#FEF3C7;color:#78350F}.g.bad{background:#FEE2E2;color:#7F1D1D}
.ft{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}.ft th,.ft td{text-align:right;padding:10px 16px;border-top:1px solid var(--x-fg)}.ft th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--x-mut2);border-top:0}.ft td:first-child,.ft th:first-child{text-align:left;font-weight:500}
@media (max-width:760px){.two{grid-template-columns:1fr}.shero h1{font-size:34px}.fvnum{font-size:44px}.hdr .sbox{flex:1 1 100%;order:4;margin-left:0}}
/* ---- lists and docs ---- */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 6px}.tabs a{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:var(--x-card);color:var(--ink);text-decoration:none;font-weight:500}.tabs a.on{background:var(--navy2);color:var(--x-hi);border-color:var(--navy2)}.tabs small{opacity:.7}
.filters{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--x-mut2)}.filters select{min-height:42px;border:1px solid var(--x-fg2);border-radius: 6px;padding:0 10px;font:15px Inter,sans-serif;background:var(--x-card);color:var(--ink);text-transform:none;letter-spacing:0;font-weight:400;min-width:200px}
.vl td{white-space:nowrap}.vl td:first-child,.vl th:first-child{text-align:left}.vl .cn{font-weight:400;color:var(--mut);display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.vl td a{text-decoration:none;color:var(--ink)}
.badge.sm{min-width:34px;height:30px;font-size:16px;border-radius:8px}
.pager{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;margin:22px 0;color:var(--mut);font-size:14px}.pager a{font-weight:600}
.doc{max-width:800px;padding-top:48px}.doc h1{font-weight:500;font-size:38px;letter-spacing:-.02em;margin-bottom:12px}.doc h2{font-weight:600;font-size:22px;margin:30px 0 8px}.doc .lead{font-size:19px;color:var(--mut)}.doc ul{padding-left:22px}.doc li{margin:8px 0}
@media (max-width:640px){.vl .hm{display:none}.doc h1{font-size:30px}}

.cmp td{white-space:normal;vertical-align:top}.cmp .rule{color:var(--mut);font-size:14px;min-width:240px;text-align:left}.cmp th,.cmp td{text-align:left}.cmp td:nth-child(3),.cmp td:nth-child(5){white-space:nowrap}

.prose{font-size:18px;line-height:1.7}.prose h2{font:600 24px 'Source Serif 4',sans-serif;margin:32px 0 8px}.prose h3{font:600 20px 'Source Serif 4',sans-serif;margin:24px 0 6px}.prose p,.prose ul,.prose ol{margin:14px 0}.prose a{text-decoration:underline}.prose img{max-width:100%;height:auto;border-radius: 6px}.prose blockquote{border-left:3px solid var(--cy);margin:16px 0;padding:2px 16px;color:var(--mut)}.prose table{border-collapse:collapse;width:100%}.prose td,.prose th{border:1px solid var(--line);padding:8px 10px}
.adslot{margin:28px 0;text-align:center;min-height:90px}.adslot span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--x-mut);margin-bottom:4px}

.fil{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding:12px 18px;border-top:1px solid var(--x-fg);text-decoration:none;color:var(--ink)}.fil:first-child{border-top:0}.fil:hover{background:var(--x-card)}.fil .ff{font:600 12px 'IBM Plex Mono',monospace;background:#E0F2FE;color:#075985;border-radius:6px;padding:2px 8px}.fil .mono{font-size:13.5px;color:var(--mut);min-width:96px}

.cmpt td,.cmpt th{text-align:center}.cmpt td:first-child,.cmpt th:first-child{text-align:left;min-width:150px}.cmpt .cn2{font-weight:400;font-size:12.5px;color:var(--mut)}.cmpt a{text-decoration:none;color:var(--ink)}.cmpt .win{background:#F0FDF4;font-weight:700}

.about p{margin:0 0 12px;font-size:17px;line-height:1.7}.about .note{margin-top:4px}

/* layout fix: section.s (flex column) was overriding .two (grid) */
section.s.two{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;align-items:start}
section.s.two>.card{width:100%}
@media (max-width:860px){section.s.two{grid-template-columns:minmax(0,1fr)}}
.stock .card{min-width:0}

/* ---- stock page polish ---- */
.verdict2{font:600 17px 'Source Serif 4',sans-serif;color:var(--x-fg);margin-top:2px}
.tabsnav{position:sticky;top:0;z-index:20;background:var(--x-bg);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.tabsnav .wrap{display:flex;gap:4px 22px;overflow-x:auto;scrollbar-width:none;padding-top:0;padding-bottom:0}
.tabsnav .wrap::-webkit-scrollbar{display:none}
.tabsnav a{white-space:nowrap;padding:13px 2px;font-size:14.5px;font-weight:500;color:var(--mut);text-decoration:none;border-bottom:2px solid transparent}
.tabsnav a:hover{color:var(--ink);border-bottom-color:var(--cy)}
html{scroll-padding-top:56px}
.ldiag{font-size:13.5px;color:var(--mut);min-height:40px}
.dc{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--x-fg);cursor:default}.dc:first-of-type{border-top:0}
.dc input{width:18px;height:18px;margin-top:3px;accent-color:var(--x-accd);flex:none}.dc small{display:block;color:var(--mut);font-size:13px}
.qgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;align-items:end}
.qcol{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.qbar{height:110px;width:100%;display:flex;align-items:flex-end;justify-content:center;background:var(--x-card);border-radius:8px}.qbar div{width:46%;border-radius:6px 6px 0 0}
.qv{font:600 14px 'IBM Plex Mono',monospace}.qm{font-size:13px}.qd{font-size:12px;color:var(--mut)}

/* ---- Market Compass (dark theme, per design) ---- */
body.dk{background:var(--x-bg);color:var(--x-fg)}
.dk .hdr{background:var(--x-card);border-bottom:1px solid var(--x-line)}.dk .logo{color:var(--x-hi)}.dk .logo b span{color:var(--x-acc2)}
.dk nav.main a{color:var(--x-fg2)}.dk nav.main a:hover{color:var(--x-hi)}.dk .hdr .sbox input{background:var(--x-bg);border-color:var(--x-line);color:var(--x-fg)}
.dk footer.f{background:var(--x-bg)}.dk a{color:var(--x-acc2)}
main.cp{max-width:1320px;margin:0 auto;padding:44px 24px 72px;display:flex;flex-direction:column;gap:28px}
.cp h1{font:600 62px/1.02 'Source Serif 4',sans-serif;letter-spacing:-.02em;color:var(--x-hi);margin:10px 0}.cp h1 span{font-weight:500;color:var(--x-lab2)}
.cp h2{font:500 30px 'Source Serif 4',sans-serif;letter-spacing:-.02em;color:var(--x-hi);margin:0}
.cp-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}
.cp-top p{margin:0;font-size:18px;color:var(--x-fg2)}
.cp-eyebrow,.cp-k{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--x-lab)}
.cp-seg{display:flex;gap:4px;background:var(--x-card);border:1px solid var(--x-line);border-radius: 8px;padding:4px}
.cp-seg button{min-height:40px;padding:0 14px;border:0;border-radius:8px;font:500 14px Inter,sans-serif;background:transparent;color:var(--x-mut2);cursor:not-allowed}.cp-seg button.on{background:var(--x-acc);color:var(--x-onacc);font-weight:600;cursor:default}
.cp-row{display:flex;flex-wrap:wrap;gap:20px}
.cp-card{background:var(--x-card);border:1px solid var(--x-line);border-radius: 8px;padding:22px;display:flex;flex-direction:column;gap:14px;color:var(--x-fg);text-decoration:none}
a.cp-card:hover{border-color:var(--x-acc);color:var(--x-fg)}
.cp-big{font:600 34px 'Source Serif 4',sans-serif;color:var(--x-hi);letter-spacing:-.02em;line-height:1.1;font-variant-numeric:normal}
.cp-note{font-size:13px;color:var(--x-mut)}.cp-disc{font-size:13px;color:var(--x-mut2);max-width:900px}
.cp-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:16px}.cp-h p{margin:4px 0 0;color:var(--x-mut)}
.quad{width:100%;max-width:340px;aspect-ratio:1/1;align-self:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.quad div{border-radius: 6px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;color:var(--x-hi);background:var(--x-bg);border:1px solid var(--x-line)}
.quad div.cur{background:var(--x-accbg);border:2px solid var(--x-acc);box-shadow:0 0 24px rgba(34,211,238,.35)}.quad b{font-size:15px}.quad span{font-size:12px;color:var(--x-mut)}
.qax{display:flex;justify-content:space-between;font:11px 'IBM Plex Mono',monospace;color:var(--x-mut);max-width:340px;width:100%;align-self:center}
.bands{display:flex;height:12px;border-radius:99px;overflow:hidden}.bands i{flex:1}
.cmk{position:relative;height:14px}.cmk span{position:absolute;top:2px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid var(--x-card);transform:translateX(-50%)}
.bl{display:flex;justify-content:space-between;font-size:12px;color:var(--x-mut)}
.dials{display:flex;flex-wrap:wrap;gap:12px}
.dial{flex:1 1 150px;min-width:0;background:var(--x-card);border:1px solid var(--x-line);border-radius: 6px;padding:14px}.dk1{font-size:12px;color:var(--x-mut)}.dv{font:600 20px Inter,sans-serif;color:var(--x-hi)}.dt{font-size:12px;font-weight:600}
.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}
.th-top{display:flex;justify-content:space-between;align-items:center}.tag{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:6px}
.th-title{font:500 22px/1.2 'Source Serif 4',sans-serif;color:var(--x-hi)}.th-why{font-size:14px;color:var(--x-fg2)}.th-ud{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--x-fg)}
table.sec{width:100%;border-collapse:collapse;font-size:15px;min-width:760px}table.sec th{text-align:left;padding:10px 12px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--x-lab);font-weight:600}table.sec td{padding:11px 12px;border-top:1px solid var(--x-card2)}
.pill2{font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px}table.sec small{color:var(--x-mut2);margin-left:6px}
.scbtns{display:flex;flex-wrap:wrap;gap:8px}.scbtns button{min-height:40px;padding:0 16px;border-radius:99px;border:1px solid var(--x-line2);background:var(--x-bg);color:var(--x-fg2);font:500 14px Inter,sans-serif;cursor:pointer}.scbtns button.on{background:var(--x-acc);border-color:var(--x-acc);color:var(--x-onacc);font-weight:600}
.ir{display:flex;align-items:center;gap:12px;font-size:14px;margin:7px 0}.in{width:170px;color:var(--x-fg);flex:none}.ib{flex:1;display:flex;height:14px}.ineg{flex:1;display:flex;justify-content:flex-end}.ipos{flex:1;display:flex}.iax{width:2px;background:var(--x-line2)}.ib i{display:block;height:100%;border-radius:3px}.iv{width:62px;text-align:right;font:600 13px 'IBM Plex Mono',monospace}
.ar{display:flex;justify-content:space-between;align-items:center;background:var(--x-bg);border:1px solid var(--x-card2);border-radius: 8px;padding:12px 14px;margin-bottom:10px;color:var(--x-hi)}
.scnote{font-size:13px;color:var(--x-fg2);background:var(--x-bg);border:1px dashed var(--x-line2);border-radius: 8px;padding:12px}
.picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:14px}.picks .cp-card{padding:16px;gap:8px}.picks .sc{background:var(--x-accbg);color:var(--x-acc2);border-radius:8px;padding:2px 9px;font:600 15px 'IBM Plex Mono',monospace}
.chg-row{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--x-card2);font-size:14.5px}.chg-row:first-of-type{border-top:0}
details.cp-card summary{list-style:none}
@media (max-width:640px){.cp h1{font-size:38px}main.cp{padding:28px 16px 48px}.in{width:120px}}

/* ---- home polish ---- */
.cp-teaser{display:flex;flex-direction:column;gap:8px;background:var(--x-card);border:1px solid var(--x-line);border-radius: 8px;padding:26px 28px;text-decoration:none;color:var(--x-fg)}
.cp-teaser:hover{border-color:var(--x-acc);color:var(--x-fg)}.ct-title{font:600 32px 'Source Serif 4',sans-serif;color:var(--x-hi);letter-spacing:-.02em;font-variant-numeric:normal}
.ct-sub{color:var(--x-fg2);font-size:15px}.ct-ud{display:flex;flex-wrap:wrap;gap:6px 24px;font-size:14px}.ct-go{margin-top:6px;font-weight:600;color:var(--x-acc2)}

/* ---- value list filters per design ---- */
.vfilters{display:flex;flex-direction:column;gap:14px;margin-top:14px;background:var(--x-card);border:1px solid var(--line);border-radius: 8px;padding:16px 18px}
.vf-row{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.vf-k{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--x-mut2);min-width:72px}
.vfilters label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--x-mut2)}
.vfilters select{min-height:42px;border:1px solid var(--x-fg2);border-radius: 6px;padding:0 10px;font:15px Inter,sans-serif;background:var(--x-card);color:var(--ink);text-transform:none;letter-spacing:0;font-weight:400;min-width:200px}
.vf-note{font-size:13px;color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--x-fg2);background:var(--x-card);color:var(--ink);font-size:14px;text-decoration:none}
.chip:hover{border-color:var(--cy)}.chip.on{background:var(--x-acc);border-color:var(--x-acc);color:var(--x-onacc)}
.th-s{color:inherit;text-decoration:none}.th-s:hover,.th-s.on{color:var(--cyd)}
.vlx small.sx{display:block;font-size:12px;color:var(--mut);font-weight:400}.vlx td:first-child{min-width:230px}
.legend{margin-top:22px;gap:8px;font-size:14px;color:var(--mut)}.legend b{color:var(--ink)}