:root{
--bg:#F3F6F8;--card:#fff;--ink:#0B1219;--ink2:#0F1720;--ink3:#33414F;
--mut:#5B6B7B;--mut2:#7A8A99;--mut3:#8496A6;--mut4:#98A6B4;
--bd:#E1E7EC;--bd2:#D8E0E7;--bd3:#EDF1F4;--bd4:#CBD5DE;
--sub:#EDF1F4;--sub2:#F8FAFB;--sub3:#FAFBFC;--sub4:#F8F9FA;--sub5:#F1F4F6;
--acc:#5A47D8;--acc2:#4A38C4;--accbg:#F4F3FD;--accink:#33255E;
--ok:#0B7F58;--ok2:#0E9F6E;--warn:#B45309;--off:#64748B;
--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
--sans:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
--w:1180px;   /* one grid width for header, content and footer */
--gut:24px;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100%;background:var(--bg);font-family:var(--sans);
-webkit-font-smoothing:antialiased;color:var(--ink2)}
a{color:var(--acc2);text-decoration:none}
a:hover{color:var(--acc)}
h1,h2,h3,p{margin:0}
input{font-family:var(--mono)}
input:focus{outline:none}
button{font-family:inherit}
.mono{font-family:var(--mono)}
.tnum{font-variant-numeric:tabular-nums}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;z-index:99;background:#fff;padding:8px 12px;border:1px solid var(--acc)}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* demo-mode honesty strip */
.demostrip{background:#FFF8E6;border-bottom:1px solid #F0DFB0;color:#7A5B12;
padding:6px var(--gut);font:400 10.5px/1.5 var(--sans);text-align:center}
.demostrip span{font:700 9px var(--mono);letter-spacing:.1em;color:#B45309;
border:1px solid #E3C88A;border-radius:3px;padding:2px 5px;margin-right:7px}
.demostrip code{font:500 10px var(--mono);background:#F6ECD2;padding:1px 5px;border-radius:3px}
.live.demo i{background:var(--warn);box-shadow:0 0 0 3px rgba(180,83,9,.14)}
.live.demo span{color:var(--warn)}

/* header */
.hd{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--bd);
padding:0 var(--gut)}
.hdin{max-width:var(--w);margin:0 auto;display:flex;align-items:center;gap:18px;
min-height:52px;padding:9px 0}
.brand{display:flex;align-items:center;gap:8px;flex:none}
.brand i{width:15px;height:15px;border-radius:3px;background:var(--acc);display:block}
.brand b{font:700 12.5px var(--mono);color:var(--ink2);letter-spacing:-.02em}
.hsearch{position:relative;flex:1 1 auto;max-width:420px}
.hsbox{display:flex;align-items:center;gap:8px;padding:6px 11px;background:var(--sub2);
border:1px solid var(--bd2);border-radius:6px}
.hsbox input{flex:1;border:none;background:transparent;font-size:11.5px;font-weight:500;color:var(--ink2);padding:0}
.hsbox .ic{font:400 12px var(--mono);color:var(--mut3)}
.hsbox .go{cursor:pointer;font:600 10px var(--mono);color:var(--acc2);background:none;border:none;padding:0}
.sug{position:absolute;top:38px;left:0;right:0;background:#fff;border:1px solid var(--bd2);
border-radius:7px;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,32,.14);animation:fade .12s ease-out}
.sug a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--sub5)}
.sug .m{font:600 11.5px var(--mono);color:var(--ink)}
.sug .f{font:400 10.5px var(--sans);color:var(--mut2)}
.sug .s{margin-left:auto;font:500 10.5px var(--mono);color:var(--ok)}
.hnav{display:flex;gap:18px;flex:none}
.hnav a{font:500 11.5px var(--sans);color:var(--mut);padding:4px 0;
border-bottom:1.5px solid transparent}
.hnav a:hover{color:var(--ink2);border-bottom-color:var(--acc)}
.hright{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.cur{display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--acc);
border-radius:5px;background:rgba(90,71,216,.06)}
.cur .r{font:400 11px var(--sans);color:var(--ink3)}
.cur .d{width:1px;height:11px;background:#C6CDF0}
.cur button{cursor:pointer;font:700 11px var(--mono);color:var(--acc);background:none;border:none;padding:0}
.signin{padding:5px 11px;border:1px solid var(--bd2);border-radius:5px;font:500 11px var(--sans);color:var(--ink3)}

/* home */
.home{max-width:var(--w);margin:0 auto;padding:74px var(--gut) 60px;display:flex;flex-direction:column;align-items:center}
.kicker{font:700 11px var(--mono);letter-spacing:.18em;color:var(--acc);margin-bottom:16px}
.home h1{font:600 32px/1.2 var(--sans);color:var(--ink);letter-spacing:-.02em;text-align:center;margin-bottom:8px}
.home .lede{font:400 13px var(--sans);color:var(--mut);margin-bottom:30px}
.bigsearch{width:100%;max-width:720px;display:flex;align-items:center;gap:10px;
padding:6px 6px 6px 18px;background:#fff;border:1px solid var(--bd4);border-radius:9px;
box-shadow:0 0 0 4px rgba(90,71,216,.08)}
.bigsearch .ic{font:400 15px var(--mono);color:var(--mut3)}
.bigsearch input{flex:1;border:none;background:transparent;font-size:15px;font-weight:500;color:var(--ink2);padding:6px 0}
.bigsearch button{cursor:pointer;padding:10px 22px;background:var(--acc);border:none;border-radius:6px;
font:600 12.5px var(--sans);color:#fff}
.stats{display:flex;gap:44px;margin-top:52px;padding-top:26px;border-top:1px solid var(--bd);
width:100%;max-width:720px;justify-content:space-between}
.stats .n{font:500 20px var(--mono);color:var(--ink2)}
.stats .n.ok{color:var(--ok2)}
.stats .l{font:400 10.5px var(--sans);color:var(--mut2);margin-top:3px}
.hgrid{width:100%;display:grid;grid-template-columns:1.15fr 1fr;gap:22px;margin-top:46px}
.eyebrow{font:600 10px var(--mono);letter-spacing:.1em;color:var(--mut3);margin-bottom:9px}
.trend{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bd);
border:1px solid var(--bd);border-radius:6px;overflow:hidden}
.trend a{background:#fff;padding:9px 11px;display:flex;align-items:center;gap:8px}
.trend .m{font:600 11.5px var(--mono);color:var(--ink3)}
.trend .s{margin-left:auto;font:400 10px var(--mono);color:var(--ok)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{padding:6px 10px;border:1px solid var(--bd2);border-radius:5px;
font:500 11px var(--sans);color:var(--ink3);background:#fff;display:inline-block}

/* tables */
.tbl{border:1px solid var(--bd);border-radius:7px;overflow:hidden;background:#fff}
.tblscroll{overflow-x:auto}
.r{text-align:right}
.sechead{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.sechead h1,.sechead h2{font:600 15px var(--sans);color:var(--ink2)}
.sechead h1 b,.sechead h2 b{font-family:var(--mono);font-weight:700}
.sechead .n{font:400 10.5px var(--mono);color:var(--mut2)}

/* search results */
.sh{display:grid;grid-template-columns:210px 168px 1fr 112px 112px 116px;background:var(--sub);
border-bottom:1px solid var(--bd);min-width:880px}
.sh div{padding:7px 12px;font:600 9.5px var(--mono);letter-spacing:.07em;color:var(--mut)}
.srow{display:grid;grid-template-columns:210px 168px 1fr 112px 112px 116px;
align-items:center;border-bottom:1px solid var(--bd3);background:#fff;min-width:880px}
.srow.alt{background:var(--sub3)}
.srow:hover{background:#F4F6F8}
.crow:hover{background:#F4F6F8}
.srow div{padding:8px 12px}
.srow .m{font:600 12px var(--mono);color:var(--ink)}
.srow .f{font:400 11px var(--sans);color:var(--ink3)}
.srow .d{font:400 10.5px var(--sans);color:var(--mut2)}
.srow .pk{font:400 11px var(--mono);color:var(--mut)}
.srow .st{text-align:right;font:500 11.5px var(--mono);color:var(--ok)}
.srow .pr{text-align:right;font:700 11.5px var(--mono);color:var(--ink)}

/* part page */
.crumb{font:400 10.5px var(--mono);color:var(--mut3);margin-bottom:10px}
.crumb a{color:var(--mut3)}
.crumb b{color:var(--mut);font-weight:400}
.phead{padding:18px 0 16px}
.ptop{display:flex;align-items:flex-start;gap:28px;flex-wrap:wrap}
.pid{min-width:330px}
.pid .row1{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.pid h1{font:700 27px var(--mono);color:var(--ink);letter-spacing:-.015em}
.life{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:3px;
background:rgba(14,159,110,.09);border:1px solid rgba(14,159,110,.35);
font:700 9px var(--mono);letter-spacing:.06em;color:var(--ok)}
.life i{width:5px;height:5px;border-radius:50%;background:var(--ok2);display:block}
.pmfr{font:500 12.5px var(--sans);color:var(--ink3)}
.pdesc{font:400 11.5px/1.55 var(--sans);color:var(--mut);margin-top:5px;max-width:330px}
.tags{display:flex;gap:6px;margin-top:11px;flex-wrap:wrap}
.tag{padding:3px 7px;border:1px solid var(--bd2);border-radius:3px;font:500 9.5px var(--mono);color:var(--mut)}
.psum{flex:1;min-width:520px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
background:var(--bd);border:1px solid var(--bd);border-radius:6px;overflow:hidden}
.psum>div{background:#fff;padding:11px 13px}
.psum .k{font:500 9.5px var(--mono);color:var(--mut3);letter-spacing:.05em}
.psum .v{font:700 18px var(--mono);color:var(--ink);margin-top:5px}
.psum .v.ok{color:var(--ok)}
.psum .s{font:400 9.5px var(--mono);color:var(--mut2);margin-top:3px}
.qbar{display:flex;align-items:flex-end;gap:14px;margin-bottom:11px;flex-wrap:wrap}
.qbar h2{font:600 13px var(--sans);color:var(--ink2)}
.live{display:flex;align-items:center;gap:6px;margin-top:4px}
.live i{width:5px;height:5px;border-radius:50%;background:var(--ok2);
box-shadow:0 0 0 3px rgba(14,159,110,.14);display:block}
.live span{font:400 9.5px var(--mono);color:var(--mut2)}
.qctl{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qty{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#fff;border:1px solid var(--bd2);border-radius:5px}
.qty .k{font:400 10px var(--mono);color:var(--mut2)}
.qty button{cursor:pointer;width:18px;height:18px;border:none;border-radius:4px;background:var(--sub5);
display:flex;align-items:center;justify-content:center;font:700 11px var(--mono);color:var(--ink3)}
.qty input{width:56px;border:none;background:transparent;text-align:center;font-size:12px;font-weight:700;color:var(--ink)}
.qty .u{font:400 10px var(--sans);color:var(--mut3)}
.seg{display:flex;gap:1px;background:var(--bd2);border:1px solid var(--bd2);border-radius:5px;overflow:hidden}
.seg button{cursor:pointer;padding:5px 10px;border:none;font:600 10.5px var(--mono);background:#fff;color:var(--mut)}
.seg button.on{background:var(--ink2);color:#fff}
.qh{display:grid;grid-template-columns:200px 96px 66px 1fr 88px 126px;background:var(--sub);
border-bottom:1px solid var(--bd);min-width:900px}
.qh div{padding:7px 12px;font:600 9.5px var(--mono);letter-spacing:.07em;color:var(--mut)}
.grphd{padding:5px 12px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:8px;min-width:900px}
.grphd.t1{background:var(--accbg)}
.grphd.t1 .l{color:var(--acc2)}
.grphd.t2{background:var(--sub)}
.grphd.t2 .l{color:#4A5A6A}
.grphd.t3{background:var(--sub5)}
.grphd.t3 .l{color:var(--mut2)}
.grphd .l{font:700 9px var(--mono);letter-spacing:.08em}
.grphd .ln{flex:1;height:1px;background:var(--bd)}
.grphd .n{font:400 9px var(--mono);color:var(--mut3)}
.qr{display:grid;grid-template-columns:200px 96px 66px 1fr 88px 126px;align-items:center;
border-bottom:1px solid var(--bd3);background:#fff;border-left:2px solid transparent;min-width:900px}
.qr.alt{background:var(--sub3)}
.qr.t1{border-left-color:var(--acc)}
.qr.t3{background:var(--sub4)}
.qr.t3.alt{background:#F5F7F8}
.qr .dist{padding:8px 12px;display:flex;align-items:center;gap:8px}
.logo{width:62px;height:19px;border-radius:3px;flex:none;color:#fff;font:700 8.5px var(--sans);
display:flex;align-items:center;justify-content:center;overflow:hidden}
.logo.gs{filter:grayscale(1)}
.dname{font:500 11px var(--mono);color:var(--mut)}
.badge{font:700 8.5px var(--mono);letter-spacing:.05em;border-radius:3px;padding:2px 5px;border:1px solid;white-space:nowrap}
.badge.b1{color:var(--acc2);background:rgba(90,71,216,.09);border-color:rgba(90,71,216,.35)}
.badge.b2{color:#4A5A6A;background:transparent;border-color:var(--bd4)}
.fx{font:600 8px var(--mono);letter-spacing:.04em;color:var(--mut2);
border:1px dashed var(--bd4);border-radius:3px;padding:2px 4px;white-space:nowrap;cursor:help}
.badge.b3{color:var(--mut2);background:transparent;border-color:#DDE3E9}
.qr .stk{padding:8px 12px;text-align:right;font:500 12px var(--mono);color:var(--ok)}
.qr .stk.zero{color:var(--off)}
.qr .stk.low{color:var(--warn)}
.qr .stk.dim{color:var(--mut2)}
.qr .moq{padding:8px 12px;text-align:right;font:400 11.5px var(--mono);color:var(--mut)}
.brk{padding:5px 12px;display:grid;grid-template-columns:repeat(5,1fr);gap:1px}
.brk b{display:block;padding:3px 6px;border-radius:3px;font-weight:400}
.brk b .q{display:block;font:500 8.5px var(--mono);color:var(--mut3)}
.brk b .v{display:block;font:500 11.5px var(--mono);color:var(--ink3)}
.brk b.dim{opacity:.4}
.brk b.dim .v{color:var(--mut4)}
.brk b.on{background:var(--sub)}
.brk b.on .v{color:var(--ink)}
.qr.t1 .brk b.on{background:#F0EEFC;box-shadow:inset 0 0 0 1px var(--acc)}
.qr.t1 .brk b.on .q{color:var(--acc2)}
.qr.t2 .brk b.on,.qr.t3 .brk b.on{box-shadow:inset 0 0 0 1px #A9B6C2}
.qr.t3 .brk b .v{color:var(--mut2)}
.qr .ld{padding:8px 12px;text-align:right}
.qr .ld .a{font:500 11.5px var(--mono);color:var(--ink2)}
.qr .ld .a.warn{color:var(--warn)}
.qr.t3 .ld .a{color:var(--mut2)}
.qr .ld .b{font:400 9px var(--mono);color:var(--mut3)}
.qr .act{padding:6px 12px;display:flex;align-items:center;gap:8px;justify-content:flex-end}
.qr .act .u{font:700 12.5px var(--mono);color:var(--ink)}
.qr .act .x{font:400 8.5px var(--mono);color:var(--mut2)}
.qr .act .x.best{color:var(--ok)}
.qr .act .x.no{color:var(--mut4)}
.btn{padding:5px 9px;border-radius:4px;font:600 10.5px var(--sans);cursor:pointer;
border:1px solid var(--bd2);background:transparent;color:var(--ink3);white-space:nowrap}
.btn.buy{color:#fff;background:var(--acc);border-color:rgba(90,71,216,.4)}
a.btn{display:inline-block;text-decoration:none;line-height:1.25}
a.btn:hover{filter:brightness(1.07)}
a.btn.buy:hover{color:#fff}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn.q1{color:var(--acc2);background:rgba(90,71,216,.08);border-color:rgba(90,71,216,.4)}
.risk{padding:7px 12px 9px 14px;background:var(--sub4);border-bottom:1px solid var(--bd3);
font:400 9.5px/1.5 var(--sans);color:var(--mut2);min-width:900px}
.landed{display:flex;align-items:center;gap:16px;margin-top:9px;padding:9px 12px;
border:1px solid var(--bd);border-radius:6px;background:#fff;flex-wrap:wrap}
.landed .t{font:400 10.5px var(--sans);color:var(--mut)}
.landed .v{font:700 12.5px var(--mono);color:var(--ink)}
.landed .p{font:400 10px var(--mono);color:var(--mut2)}
.landed a{margin-left:auto;font:600 10.5px var(--sans)}

/* accordion */
.mods{display:flex;flex-direction:column;gap:9px;margin-top:20px}
.mod{border:1px solid var(--bd);border-radius:7px;background:#fff;overflow:hidden}
.mod>summary{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;list-style:none}
.mod>summary::-webkit-details-marker{display:none}
.mod>summary .t{font:600 11.5px var(--sans);color:var(--ink3)}
.mod>summary .m{font:400 10px var(--mono);color:var(--mut3)}
.mod>summary .c{margin-left:auto;font:400 12px var(--sans);color:var(--mut3)}
.mbody{border-top:1px solid var(--bd3);padding:13px 14px 16px;background:var(--sub3)}
.attrs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bd);
border:1px solid var(--bd);border-radius:6px;overflow:hidden}
.attrs>div{background:#fff;padding:8px 11px;display:flex;gap:12px}
.attrs .k{font:400 10.5px var(--sans);color:var(--mut2);min-width:132px}
.attrs .v{font:500 11px var(--mono);color:var(--ink2)}
.ds{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.ds .pdf{width:76px;height:98px;border:1px solid var(--bd);border-radius:4px;background:#fff;
display:flex;align-items:center;justify-content:center;font:400 8.5px var(--mono);color:var(--mut4)}
.ds .t{font:600 12px var(--sans);color:var(--ink2)}
.ds .m{font:400 10.5px var(--mono);color:var(--mut2);margin-top:4px}
.ds .b{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}
.dbtn{padding:7px 13px;border-radius:5px;font:600 10.5px var(--sans);cursor:pointer;
background:var(--acc);color:#fff;border:1px solid var(--acc)}
.dbtn.alt{background:#fff;color:var(--ink3);border-color:var(--bd2)}
.tar{border:1px solid var(--bd);border-radius:6px;overflow:hidden;background:#fff;max-width:520px}
.tar .l{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--bd3)}
.tar .l .k{font:400 11px var(--sans);color:var(--ink3)}
.tar .l .v{margin-left:auto;font:500 11.5px var(--mono);color:var(--ink2)}
.tar .tot{display:flex;align-items:baseline;padding:11px 12px;background:var(--accbg)}
.tar .tot .k{font:600 11.5px var(--sans);color:var(--accink)}
.tar .tot .v{margin-left:auto;font:700 15px var(--mono);color:var(--ink)}
.cad{display:flex;gap:8px;flex-wrap:wrap}
.cad span{padding:8px 13px;border:1px solid var(--bd2);border-radius:5px;background:#fff;
font:500 10.5px var(--mono);color:var(--ink3);cursor:pointer}
.alts{border:1px solid var(--bd);border-radius:6px;overflow:hidden;background:#fff}
.alts a{display:grid;grid-template-columns:200px 130px 1fr 96px 100px;align-items:center;
border-bottom:1px solid var(--bd3)}
.alts a>div{padding:8px 11px}
.alts .m{font:600 11.5px var(--mono);color:var(--ink)}
.alts .f{font:400 11px var(--sans);color:var(--ink3)}
.alts .n{font:400 10.5px var(--sans);color:var(--mut2)}
.alts .s{text-align:right;font:500 11px var(--mono);color:var(--ok)}
.alts .p{text-align:right;font:700 11.5px var(--mono);color:var(--ink)}
.rel{display:flex;gap:7px;flex-wrap:wrap}
.rel a{padding:6px 10px;border:1px solid var(--bd2);border-radius:5px;background:#fff;
font:500 11px var(--mono);color:var(--ink3)}
.faq{display:flex;flex-direction:column;gap:10px;max-width:640px}
.faq .q{font:600 11.5px var(--sans);color:var(--ink2)}
.faq .a{font:400 11px/1.65 var(--sans);color:var(--mut);margin-top:4px}

/* category */
.cat{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:start;padding-bottom:48px}
.filters{background:#fff;border:1px solid var(--bd);border-radius:7px;padding:14px 15px 18px;margin-top:18px}
.filters h3{font:600 11px var(--sans);color:var(--ink2);margin-bottom:8px}
.fchips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}
.fchip{padding:4px 9px;border-radius:4px;font:500 10px var(--mono);background:#fff;
color:var(--ink3);border:1px solid var(--bd2);cursor:pointer}
.fchip.on{background:rgba(90,71,216,.08);color:var(--acc2);border-color:var(--acc)}
.fcol{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.fbox{display:flex;align-items:center;gap:8px;cursor:pointer;background:none;border:none;padding:0;width:100%}
.fbox i{width:13px;height:13px;border-radius:3px;display:flex;align-items:center;justify-content:center;
font:700 8px var(--sans);color:#fff;background:#fff;border:1px solid var(--bd4);font-style:normal;flex:none}
.fbox.on i{background:var(--acc);border-color:var(--acc)}
.fbox .l{font:400 11px var(--mono);color:var(--ink3)}
.fbox .n{margin-left:auto;font:400 10px var(--mono);color:var(--mut4)}
.clr{cursor:pointer;margin-top:16px;padding:12px 0 0;border:none;border-top:1px solid var(--bd3);
font:600 10.5px var(--sans);color:var(--acc2);background:none;display:block;text-align:left;width:100%}
.ch{display:grid;grid-template-columns:1fr 120px 78px 66px 74px 64px 92px 104px;
background:var(--sub);border-bottom:1px solid var(--bd);min-width:830px}
.ch div{padding:7px 10px;font:600 9px var(--mono);letter-spacing:.06em;color:var(--mut)}
.crow{display:grid;grid-template-columns:1fr 120px 78px 66px 74px 64px 92px 104px;
align-items:center;border-bottom:1px solid var(--bd3);background:#fff;min-width:830px}
.crow.alt{background:var(--sub3)}
.crow>div{padding:7px 10px}
.crow .m{font:600 11.5px var(--mono);color:var(--ink)}
.crow .f{font:400 10.5px var(--sans);color:var(--ink3)}
.crow .x{text-align:right;font:400 11px var(--mono);color:var(--ink2)}
.crow .pk{font:400 11px var(--mono);color:var(--mut)}
.crow .s{text-align:right;font:500 11px var(--mono);color:var(--ok)}
.crow .s.zero{color:var(--off)}
.crow .s.low{color:var(--warn)}
.crow .p{text-align:right;font:700 11.5px var(--mono);color:var(--ink)}
.empty{background:#fff;border:1px solid var(--bd);border-radius:7px;padding:26px 22px}
.empty .t{font:600 14px var(--sans);color:var(--ink);margin-bottom:6px}
.empty .d{font:400 11.5px/1.65 var(--sans);color:var(--mut);max-width:380px;margin-bottom:14px}
.hide{display:none}

/* 404 */
.miss{max-width:820px;margin:0 auto;padding:40px var(--gut) 60px}
.misscard{background:#fff;border:1px solid var(--bd);border-radius:8px;padding:30px 26px}
.code{font:700 9px var(--mono);letter-spacing:.1em;color:var(--mut);border:1px solid var(--bd4);
border-radius:3px;padding:3px 7px}
.miss h1{margin:14px 0 8px;font:600 20px var(--sans);color:var(--ink)}
.miss h1 b{font-family:var(--mono);font-weight:700}
.miss p{margin:0 0 22px;max-width:470px;font:400 12px/1.7 var(--sans);color:var(--mut)}
.missgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dym{border:1px solid var(--bd);border-radius:6px;overflow:hidden}
.dym a{display:flex;align-items:center;padding:9px 11px;border-bottom:1px solid var(--bd3)}
.dym .m{font:600 11.5px var(--mono);color:var(--ink)}
.dym .f{margin-left:auto;font:400 10px var(--sans);color:var(--mut2)}
.spec{padding:12px 13px;border:1px solid var(--bd);border-radius:6px}
.spec .d{font:400 11px/1.6 var(--sans);color:var(--mut);margin-bottom:10px}
.spec a{display:block;padding:8px 0;text-align:center;background:var(--acc);border-radius:5px;
font:600 11px var(--sans);color:#fff}
.noidx{font:400 9px var(--mono);color:var(--mut4);margin-top:16px}

/* footer */
.ft{border-top:1px solid var(--bd);background:#fff;padding:18px 24px;display:flex;
align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.ft b{font:700 11px var(--mono);color:var(--ink2)}
.ft .t{font:400 10.5px var(--sans);color:var(--mut2)}
.ft .r{margin-left:auto;font:400 10.5px var(--mono);color:var(--mut4)}

/* category index */
.catidx{padding-top:26px;padding-bottom:52px}
.catidx h1{font:600 26px/1.25 var(--sans);color:var(--ink);letter-spacing:-.015em}
.catidx .lede{font:400 13px/1.7 var(--sans);color:var(--mut);margin:10px 0 26px;max-width:680px}
.catidx .lede em{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--acc2)}
.catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.catcard{display:block;background:#fff;border:1px solid var(--bd);border-radius:7px;
padding:14px 15px 15px}
.catcard:hover{border-color:var(--acc);box-shadow:0 2px 10px rgba(90,71,216,.07)}
.catcard .ct{font:600 13px var(--sans);color:var(--ink)}
.catcard .cm{font:500 10px var(--mono);color:var(--acc2);margin-top:3px;letter-spacing:.04em}
.catcard .cb{font:400 11px/1.65 var(--sans);color:var(--mut2);margin-top:8px}

/* category pages */
.catpage{padding-top:18px;padding-bottom:48px}
.catpage .crumb{margin-bottom:14px}
.catblurb{font:400 12px/1.7 var(--sans);color:var(--mut);max-width:660px;margin-bottom:14px}
.catpage.param .crumb{margin-bottom:4px}
.chipnote{margin-top:10px}
.chipnote a{font:600 11px var(--sans)}
.fine{font:400 10.5px/1.6 var(--sans);color:var(--mut2);margin-top:10px;max-width:560px}
.subhd{font:600 10px var(--mono);letter-spacing:.1em;color:var(--mut3);margin:2px 0 8px}
.mbody .subhd:nth-of-type(2),.mbody .attrs+.subhd{margin-top:14px}
.lifenote{font:400 10.5px/1.6 var(--sans);color:var(--mut2);margin-top:7px;max-width:330px}
.life.nrnd{background:rgba(180,83,9,.09);border-color:rgba(180,83,9,.35);color:var(--warn)}
.life.nrnd i{background:var(--warn)}

/* datasheet empty state + tighter manufacturer grid */
.ds .pdf.empty{color:var(--bd4);font-size:18px;border-style:dashed}
.ds .m{max-width:420px;line-height:1.6}
.catgrid.tight{grid-template-columns:repeat(4,1fr);gap:10px}
.catgrid.tight .catcard{padding:12px 13px}
.pmfr a{color:var(--ink3);border-bottom:1px solid var(--bd2)}
.pmfr a:hover{color:var(--acc2);border-bottom-color:var(--acc)}
a.dbtn{display:inline-block;text-decoration:none}
a.dbtn:hover{filter:brightness(1.08)}

/* category browse board */
.browse{width:100%;margin-top:58px;padding-top:42px;border-top:1px solid var(--bd)}
.bsub{text-align:center;font:400 11.5px var(--mono);color:var(--mut2);margin:-26px 0 30px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bcard{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--bd);
border-radius:7px;padding:13px 15px}
.bcard:hover{border-color:var(--acc);box-shadow:0 2px 10px rgba(90,71,216,.07)}
.bcard .bn{font:600 12.5px var(--sans);color:var(--ink);line-height:1.35}
.bcard .bc{margin-left:auto;font:500 11px var(--mono);color:var(--acc2);flex:none}

/* feature grid */
.feats{width:100%;margin-top:64px;padding-top:44px;border-top:1px solid var(--bd)}
.fttl{font:600 19px var(--sans);color:var(--ink);text-align:center;margin-bottom:36px;letter-spacing:-.01em}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px 56px;max-width:1000px;margin:0 auto}
.feat{display:flex;gap:16px;align-items:flex-start}
.ficon{flex:none;width:34px;height:34px;color:var(--acc);display:block;margin-top:2px}
.ficon svg{width:34px;height:34px;display:block}
.feat h3{font:600 14px var(--sans);color:var(--ink);margin-bottom:6px}
.feat p{font:400 12px/1.75 var(--sans);color:var(--mut)}
.fcta{display:flex;justify-content:center;margin-top:40px}
.fcta a{padding:9px 20px;border:1px solid var(--bd2);border-radius:999px;background:#fff;
font:600 11.5px var(--sans);color:var(--ink3)}
.fcta a:hover{border-color:var(--acc);color:var(--acc2)}

/* prose pages */
.prose{max-width:760px;margin:0 auto;padding:44px var(--gut) 56px}
.prose.wide{max-width:1000px}
.prose h1{font:600 26px/1.25 var(--sans);color:var(--ink);letter-spacing:-.015em}
.prose .lede{font:400 13.5px/1.7 var(--sans);color:var(--mut);margin:11px 0 32px;max-width:600px}
.prose section{margin-bottom:26px}
.prose h2{font:600 15px var(--sans);color:var(--ink2);margin-bottom:8px}
.prose p{font:400 12.5px/1.8 var(--sans);color:var(--mut)}
.prose p.note{font-size:11.5px;margin-bottom:10px}
.prose a{border-bottom:1px solid rgba(90,71,216,.3)}

/* learn more */
.learn .lfeats{display:flex;flex-direction:column;gap:28px;margin-top:20px}
.lfeat{display:flex;gap:16px;align-items:flex-start}
.lfeat h3{font:600 14px var(--sans);color:var(--ink);margin-bottom:7px}
.lfeat p{font:400 12.5px/1.8 var(--sans);color:var(--mut)}
.tryit{margin-top:9px;font:500 11px var(--mono)!important;color:var(--mut2)!important}
.tryit span{color:var(--mut3)}
.tryit a{border-bottom:none;color:var(--acc2)}

/* most searched */
.mslist{border:1px solid var(--bd);border-radius:7px;overflow:hidden;background:#fff}
.msrow{display:grid;grid-template-columns:210px 150px 1fr 96px;align-items:center;
border-bottom:1px solid var(--bd3);padding:9px 12px;gap:12px}
.msrow:last-child{border-bottom:none}
.msrow:hover{background:var(--sub3)}
.msrow .m{font:600 11.5px var(--mono);color:var(--ink)}
.msrow .f{font:400 11px var(--sans);color:var(--ink3)}
.msrow .d{font:400 10.5px var(--sans);color:var(--mut2)}
.msrow .p{text-align:right;font:700 11.5px var(--mono);color:var(--ink)}

/* footer */
.ft{border-top:1px solid var(--bd);background:#fff;margin-top:8px;padding:32px var(--gut) 0;display:block}
.ftin{max-width:var(--w);margin:0 auto;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:28px}
.fbrand .brand{margin-bottom:10px}
.fbrand .t{font:400 11px/1.7 var(--sans);color:var(--mut2);max-width:330px;margin-bottom:12px}
.floc{font:400 10.5px var(--mono);color:var(--mut4)}
.fh{font:600 10px var(--mono);letter-spacing:.1em;color:var(--mut3);margin-bottom:11px}
.fcolm{display:flex;flex-direction:column;gap:8px}
.fcolm a{font:400 11.5px var(--sans);color:var(--mut)}
.fcolm a:hover{color:var(--acc2)}
.fbot{max-width:var(--w);margin:26px auto 0;padding:13px 0 18px;border-top:1px solid var(--bd3);
display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;
font:400 10px var(--mono);color:var(--mut4)}
.fbot .r{margin-left:auto;font-family:var(--sans);font-size:10.5px;max-width:560px;text-align:right}

@media(max-width:900px){
.fgrid{grid-template-columns:1fr;gap:26px}
.feats{margin-top:46px;padding-top:34px}
.ftin{grid-template-columns:1fr 1fr;gap:24px}
.fbrand{grid-column:1/-1}
.fbot .r{margin-left:0;text-align:left}
.msrow{grid-template-columns:1fr auto}
.msrow .f,.msrow .d{display:none}
.catgrid{grid-template-columns:1fr 1fr}
.bgrid{grid-template-columns:1fr 1fr}
.catgrid.tight{grid-template-columns:1fr 1fr}
.hgrid{grid-template-columns:1fr}
.cat{grid-template-columns:1fr}
.filters{margin-top:0}
.stats{gap:18px;flex-wrap:wrap;justify-content:flex-start}
.psum{min-width:0;grid-template-columns:1fr 1fr}
.pid{min-width:0}
.missgrid{grid-template-columns:1fr}
.alts a{grid-template-columns:1fr 1fr}
.alts .n{display:none}
.home{padding-top:44px}
.home h1{font-size:25px}
.hnav{display:none}
}
@media(max-width:620px){
.hd{padding:0 14px}
.hdin{flex-wrap:wrap;gap:12px;padding:8px 0}
.hsearch{order:3;flex:1 0 100%;max-width:none}
.wrap{padding:0 14px}
.ft{padding:26px 14px 0}
.attrs{grid-template-columns:1fr}
.bgrid{grid-template-columns:1fr}
.catgrid{grid-template-columns:1fr}
.psum{grid-template-columns:1fr}
.pid h1{font-size:21px}
}