:root{--gold:#D9B868;
  --page:#0F0F0F; --card:#191919; --card-2:#161616; --well:#0C0C0C;
  --line:#2A2A2A; --line-2:#3A3A3A;
  --t1:#F2F2F2; --t2:#A0A0A0; --t3:#8C8C8C; --bridge:#606060;
  --accent:#0EABE2; --up:#0ECB81; --down:#F6465D;

  --d1:clamp(42px,5.4vw,74px); --d2:clamp(30px,3vw,44px);
  --d3:17px; --d4:13px; --d5:11px;
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:96px; --s7:144px;

  --accent-hover:#3BC2EE; --on-accent:#06232E;
  --lane-calm:#0B1A2B; --lane-mine:#101820;
  --lane-alert:#1A1206; --lane-direct:#0A1512; --lane-news:#1C1C1C;

  --lane:40px; --col:min(560px,92vw); --wide:min(1440px,94vw);
  --ff-d:"Space Grotesk",system-ui,sans-serif;
  --ff-b:"Inter",system-ui,sans-serif;
  --ff-m:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--t1);
  font-family:var(--ff-b);font-size:var(--d3);line-height:1.6;
  -webkit-font-smoothing:antialiased}
.col{width:var(--col);margin-inline:auto}
.wide{width:var(--wide);margin-inline:auto}


.site{position:sticky;top:0;z-index:50;padding:var(--s3) 0;
  border-bottom:1px solid var(--line);background:var(--page)}
.nav{display:flex;align-items:center;gap:var(--s5)}
.logo{flex:none;display:block;line-height:0}
.logo img{height:26px;width:auto;display:block;opacity:.95}

@font-face{font-family:"ScoutDex";src:url("/_fonts/ScoutDex-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
.logo-t{line-height:1;font-family:"ScoutDex","Space Grotesk",system-ui,sans-serif;font-weight:700;
  font-size:30px;letter-spacing:.02em;color:var(--t1,#F2F2F2);text-decoration:none}
.logo-t b{font-weight:700;color:var(--accent,#0EABE2)}
.menu{display:flex;gap:var(--s4);flex:1}
.menu a{color:var(--t2);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s}
.menu a:hover,.menu a.on{color:var(--t1)}


.mi{position:static}                      
.mi>a{display:inline-flex;align-items:center;gap:7px}
.mi>a::after{content:"";width:0;height:0;
  border:4px solid transparent;border-top-color:currentColor;margin-top:4px;
  transition:transform .18s}
.mi.open>a::after{transform:rotate(180deg);margin-top:0}
.mi.open>a{color:var(--t1)}
.mi.flat>a::after{display:none}          

.mega{position:absolute;left:0;right:0;top:100%;overflow:hidden;
  background:linear-gradient(rgba(255,255,255,.045),rgba(255,255,255,.045)),var(--card);
  border-bottom:1px solid var(--line-2);
  box-shadow:0 24px 60px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translateY(-14px);
  
  transition:opacity .13s ease,transform .13s ease,visibility .13s}


.mi.open .mega{opacity:1;visibility:visible;transform:none;
  transition:opacity .42s cubic-bezier(.16,.8,.24,1) .17s,
             transform .42s cubic-bezier(.16,.8,.24,1) .17s,
             visibility 0s linear .17s}


.mtitle{font-family:var(--ff-d);font-size:17px;font-weight:600;margin:0;letter-spacing:-.01em}
.mtitle span{color:var(--accent)}
.msub{margin:4px 0 var(--s4);font-size:var(--d4);color:var(--t3);max-width:44ch}


.mgrid{display:grid;grid-template-columns:1.25fr 1fr .95fr;gap:0;padding:0;
  grid-template-rows:auto auto 1fr}                 

.mcol{display:grid;grid-template-rows:subgrid;grid-row:1/-1;padding:0 var(--s4)}
.mcol:first-child{padding-left:0}
.mcol+.mcol{border-left:1px solid var(--line)}      
.mtop{grid-row:1;padding-top:var(--s4)}             
.mcol h5{grid-row:2}
.mbody{grid-row:3;padding-bottom:var(--s3)}
@supports not (grid-template-rows:subgrid){         
  .mcol{display:block;padding-top:var(--s4);padding-bottom:var(--s3)}
  .mtop{padding-top:0}
}
.mcol h5{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.16em;color:var(--t3);
  margin:0 0 var(--s2);font-weight:400}

.mlink{display:flex;gap:var(--s2);align-items:flex-start;padding:9px 0;text-decoration:none}
.mlink b{display:block;font-family:var(--ff-d);font-size:15px;font-weight:600;
  color:var(--t1);margin-bottom:2px}
.mlink span{display:block;font-size:var(--d4);color:var(--t3);line-height:1.5}
.mlink:hover b{color:var(--accent)}
.mlink>span:last-child{flex:1;min-width:0}   


.ico{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}
.mlink .ico{width:32px;height:32px;stroke-width:2;color:var(--accent);margin-top:2px;
  transition:color .18s}
.mlink:hover .ico{color:var(--accent-hover)}



.mcol.side{background:rgba(255,255,255,.035);
  padding-right:calc((100vw - var(--wide))/2 + var(--s4));
  margin-right:calc((100vw - var(--wide))/-2)}
.mcol.side h5{color:var(--t2)}
.mcol.side .mlink span{color:var(--t2)}

.mlink.soon b::after{content:"soon";font-family:var(--ff-m);font-size:9px;letter-spacing:.14em;
  color:var(--bridge);border:1px solid var(--line-2);padding:1px 5px;margin-left:8px;
  vertical-align:middle}

.mbar{border-top:1px solid var(--line);background:var(--card-2)}
.mbar .wide{display:flex;gap:var(--s5);padding:var(--s3) 0;align-items:center}
.mbar a{display:inline-flex;align-items:center;gap:9px;
  font-family:var(--ff-m);font-size:var(--d4);letter-spacing:.06em;
  color:var(--t2);text-decoration:none}
.mbar a:first-child{color:var(--accent)}
.mbar a:hover{color:var(--accent)}
.mbar .ico{width:15px;height:15px}
.util{display:flex;align-items:center;gap:var(--s3);flex:none}
.util .signin{color:var(--t2);text-decoration:none;font-size:14px;font-weight:500}
.util .signin:hover{color:var(--t1)}

.lang{position:relative}
.lbtn{display:flex;align-items:center;gap:6px;background:none;border:1px solid transparent;border-radius:6px;
  padding:6px 8px;color:var(--t2);font:500 13px/1 var(--ff-m,ui-monospace,monospace);letter-spacing:.06em;cursor:pointer}
.lbtn svg{width:17px;height:17px}
.lbtn:hover,.lang.open .lbtn{color:var(--t1);border-color:var(--line-2)}
.lmenu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;z-index:60;display:none;
  background:var(--card);border:1px solid var(--line-2);border-radius:10px;padding:6px;
  box-shadow:0 16px 40px rgba(0,0,0,.55)}
.lang.open .lmenu{display:block}
.lmenu a,.lmenu .soon{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 10px;border-radius:6px;font-size:14px;text-decoration:none}
.lmenu a{color:var(--t1)} .lmenu a:hover{background:rgba(255,255,255,.05)}
.lmenu a i{font-style:normal;color:var(--accent)}
.lmenu .soon{color:var(--t3);cursor:default;opacity:.7}
.lmenu .soon small{font:11px/1 var(--ff-m,ui-monospace,monospace);letter-spacing:.06em;color:var(--t3)}
.lmenu p{margin:4px 10px 6px;padding-top:8px;border-top:1px solid var(--line);font-size:12px;color:var(--t3)}


.hbtn{display:none;background:none;border:0;padding:4px;margin:0;cursor:pointer;color:var(--t1);flex:none}
.hbtn .ico{width:22px;height:22px;display:block}
.hbtn .i-shut{display:none}
.hbtn[aria-expanded="true"] .i-open{display:none}
.hbtn[aria-expanded="true"] .i-shut{display:block}
.mpanel{display:none;flex-direction:column;padding:var(--s2) var(--s4) var(--s4);
  border-top:1px solid var(--line);background:var(--page)}
.mpanel a{padding:13px 0;color:var(--t2);text-decoration:none;font-size:15px;
  font-weight:500;border-bottom:1px solid var(--line-2)}
.mpanel a:last-child{border-bottom:0}
.mpanel a:hover{color:var(--t1)}
.site.mopen .mpanel{display:flex}
@media (max-width:860px){
  .menu{display:none}
  .util .signin{display:none}
  .hbtn{display:block}
  .logo-t{font-size:22px}
}

@media (max-width:520px){
  .util .btn{display:none}
  .lbtn span{display:none}
  .util{gap:var(--s1)}
}

.btn{display:inline-block;padding:15px 30px;border-radius:3px;font-weight:600;
  font-size:15px;text-decoration:none;transition:.18s}
.btn.p{background:var(--accent);color:var(--on-accent)}
.btn.p:hover{background:var(--accent-hover)}
.btn.s{color:var(--t1);border:1px solid var(--line-2);background:transparent}
.btn.s:hover{border-color:var(--bridge)}
.btn.sm{padding:10px 18px;font-size:13px}


.phero{padding:var(--s7) 0 var(--s6)}
.eyebrow{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.22em;
  color:var(--accent);text-transform:uppercase;margin:0 0 var(--s3)}
h1{font-family:var(--ff-d);font-size:var(--d1);line-height:.98;letter-spacing:-.035em;
  font-weight:600;margin:0;max-width:15ch}
h1 em{font-style:normal;color:var(--t2);display:block}
.lede{margin:var(--s4) 0 0;color:var(--t2);font-size:19px;line-height:1.65;max-width:58ch}
.acts{margin:var(--s4) 0 0;display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}
.rule{height:1px;background:var(--line);width:100%}


.sec{padding:var(--s7) 0}
.sec .wide{display:grid;grid-template-columns:minmax(0,420px) 768px;
  justify-content:center;align-items:center;gap:var(--s7)}
.sec.flip .wide{direction:rtl}
.sec.flip .wide>*{direction:ltr}

.num{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.2em;color:var(--gold);
  margin:0 0 var(--s3)}
.sec h2{font-family:var(--ff-d);font-size:var(--d2);line-height:1.12;letter-spacing:-.02em;
  font-weight:600;margin:0}
.sec p{margin:var(--s3) 0 0;color:var(--t2);font-size:19px}
.sec .note{margin-top:var(--s3);font-family:var(--ff-m);font-size:14px;color:var(--t3);
  padding-left:var(--s2);border-left:2px solid var(--line-2);line-height:1.75}
.motion{width:768px;height:432px;max-width:100%;overflow:hidden}
.motion iframe{width:768px;height:432px;border:0;display:block}


.facts{margin:var(--s4) 0 0;display:grid;gap:var(--s3)}
.facts div{border-top:1px solid var(--line);padding-top:var(--s2)}
.facts b{display:block;font-family:var(--ff-d);font-size:16px;font-weight:600;margin-bottom:4px}
.facts p{margin:0;color:var(--t3);font-size:var(--d4);line-height:1.7}


.claim{padding:var(--s7) 0;background:var(--card-2);border-block:1px solid var(--line)}
.claim h2{font-family:var(--ff-d);font-size:clamp(32px,3.6vw,52px);letter-spacing:-.028em;
  font-weight:600;margin:0;line-height:1.08;max-width:20ch}
.claim .lede{max-width:64ch;font-size:20px}


.dgm{width:768px;max-width:100%;background:var(--well);
  border:1px solid var(--line);padding:var(--s4);display:grid;gap:var(--s3)}
.dgm.wideq{width:100%}
.dg-lab{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.18em;color:var(--t3)}
.dg-lab.hi{color:var(--accent)}

.dstrip{height:var(--lane);display:flex;align-items:center;overflow:hidden;
  background:var(--lane-calm);border:1px solid var(--line);
  font-family:var(--ff-m);font-size:12px}
.dstrip.grey{background:var(--lane-news)}
.dstrip.mine{background:var(--lane-mine)}
.dstrip .bdg{flex:none;padding:0 12px;height:100%;display:flex;align-items:center;
  border-right:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.3);
  font-size:var(--d5);letter-spacing:.12em;color:var(--t2)}
.dstrip .t{flex:0 0 auto;display:flex;gap:7px;align-items:center;padding:0 14px;height:100%;
  border-right:1px solid rgba(255,255,255,.055);white-space:nowrap}
.dstrip .t .s{color:var(--t1);font-weight:700}
.dstrip .t .c{font-variant-numeric:tabular-nums}
.dstrip .t .c.u{color:var(--up)} .dstrip .t .c.d{color:var(--down)}
.dstrip.faded .t{opacity:.30}
.dstrip .t .bell{width:5px;height:5px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 7px var(--accent)}


.dgm-b .gap{height:var(--s2)}


.dgm-d .row{display:grid;grid-template-columns:minmax(0,220px) 40px minmax(0,1fr);
  gap:var(--s2);align-items:center}
.deckbox{border:1px solid var(--line-2);background:var(--card);padding:var(--s3)}
.deckbox b{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.16em;color:var(--accent);
  display:block;margin-bottom:var(--s2)}
.deckbox span{display:block;font-family:var(--ff-m);font-size:12px;color:var(--t2);line-height:2}
.fan{font-family:var(--ff-m);color:var(--bridge);text-align:center;font-size:18px}
.dgm-d .lanes3{display:grid;gap:6px}


.dgm-e .grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s2)}
.node{border:1px solid var(--line-2);background:var(--card);padding:var(--s3);text-align:center}
.node b{display:block;font-family:var(--ff-d);font-size:15px;font-weight:600}
.node span{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.14em;color:var(--t3)}
.node.strong{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.wirex{height:1px;background:var(--accent);position:relative;min-width:60px}
.wirex::after{content:"";position:absolute;right:-1px;top:-4px;
  border-left:8px solid var(--accent);border-block:4px solid transparent}
.wirelab{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.1em;
  color:var(--accent);text-align:center;padding-bottom:6px}
.aside{margin-top:var(--s3);border:1px dashed var(--line-2);padding:var(--s3);
  display:grid;gap:6px;text-align:center}
.aside b{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.16em;color:var(--t3)}
.aside p{margin:0;color:var(--bridge);font-size:var(--d4)}


.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);margin:var(--s5) 0 0}
.pair>div{background:var(--card);padding:var(--s4)}
.pair .k{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.16em;
  color:var(--accent);margin:0 0 var(--s2)}
.pair h3{font-family:var(--ff-d);font-size:19px;margin:0 0 var(--s2);font-weight:600}
.pair p{margin:0 0 var(--s2);color:var(--t2);font-size:15px;line-height:1.7}
.pair p:last-child{margin-bottom:0}
.pair .warn{color:var(--t3);font-size:var(--d4);border-left:2px solid var(--line-2);
  padding-left:var(--s2)}


.strip{padding:var(--s6) 0;background:var(--card-2);border-block:1px solid var(--line)}
.strip.plain{background:transparent;border-block:0}
.strip h2{font-family:var(--ff-d);font-size:var(--d2);margin:0 0 var(--s3);
  letter-spacing:-.02em;font-weight:600;max-width:22ch}
.strip .lede{margin:0 0 var(--s5)}
.cells{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.cells.four{grid-template-columns:repeat(4,1fr)}
.cell{background:var(--card-2);padding:var(--s4) var(--s3)}
.strip.plain .cell{background:var(--page)}
.cell .k{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.16em;
  color:var(--accent);margin:0 0 var(--s2)}
.cell h3{font-family:var(--ff-d);font-size:16px;margin:0 0 var(--s1);font-weight:600}
.cell p{margin:0;color:var(--t3);font-size:var(--d4);line-height:1.7}


.close{padding:var(--s7) 0}
.close h2{font-family:var(--ff-d);font-size:clamp(30px,3.4vw,46px);letter-spacing:-.025em;
  margin:0;font-weight:600;line-height:1.1;max-width:18ch}
.close p{margin:var(--s3) 0 0;color:var(--t2);max-width:52ch}
.close .acts{margin-top:var(--s4)}


footer{border-top:1px solid var(--line);background:var(--card-2);padding:var(--s5) 0 var(--s4)}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--s4)}
.fgrid h4{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.16em;color:var(--t3);
  margin:0 0 var(--s2);font-weight:400}
.fgrid a{display:block;color:var(--t2);text-decoration:none;font-size:var(--d4);padding:5px 0}
.fgrid a:hover{color:var(--t1)}
.mark{font-family:"ScoutDex",var(--ff-d);font-weight:700;font-size:23px;letter-spacing:.02em;margin:0}
.mark span{color:var(--accent)}
.legal{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--line);
  display:grid;gap:6px;font-size:var(--d4);color:var(--t3)}
.legal .disc{color:var(--bridge);font-size:12px;margin-top:var(--s2);max-width:76ch}
.mor{color:var(--bridge)}
.mor u{text-decoration:none;border-bottom:1px dashed var(--line-2);padding:0 3px;color:var(--t3)}


@media (max-width:1420px){
  .sec .wide{grid-template-columns:1fr;gap:var(--s4);justify-content:start}
  .sec .wide,.sec.flip .wide{direction:ltr}
  .dgm{width:100%}
}
@media (max-width:900px){
  .cells,.cells.four,.fgrid,.pair,.dgm-d .row,.dgm-e .grid{grid-template-columns:minmax(0,1fr)}
  .wirex{height:40px;width:1px;justify-self:center}
  .wirex::after{right:-4px;top:auto;bottom:-1px;
    border-top:8px solid var(--accent);border-left:4px solid transparent;
    border-right:4px solid transparent;border-bottom:0}
  .menu{display:none}
}




.mlink.cur b{color:var(--accent)}
.mlink.cur .ico{color:var(--accent)}


.shero{padding:var(--s6) 0 var(--s5);text-align:center}
.shero .wide{display:grid;justify-items:center}
.kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 var(--s3);
  font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.2em;color:var(--accent);
  text-transform:uppercase}
.kicker .ico{width:18px;height:18px;stroke-width:2}
.shero h1{max-width:18ch;text-align:center}
.shero .lede{margin:var(--s3) auto 0;text-align:center;max-width:62ch}
.shero .acts{justify-content:center}


.shero.left{text-align:left;padding:var(--s5) 0 var(--s4)}
.shero.left .wide{display:block;justify-items:start}
.shero.left h1{font-size:clamp(32px,3.4vw,50px);line-height:1.04;max-width:24ch;text-align:left}
.shero.left .lede{margin:var(--s3) 0 0;text-align:left;max-width:64ch}
.shero.left .acts{justify-content:flex-start;margin-top:var(--s3)}


.hshot{margin:var(--s5) auto 0;width:min(1100px,94vw);
  background:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),var(--card);
  border:1px solid var(--line-2);border-radius:6px;padding:var(--s4);
  box-shadow:0 30px 80px rgba(0,0,0,.5)}
.hshot .dgm{width:100%;border:0;background:transparent;padding:0}


.steps{counter-reset:st;display:grid;gap:1px;background:var(--line);
  border:1px solid var(--line);margin:var(--s5) 0 0}
.steps>div{background:var(--card-2);padding:var(--s4);display:grid;
  grid-template-columns:56px 1fr;gap:var(--s3);align-items:start}
.steps>div::before{counter-increment:st;content:counter(st,decimal-leading-zero);
  font-family:var(--ff-m);font-size:var(--d4);letter-spacing:.1em;color:var(--accent)}
.steps h3{font-family:var(--ff-d);font-size:20px;margin:0 0 var(--s1);font-weight:600}
.steps p{margin:0 0 var(--s2);color:var(--t2);font-size:16px;line-height:1.7;max-width:70ch}
.steps p:last-child{margin-bottom:0}
.steps .warn{color:var(--t3);font-size:var(--d4);border-left:2px solid var(--line-2);
  padding-left:var(--s2)}


.qa{margin:var(--s5) 0 0;display:grid;gap:var(--s3)}
.qa>div{border-top:1px solid var(--line-2);padding-top:var(--s3)}
.qa b{display:block;font-family:var(--ff-d);font-size:18px;font-weight:600;margin-bottom:6px}
.qa p{margin:0;color:var(--t2);font-size:16px;line-height:1.7;max-width:78ch}


.next{padding:var(--s6) 0;border-top:1px solid var(--line)}
.next h2{font-family:var(--ff-d);font-size:var(--d2);margin:0 0 var(--s4);
  letter-spacing:-.02em;font-weight:600}

.ncards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.ncards a{padding:var(--s4) var(--s4) var(--s5);text-decoration:none;border-radius:14px;
  border:1px solid var(--line);background:linear-gradient(180deg,#1F1F1F 0%,var(--card) 100%);
  box-shadow:0 14px 34px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);
  display:grid;gap:var(--s2);align-content:start;transition:transform .25s,box-shadow .25s,border-color .25s}
.ncards a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,#5CB8E6 40%,var(--line));
  box-shadow:0 20px 44px rgba(0,0,0,.55),0 0 0 1px rgba(92,184,230,.16),inset 0 1px 0 rgba(255,255,255,.08)}
.ncards .ico{width:30px;height:30px;stroke-width:2.1;color:#5CB8E6}
.ncards b{font-family:var(--ff-d);font-size:17px;color:var(--t1);font-weight:600}
.ncards span{font-size:var(--d4);color:var(--t3);line-height:1.6}

@media (max-width:900px){
  .steps>div{grid-template-columns:minmax(0,1fr)}
  .ncards{grid-template-columns:minmax(0,1fr)}
}


.rd{width:var(--wide);margin:var(--s5) auto 0;
  font-family:var(--ff-m);font-size:var(--d4);letter-spacing:.06em}
.rd a{color:var(--accent);text-decoration:none}
.rd a:hover{color:var(--accent-hover)}



.pfoot{margin:var(--s4) 0 0;font-size:var(--d4);color:var(--t3);line-height:1.8}


.plist{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);
  margin:var(--s5) 0 0}
.plist>div{background:var(--card-2);padding:var(--s3) var(--s4);
  display:grid;grid-template-columns:auto 1fr auto;gap:var(--s3);align-items:center}
.plist .ico{width:24px;height:24px;stroke-width:2;color:var(--accent)}
.plist b{font-family:var(--ff-d);font-size:16px;font-weight:600;display:block}
.plist span{font-size:var(--d4);color:var(--t3);display:block;margin-top:2px}
.plist a.go{font-family:var(--ff-m);font-size:var(--d4);color:var(--accent);
  text-decoration:none;white-space:nowrap}
.plist .flag{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.14em;
  color:var(--t3);border:1px solid var(--line-2);padding:3px 8px;white-space:nowrap}


.vslot{margin:var(--s5) auto 0;width:min(900px,94vw);aspect-ratio:16/9;
  border:1px dashed var(--line-2);background:var(--well);
  display:grid;place-content:center;justify-items:center;gap:var(--s2);text-align:center}
.vslot .ico{width:44px;height:44px;stroke-width:1.6;color:var(--bridge)}
.vslot b{font-family:var(--ff-m);font-size:var(--d4);letter-spacing:.14em;color:var(--t3)}
.vslot span{font-size:var(--d4);color:var(--bridge);max-width:44ch}

@media (max-width:900px){
  .ptable{font-size:12px;table-layout:auto}
  .ptable th,.ptable td{padding:10px}
  .plist>div{grid-template-columns:auto 1fr}
  .plist a.go,.plist .flag{grid-column:2}
}



:root{--pcard:color-mix(in srgb,var(--t1) 5%,var(--card));--pr:14px;
  --dk-face:color-mix(in srgb,var(--accent) 14%,var(--well));--dk-edge:color-mix(in srgb,var(--t1) 22%,var(--card));
  --dk-shade:color-mix(in srgb,var(--well) 85%,transparent);--dk-c:40px;
  --dk-side:color-mix(in srgb,var(--t1) 9%,var(--dk-face));--dk-ink:color-mix(in srgb,var(--t1) 74%,transparent);--dk-line:color-mix(in srgb,var(--well) 60%,transparent)}


.fam-product .steps{background:none;border:0;gap:var(--s4) var(--s5);margin-top:var(--s4);
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.fam-product .steps>div{background:none;border-top:1px solid var(--line-2);padding:22px 0 0;
  grid-template-columns:1fr;gap:10px;align-content:start}
.fam-product .steps>div::before{font-size:var(--d5);letter-spacing:.18em}
.fam-product .steps h3{font-size:20px}
.fam-product .steps p{font-size:15.5px}
.fam-product .qa{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s5)}
.fam-product .pair,.fam-product .cells{background:none;gap:var(--s4) var(--s5)}
.fam-product .pair>div,.fam-product .cell,.fam-product .strip.plain .cell{background:none;
  border-top:1px solid var(--line-2);padding:22px 0 0}


.fam-product .ncards{background:none;border:0;gap:var(--s2)}
.fam-product .ncards a{background:var(--pcard);border:1px solid var(--line-2);border-radius:var(--pr);
  padding:28px 26px;transition:background .15s,border-color .15s}
.fam-product .ncards a:hover{background:color-mix(in srgb,var(--t1) 9%,var(--card));border-color:var(--bridge)}
.fam-product .dgm{border-radius:var(--pr)}
.fam-product .dstrip{border-radius:6px}
.fam-product .deckbox{border-radius:10px}


.lrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--s5);align-items:center}
.lrow.flip{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.lrow.flip>.ltxt{order:2}
.ltxt h2,.strip .ltxt h2{margin:0 0 var(--s3);font-size:clamp(26px,2.3vw,34px);line-height:1.2}
.ltxt .lede,.strip .ltxt .lede{margin:0;max-width:52ch}
.fig{background:var(--well);border:1px solid var(--line);border-radius:18px;padding:var(--s4);
  display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2);justify-items:center;align-content:center;min-height:360px}
.fig.full{margin-top:var(--s4);min-height:0;padding:var(--s4) var(--s3)}
.fig.q{justify-items:start;padding:var(--s5)}
.fig .cap{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.18em;color:var(--bridge);justify-self:start}
.fig .arrow{font-family:var(--ff-m);color:var(--bridge);font-size:16px;line-height:1}
.fig .lanes{display:grid;gap:6px;width:100%;max-width:560px}
.frow{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center;align-items:flex-start}

.prose{display:grid;gap:var(--s3);max-width:60ch}
.prose p{margin:0;color:var(--t2);font-size:16.5px;line-height:1.8}
.prose b{color:var(--t1);font-weight:600}

.pts{display:grid;gap:var(--s3);margin:var(--s4) 0 0}
.pts.cols{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--s4) var(--s5)}
.pts>div{border-top:1px solid var(--line-2);padding-top:16px}
.pts b{display:block;font-family:var(--ff-d);font-size:17px;font-weight:600;color:var(--t1);margin-bottom:4px}
.pts b i{font-style:normal;font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.14em;color:var(--accent);margin-left:8px}
.pts p{margin:0;color:var(--t2);font-size:15px;line-height:1.65}
.pts a{color:var(--accent)}
.tipline{margin:var(--s3) 0 0;color:var(--t2);font-size:15.5px;line-height:1.7;
  border-left:2px solid var(--accent);padding-left:var(--s2);max-width:60ch}
.tipline b{color:var(--t1)}
.tipline a{color:var(--accent)}
.quote{margin:0;font-family:var(--ff-d);font-size:clamp(19px,1.6vw,24px);line-height:1.45;color:var(--t1);
  max-width:36ch;letter-spacing:-.01em}
.by{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.14em;color:var(--t3);justify-self:start;margin:0}

.subh{font-family:var(--ff-d);font-size:22px;margin:var(--s5) 0 0;font-weight:600;color:var(--t1)}
.subl{margin:8px 0 0;color:var(--t3);font-size:15px;max-width:70ch;line-height:1.6}
.rcp{margin-top:var(--s3);border-bottom:1px solid var(--line-2)}
.rcp>div{display:grid;grid-template-columns:220px 320px minmax(0,1fr);gap:var(--s3);align-items:center;
  border-top:1px solid var(--line-2);padding:16px 0}
.rcp b{font-family:var(--ff-d);font-size:17px;font-weight:600;color:var(--t1)}
.rcp code,.rblock{font-family:var(--ff-m);font-size:12.5px;line-height:1.6;color:var(--accent);
  background:var(--well);border:1px solid var(--line);border-radius:8px;padding:9px 12px}
.rcp p{margin:0;color:var(--t3);font-size:14.5px;line-height:1.6}


.chero{position:relative;padding:var(--s5) 0;overflow:hidden;border-bottom:1px solid var(--line)}
.chero .wide{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:var(--s5);align-items:center}
.chero h1,.chero h2.h1{max-width:none;font-family:var(--ff-d);font-size:clamp(30px,3vw,44px);line-height:1.08;
  letter-spacing:-.025em;margin:var(--s2) 0 0;font-weight:600}
.chero .lede{margin:var(--s3) 0 0;color:var(--t2);font-size:18px;line-height:1.7;max-width:56ch}
.chero .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--s4)}
.chero .hfig{display:grid;gap:var(--s2);justify-items:center}
.hfig .arrow{font-family:var(--ff-m);color:var(--bridge);font-size:16px;line-height:1}
.hfig .lanes{display:grid;gap:6px;width:100%}
.ctags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s3)}
.ctags span{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.14em;color:var(--t2);
  border:1px solid var(--line-2);border-radius:999px;padding:7px 14px;background:var(--pcard)}


.mock{width:100%;max-width:440px;background:var(--pcard);border:1px solid var(--line-2);
  border-radius:var(--pr);overflow:hidden;font-family:var(--ff-m);text-align:left}
.mock .mh{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;
  border-bottom:1px solid var(--line-2);font-size:var(--d5);letter-spacing:.16em;color:var(--t3)}
.chip{font-family:var(--ff-m);font-size:11px;letter-spacing:.08em;border:1px solid var(--line-2);
  border-radius:6px;padding:4px 9px;color:var(--t2)}
.chip.on{border-color:var(--accent);color:var(--accent)}
.chip.dim{opacity:.38;border-style:dashed}
.chip.no{opacity:.45;text-decoration:line-through}
.mock .mb{padding:16px 18px;display:grid;gap:12px}
.mock .chips{display:flex;flex-wrap:wrap;gap:8px}
.mock .mr{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;color:var(--t2);
  border-top:1px solid var(--line);padding-top:10px}
.mock .mr b{color:var(--t1);font-weight:700}
.mock .mr em{font-style:normal;color:var(--bridge)}
.mock .mr.off{opacity:.4}
.mock .ml{font-size:var(--d5);letter-spacing:.16em;color:var(--t3);margin:0}
.mock .ck{width:14px;height:14px;border:1px solid var(--line-2);border-radius:3px;display:inline-block;
  vertical-align:-2px;margin-right:8px}
.mock .ck.on{background:var(--accent);border-color:var(--accent)}
.vslots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.vslots i{height:40px;border-radius:8px;border:1px solid var(--accent);font-style:normal;display:flex;align-items:center;
  justify-content:center;font-size:11px;color:var(--t1);background:color-mix(in srgb,var(--accent) 14%,var(--pcard))}
.vslots i.dim{border:1px dashed var(--line-2);background:none;color:var(--bridge)}



.dk{position:relative;
  filter:drop-shadow(0 2px 0 var(--dk-side)) drop-shadow(0 20px 28px var(--dk-shade)) drop-shadow(0 3px 5px var(--dk-shade))}

.dk>.rim{padding:1px;border-radius:14px;
  background:linear-gradient(150deg,color-mix(in srgb,var(--t1) 22%,var(--dk-face)),color-mix(in srgb,var(--t1) 7%,var(--dk-face)) 42%,
    color-mix(in srgb,var(--t1) 12%,var(--dk-face)));
  clip-path:polygon(0 0,calc(100% - var(--dk-c)) 0,100% var(--dk-c),100% 100%,0 100%)}

.dk>.rim>.face{border-radius:13px;min-height:100%;
  background:
    linear-gradient(118deg,transparent 30%,color-mix(in srgb,var(--t1) 10%,transparent) 45%,
      color-mix(in srgb,var(--t1) 2%,transparent) 58%,transparent 59%),
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--t1) 1.4%,transparent) 0 1px,transparent 1px 3px),
    radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--accent) 14%,var(--dk-face)),transparent 62%),
    linear-gradient(160deg,color-mix(in srgb,var(--accent) 5%,var(--dk-face)),color-mix(in srgb,var(--well) 70%,var(--dk-face)));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--t1) 9%,transparent),inset 0 -1px 0 var(--dk-line);
  clip-path:polygon(0 0,calc(100% - var(--dk-c)) 0,100% var(--dk-c),100% 100%,0 100%)}

.dk .has{display:flex;align-items:center;gap:5px;margin-right:4px}
.dk .hi{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:26px;min-width:26px;padding:0 5px;
  border-radius:7px;background:color-mix(in srgb,var(--t1) 14%,transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--t1) 22%,transparent),inset 0 -1px 0 var(--dk-line);
  font-family:var(--ff-m);font-size:11px;font-weight:700;color:var(--t1)}
.dk .hi .g{width:15px;height:15px}
.dk .g{background:var(--t1)}
.g-sym{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18V6'/%3E%3Cpath d='M4 18h16'/%3E%3Cpath d='M7.500 14l3.500-4 3 2.500 5-6'/%3E%3C/svg%3E")}
.g-news{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h12v14H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='M16 9h4v8a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M7.500 9h5M7.500 12.500h5M7.500 16h3'/%3E%3C/svg%3E")}
.g-idx{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V11'/%3E%3Cpath d='M12 20V4'/%3E%3Cpath d='M19 20v-6'/%3E%3C/svg%3E")}

.g{display:inline-block;flex:none;width:20px;height:20px;background:var(--accent);
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.g-hold{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.g-pick{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10v16l-5-4-5 4z'/%3E%3C/svg%3E")}
.g-rule{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.6-5.9'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/svg%3E")}
.g-bell{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l1.5 2h-15z'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E")}
.dk .kind{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.18em;color:var(--dk-ink);white-space:nowrap}
.dk .al{margin-left:auto;display:flex;align-items:center;gap:5px;font-family:var(--ff-m);font-size:11px;color:var(--t1)}
.dk .al .g{width:14px;height:14px}
.dk .mk{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.12em;border:1px solid var(--line-2);
  border-radius:4px;padding:2px 6px;color:var(--t1);border-color:color-mix(in srgb,var(--t1) 38%,transparent)}
.dk .lk{font-family:var(--ff-m);font-size:10px;letter-spacing:.12em;color:var(--t3);border:1px solid var(--line-2);
  border-radius:4px;padding:2px 6px}

.dk-big{width:340px;max-width:100%;text-align:left}
.dk-big .face{padding:22px 24px 20px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:10px;aspect-ratio:1.586/1}
.dk-big .dtop{display:flex;align-items:center;gap:10px;padding-right:var(--dk-c)}
.dk-big h3{font-family:var(--ff-d);font-size:23px;line-height:1.15;margin:0;font-weight:600;letter-spacing:-.015em;color:var(--t1);
  text-shadow:0 1px 0 var(--dk-line),0 -1px 0 color-mix(in srgb,var(--t1) 14%,transparent)}
.dk-big .desc{margin:0;color:var(--dk-ink);font-size:13.5px;line-height:1.5}
.dk-big .syms{display:flex;flex-wrap:wrap;gap:5px;align-content:end}
.dk-big .syms span{font-family:var(--ff-m);font-size:11.5px;font-weight:700;color:var(--t1);
  background:color-mix(in srgb,var(--well) 55%,transparent);border-radius:5px;padding:3px 7px;letter-spacing:.04em;
  box-shadow:inset 0 1px 1px var(--dk-line),0 1px 0 color-mix(in srgb,var(--t1) 9%,transparent)}
.dk-big .syms span.more{color:var(--dk-ink);font-weight:400}
.dk-big .dfoot{display:flex;justify-content:space-between;align-items:center;font-family:var(--ff-m);
  font-size:var(--d5);letter-spacing:.12em;color:var(--dk-ink);border-top:1px solid var(--dk-line);padding-top:10px;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--t1) 7%,transparent)}
.dk-big .dfoot b{color:var(--t1);font-weight:500}

.dk-sm{--dk-c:17px;width:300px;max-width:100%}
.dk-sm .rim{border-radius:9px}
.dk-sm .face{border-radius:8px;height:46px;padding:0 26px 0 14px;display:flex;align-items:center;gap:10px}
.dk-sm .g{width:16px;height:16px}
.dk-sm .al{margin-left:0}
.dk-sm{filter:drop-shadow(0 1px 0 var(--dk-side)) drop-shadow(0 10px 14px var(--dk-shade))}
.dk-sm .nm{text-shadow:0 1px 0 var(--dk-line);font-family:var(--ff-d);font-size:15px;font-weight:600;color:var(--t1);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}
.dk-sm .mk{font-size:10px;letter-spacing:.1em}
.dk-sm.locked .face{opacity:.62}

.dkslot{width:300px;max-width:100%;height:48px;position:relative}
.dkslot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dkslot svg path{fill:color-mix(in srgb,var(--well) 70%,transparent);stroke:var(--bridge);stroke-width:1;stroke-dasharray:5 4}
.dkslot span{position:absolute;inset:0;display:flex;align-items:center;padding-left:16px;
  font-family:var(--ff-m);font-size:12px;letter-spacing:.06em;color:var(--bridge)}


:root{--k-EQ:#6E93D2;--k-CR:#D3A469;--k-IX:#5FB49E;--k-NW:#A288D4}
.dk,.dk-sm{filter:none}
.dk>.rim{background:var(--line-2);padding:1px}
.dk>.rim>.face{background:var(--card);box-shadow:none;
  clip-path:polygon(0 0,calc(100% - var(--dk-c) + .586px) 0,100% calc(var(--dk-c) - .586px),100% 100%,0 100%)}
.dk.dk-EQ{--kc:var(--k-EQ)} .dk.dk-CR{--kc:var(--k-CR)} .dk.dk-IX{--kc:var(--k-IX)} .dk.dk-NW{--kc:var(--k-NW)}
.dk[class*=dk-EQ]>.rim,.dk[class*=dk-CR]>.rim,.dk[class*=dk-IX]>.rim,.dk[class*=dk-NW]>.rim{background:color-mix(in srgb,var(--kc) 72%,var(--line-2))}
.dk[class*=dk-EQ]>.rim>.face,.dk[class*=dk-CR]>.rim>.face,.dk[class*=dk-IX]>.rim>.face,.dk[class*=dk-NW]>.rim>.face{background:color-mix(in srgb,var(--kc) 16%,var(--card))}
.dk .hi{background:color-mix(in srgb,var(--kc,var(--t3)) 30%,var(--card));box-shadow:none}
.dk .g{background:var(--kc,var(--t1))}
.dk .al .g{background:#E2A00E} .dk .al{color:#E2A00E}
.dk .kind{color:var(--kc,var(--t3))}
.dk .mk{border-color:color-mix(in srgb,var(--kc,var(--t3)) 70%,var(--line-2));color:var(--kc,var(--t2))}
.dk h3,.dk .nm{text-shadow:none}
.dk-big .desc{color:var(--t3)}
.dk-big .syms span{background:var(--page);box-shadow:none;border:1px solid var(--line)}
.dk-big .dfoot{box-shadow:none;border-top:1px solid var(--line);color:var(--t3)}

.tpanel{width:min(540px,100%);background:var(--card-2);border:1px solid var(--line-2);border-radius:16px;overflow:hidden;
  text-align:left;filter:drop-shadow(0 24px 40px var(--dk-shade))}
.tpanel .ph{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line);
  font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.18em;color:var(--t3)}
.tpanel .pb{padding:22px;display:grid;gap:14px}
.tpanel .lab{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.16em;color:var(--t3);margin:0 0 -4px}
.tpanel .slotrow{display:flex;align-items:center;gap:14px}
.tpanel .hint{font-size:12.5px;color:var(--t3);line-height:1.5}
.tpanel .sw{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;
  padding:12px 14px;font-size:14px;color:var(--t2)}
.tpanel .sw i{width:34px;height:20px;border-radius:999px;background:var(--accent);position:relative;display:block}
.tpanel .sw i::after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:var(--page)}
.tpanel .opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:4px}
.tpanel .opts div{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:10px 12px;
  font-size:13px;color:var(--t3)}
.tpanel .opts b{color:var(--t2);font-weight:500;font-family:var(--ff-m);font-size:12px}
.pcap{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.16em;color:var(--t3);margin:0 0 12px;text-align:left}

.kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4) var(--s3);margin-top:var(--s5)}
.kinds>div{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-content:start}
.kinds .dk-big{width:100%;margin-bottom:var(--s2)}
.kinds .dk-big h3{font-size:21px}
.kinds>div>b{font-family:var(--ff-d);font-size:18px;font-weight:600;color:var(--t1)}
.kinds>div>p{margin:0;color:var(--t2);font-size:15px;line-height:1.65}
.kinds a{color:var(--accent)}

@media (max-width:1000px){
  .kinds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lrow,.lrow.flip,.chero .wide{grid-template-columns:minmax(0,1fr)}   
  .lrow.flip>.ltxt{order:0}
  .rcp>div{grid-template-columns:minmax(0,1fr);gap:8px}
  .fam-product .qa{grid-template-columns:minmax(0,1fr)}
}


.essay{padding:var(--s6) 0;background:var(--card-2);border-bottom:1px solid var(--line)}
.essay .eh{margin-bottom:var(--s4)}
.essay .eh h1{max-width:none;font-family:var(--ff-d);font-size:clamp(30px,3vw,44px);line-height:1.12;
  letter-spacing:-.025em;margin:var(--s2) 0 0;font-weight:600}
.essay article{display:grid;gap:var(--s3)}
.essay article>*{max-width:88ch}
.essay article p{margin:0;color:var(--t2);font-size:16.5px;line-height:1.85}
.essay article h3{font-family:var(--ff-d);font-size:20px;font-weight:600;color:var(--t1);margin:var(--s3) 0 0;
  padding-top:var(--s3);border-top:1px solid var(--line-2)}
.essay article ol{margin:0;padding:0;list-style:none;display:grid;gap:var(--s2);counter-reset:n}
.essay article li{counter-increment:n;display:grid;grid-template-columns:30px minmax(0,1fr);color:var(--t2);
  font-size:16.5px;line-height:1.85}
.essay article li::before{content:counter(n);font-family:var(--ff-m);font-size:13px;color:var(--bridge);padding-top:5px}
.essay article b{color:var(--t1);font-weight:600}
.essay .more{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s2)}
.essay .more a{color:var(--accent)}
.essay article.fold{max-height:340px;overflow:hidden;position:relative}
.essay article.fold::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;
  background:linear-gradient(to bottom,transparent,var(--card-2))}
.unfold{margin-top:var(--s3);background:none;border:1px solid var(--line-2);border-radius:999px;color:var(--t1);
  font-family:var(--ff-b);font-size:14px;padding:10px 18px;cursor:pointer}
.unfold:hover{border-color:var(--bridge)}
.unfold span{color:var(--accent);margin-left:6px}


.sdoc{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:var(--s6);align-items:start;padding:var(--s5) 0 var(--s6)}
.sbody{max-width:760px}
.sbody .eyebrow{margin:0 0 var(--s2)}
.sbody h1{font-family:var(--ff-d);font-size:clamp(28px,2.6vw,36px);line-height:1.15;letter-spacing:-.02em;margin:0;font-weight:600;max-width:none}
.sbody .lead{margin:var(--s2) 0 0;color:var(--t2);font-size:17px;line-height:1.75}
.sbody h2{font-family:var(--ff-d);font-size:24px;line-height:1.3;margin:var(--s6) 0 var(--s2);font-weight:600;letter-spacing:-.01em;
  padding-top:var(--s4);border-top:1px solid var(--line);scroll-margin-top:96px;max-width:none}
.sbody h3{font-family:var(--ff-d);font-size:17px;font-weight:600;margin:var(--s4) 0 6px;color:var(--t1);scroll-margin-top:96px}
.sbody p{margin:0 0 var(--s2);color:var(--t2);font-size:16px;line-height:1.8}
.sbody a{color:var(--accent)}
.sbody .st{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.14em;color:var(--t3);margin-left:10px;font-weight:400}
.sbody .st.ok{color:var(--up)}
.stoc{position:sticky;top:96px;font-size:13.5px;border-left:1px solid var(--line);padding-left:var(--s3)}
.stoc p{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.16em;color:var(--t3);margin:0 0 var(--s2)}
.stoc a{display:block;color:var(--t3);text-decoration:none;padding:5px 0;line-height:1.45;transition:color .15s}
.stoc a.l3{padding-left:var(--s2);font-size:13px}
.stoc a:hover{color:var(--t1)}
.stoc a.on{color:var(--accent)}
.sbody ol,.sbody ul{margin:0 0 var(--s3);padding-left:22px;color:var(--t2);font-size:16px;line-height:1.8}
.sbody li{margin:0 0 6px}
.sbody li b,.sbody p b{color:var(--t1);font-weight:600}
.sbody code{font-family:var(--ff-m);font-size:13.5px;color:var(--t1);background:var(--well);border:1px solid var(--line);border-radius:5px;padding:1px 6px}
.sbody table{width:100%;border-collapse:collapse;margin:var(--s2) 0 var(--s3);font-size:15px}
.sbody th,.sbody td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-2);color:var(--t2);vertical-align:top}
.sbody th{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.14em;color:var(--t3);font-weight:400}
.sbody td b{color:var(--t1)}

.sbody details.cty{border-bottom:1px solid var(--line-2)}
.sbody details.cty:first-of-type{border-top:1px solid var(--line-2);margin-top:var(--s3)}
.sbody details.cty summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;
  padding:16px 4px;font-family:var(--ff-d);font-size:17px;font-weight:600;color:var(--t1)}
.sbody details.cty summary::-webkit-details-marker{display:none}
.sbody details.cty summary::after{content:"";width:8px;height:8px;border-right:1.5px solid var(--t3);border-bottom:1.5px solid var(--t3);
  transform:rotate(45deg);transition:transform .15s;margin-right:6px}
.sbody details.cty[open] summary::after{transform:rotate(-135deg)}
.sbody details.cty summary:hover{color:var(--accent)}
.sbody details.cty>div{padding:0 4px var(--s3)}

.sfig{margin:var(--s3) 0 var(--s4);background:var(--well);border:1px solid var(--line);border-radius:14px;padding:var(--s4);
  display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2);justify-items:start}
.sfig .cap{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.16em;color:var(--t3);margin:0}
.sfig .mock{max-width:520px}
.fld{display:grid;gap:6px}
.fld label{font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.14em;color:var(--t3)}
.fld .in{font-family:var(--ff-m);font-size:13px;color:var(--t1);background:var(--page);border:1px solid var(--line-2);border-radius:8px;padding:10px 12px;min-height:40px}
.fld .in.empty{color:var(--t3)}
.fld .in.on{border-color:var(--accent)}
.mbtn{justify-self:start;font-family:var(--ff-b);font-size:13.5px;color:var(--page);background:var(--accent);border-radius:8px;padding:9px 16px}
.seg{display:flex;gap:0;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;width:max-content}
.seg span{font-family:var(--ff-m);font-size:12px;padding:8px 14px;color:var(--t3)}
.seg span.on{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--t1)}
@media (max-width:1000px){.sdoc{grid-template-columns:minmax(0,1fr)}.stoc{display:none}}


.shead2{padding:var(--s5) 0;background:var(--card-2);border-bottom:1px solid var(--line)}
.shead2 h1{font-family:var(--ff-d);font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.025em;margin:0;font-weight:600;max-width:none}
.shead2 .lead{margin:var(--s2) 0 0;color:var(--t2);font-size:17px;line-height:1.75;max-width:70ch}
.kinds3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);margin-top:var(--s5);max-width:1040px}
.kinds3 a{display:grid;gap:6px;text-decoration:none;border-top:2px solid var(--accent);padding-top:var(--s2)}
.kinds3 b{font-family:var(--ff-d);font-size:19px;font-weight:600;color:var(--t1)}
.kinds3 span{color:var(--t2);font-size:15px;line-height:1.65}
.kinds3 a:hover b{color:var(--accent)}
.spart{padding:var(--s5) 0 var(--s6);border-bottom:1px solid var(--line)}
.spart.alt{background:var(--card-2)}
.spart .sbody{max-width:760px}
.spart .sbody>h2:first-child,.spart .sbody>*:first-child>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.spart .sbody h2:not(:first-of-type){margin-top:var(--s6)}
.ssplit{display:grid;grid-template-columns:minmax(0,280px) minmax(0,680px);gap:var(--s5);align-items:start}

.ssplit>.sbody:first-child h2{margin-top:0;padding-top:0;border-top:0}
.ssplit details.cty:first-of-type{margin-top:0}
.qgrid{max-width:1000px !important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s5);margin-top:var(--s3)}
.qgrid>div{border-top:1px solid var(--line-2);padding:var(--s3) 0}
.qgrid h3{margin:0 0 6px}

.stoc.fixed{position:fixed;top:120px;right:calc((100vw - var(--wide))/2);width:220px;max-height:calc(100vh - 160px);overflow:auto;background:var(--page)}
@media (max-width:1280px){.stoc.fixed{display:none}}
@media (max-width:1000px){.kinds3,.qgrid,.ssplit{grid-template-columns:minmax(0,1fr);gap:var(--s3)}}
@media (max-width:480px){.fig.q{padding:var(--s3)}.dk .kind{letter-spacing:.1em}}

.spart.wide2 .sbody{max-width:1060px}
.spart.wide2 .sbody>p,.spart.wide2 .sbody>ol,.spart.wide2 .sbody>ul{max-width:760px}
.srow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:var(--s4);align-items:start;margin:0 0 var(--s3)}
.srow .stx>*:last-child{margin-bottom:0}
.srow .sfig{margin:0}
.srow .sfig .mock{max-width:100%;width:100%}
.spart.wide2 .qgrid{max-width:1060px !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--s4)}
@media (max-width:1100px){.srow{grid-template-columns:minmax(0,1fr)}.spart.wide2 .qgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.spart.wide2 .qgrid{grid-template-columns:minmax(0,1fr)}}


html{color-scheme:dark;scrollbar-color:#3A3A3A transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#2E2E2E;border-radius:10px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#474747;background-clip:padding-box}


body.lgl .lmeta{margin:var(--s2) 0 0;font-family:var(--ff-m);font-size:var(--d5);letter-spacing:.14em;color:var(--gold)}
body.lgl .lnav{display:flex;gap:6px;margin-top:var(--s3);flex-wrap:wrap}
body.lgl .lnav a{padding:8px 16px;border:1px solid var(--line-2);border-radius:999px;color:var(--t2);text-decoration:none;font-size:14px}
body.lgl .lnav a:hover{color:var(--t1);border-color:var(--t3)}
body.lgl .lnav a.on{color:var(--t1);background:var(--card);border-color:var(--t3)}
body.lgl .sbody h2{font-size:22px}
body.lgl .sbody h2:not(:first-of-type){margin-top:var(--s5)}