@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-jp-400.woff2)format("woff2")}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-sans-jp-700.woff2)format("woff2")}:root{--bg:#fff;--bg-nav:#f6f7f9;--hairline:#edeef3;--text:#353841;--text-strong:#17181c;--gray-3:#555962;--gray-4:#888c96;--gray-6:#edeef3;--brand:#00713d;--brand-text:#00713d;--brand-low:#e4f2ea;--on-brand:#fff;--nav-h:64px;--side-w:300px;--content-w:928px;--pad-x:32px;--radius:6px;--body:"Noto Sans JP","Hiragino Sans","Yu Gothic UI","Meiryo",system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,"Noto Sans Mono","Noto Sans JP",monospace;--display:var(--body);--paper:var(--bg);--surface:var(--bg);--surface-2:var(--bg-nav);--surface-3:var(--gray-6);--line:var(--hairline);--line-soft:var(--hairline);--ink:var(--text-strong);--ink-800:var(--text);--ink-600:var(--gray-3);--ink-400:var(--gray-4);--accent:#009652;--accent-text:var(--brand-text);--accent-soft:var(--brand-low);--bad:#e83d18;--bad-text:#b32d0f;--bad-soft:#fceeea;--on-bad:#fff;--code-bg:var(--gray-6);--code-fg:var(--text-strong);--code-good:#00713d;--code-note:#b32d0f;--shadow:none;--shadow-sm:none}:root[data-theme=dark]{--bg:#17181c;--bg-nav:#23262f;--hairline:#353841;--text:#c1c3c8;--text-strong:#fff;--gray-3:#a9adb8;--gray-4:#8b909c;--gray-6:#23262f;--brand:#34b079;--brand-text:#5ecb96;--brand-low:#123a29;--on-brand:#12271d;--accent:#34b079;--accent-soft:#1c2a24;--bad:#ff7a52;--bad-text:#ff9d80;--bad-soft:#30231f;--on-bad:#241512;--code-bg:#23262f;--code-fg:#e6efe9;--code-good:#7fd6a6;--code-note:#ff9d80}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-padding-top:calc(var(--nav-h) + 24px);scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;word-break:auto-phrase;text-wrap:pretty;margin:0;font-size:16px;line-height:1.75}pre,code,.num,.sr-text,.outline,.linklist{word-break:normal}h1,h2,h3,h4{font-family:var(--body);color:var(--text-strong);margin:0;font-weight:700;line-height:1.35}p{margin:0}a{color:var(--brand-text)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:2px}.skip{z-index:300;background:var(--text-strong);color:var(--bg);border-radius:var(--radius);padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:top .18s;position:fixed;top:-100px;left:16px}.skip:focus{top:16px}.bar{z-index:150;height:var(--nav-h);background:var(--bg-nav);border-bottom:1px solid var(--hairline);position:fixed;top:0;left:0;right:0}.bar-in{height:100%;padding:0 var(--pad-x);align-items:center;gap:14px;display:flex}.brand{align-items:center;gap:12px;margin-right:auto;text-decoration:none;display:flex}.brand img{width:auto;height:32px;display:block}.brand-t{color:var(--text-strong);font-size:16px;font-weight:700}.iconbtn,.navbtn{min-width:40px;height:40px;font:700 14px/1 var(--body);border:1px solid var(--hairline);border-radius:var(--radius);background:var(--bg);color:var(--gray-3);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.iconbtn:hover,.navbtn:hover{color:var(--text-strong);border-color:var(--gray-4)}.navbtn{display:none}.side{top:var(--nav-h);width:var(--side-w);z-index:140;background:var(--bg);border-right:1px solid var(--hairline);overscroll-behavior:contain;padding:20px 0 48px;position:fixed;bottom:0;left:0;overflow-y:auto}.nav-group+.nav-group{margin-top:20px}.nav-label{font:700 13px/1.5 var(--body);color:var(--text-strong);padding:0 20px 8px}.side ul{margin:0;padding:0;list-style:none}.side a{border-radius:var(--radius);color:var(--text);margin:1px 12px;padding:6px 10px;font-size:14px;line-height:1.55;text-decoration:none;display:block}.side a:hover{background:var(--gray-6);color:var(--text-strong)}.side a.current{background:var(--brand);color:var(--on-brand);font-weight:700}.nav-sub{border-left:1px solid var(--hairline);margin:2px 0 6px 22px}.nav-sub summary{cursor:pointer;color:var(--gray-3);align-items:center;gap:7px;min-height:32px;padding:5px 10px;font-size:13px;list-style:none;display:flex}.nav-sub summary::-webkit-details-marker{display:none}.nav-sub summary:before{content:"▸";color:var(--brand-text);font-size:12px}.nav-sub[open] summary:before{content:"▾"}.nav-sub summary:hover{color:var(--text-strong)}.nav-sub a{margin-left:8px;font-size:13px}.scrim{z-index:135;background:#17181c80;display:none;position:fixed;inset:0}.shell{margin-left:var(--side-w);padding-top:var(--nav-h)}main{padding:0 var(--pad-x)}.prose{max-width:var(--content-w);margin-inline:auto;padding-block:48px 64px}.prose>h1{margin-bottom:24px;font-size:clamp(28px,3.6vw,42px);line-height:1.25}.sec{border-top:1px solid var(--hairline);margin-top:4.5rem;padding-top:3.5rem}.sec-h{margin-bottom:26px;font-size:clamp(22px,2.8vw,32px);line-height:1.3}.sec-intro{max-width:50em;font-size:16px;line-height:1.9}.guide{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:2rem;display:grid}.g-card{background:var(--bg);border:1px solid var(--hairline);border-top:3px solid var(--brand);border-radius:var(--radius);padding:20px 22px;text-decoration:none;display:block}.g-card:hover{border-color:var(--gray-4);border-top-color:var(--brand)}.g-n{font:700 13px/1 var(--mono);letter-spacing:.06em;color:var(--brand-text);margin-bottom:10px;display:block}.g-q{color:var(--text-strong);margin-bottom:8px;font-size:17px;font-weight:700;display:block}.g-a{color:var(--gray-3);font-size:14px;line-height:1.85;display:block}.foot{border-top:1px solid var(--hairline);padding:36px var(--pad-x) 64px}.foot-in{max-width:var(--content-w);color:var(--gray-3);margin-inline:auto;font-size:13px;line-height:1.9}.foot-in p{max-width:52em;margin-top:14px}.foot-in strong{color:var(--text-strong)}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:flex}.seg button{font:700 13px/1 var(--body);min-height:36px;color:var(--ink-600);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 15px;display:inline-flex}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.seg button[aria-pressed=true].to-bad{color:var(--bad-text)}.seg button[aria-pressed=true].to-good{color:var(--accent-text)}.seg .gl{font-size:14px;line-height:1}.grid{gap:18px;margin-top:34px;display:grid}.grid.c2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.c4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:26px 26px 28px}.card h3{margin-bottom:10px;font-size:17px}.card p{color:var(--ink-600);font-size:14px;line-height:1.9}.card .tag{font:700 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);margin-bottom:12px;display:block}.card .note{color:var(--ink-600);border-top:1px solid var(--line-soft);margin-top:16px;padding-top:14px;font-size:13px}.def{font-family:var(--display);color:var(--ink);max-width:28em;margin-top:6px;font-size:clamp(20px,2.8vw,28px);font-weight:700;line-height:1.65}.nb{white-space:nowrap}.def-sub{color:var(--ink-600);max-width:49em;margin-top:20px;font-size:15px;line-height:1.95}.why{flex-direction:column;gap:20px;margin-top:34px;display:flex}.wblock{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px}.wtag{font:700 13px/1 var(--body);letter-spacing:.1em;color:var(--accent-text);margin-bottom:11px;display:block}.wblock h3{margin-bottom:6px;font-size:19px}.wfig{margin-top:24px}.wcap{color:var(--ink-600);border-top:1px solid var(--line-soft);max-width:52em;margin-top:20px;padding-top:16px;font-size:14px;line-height:1.9}.wcap b{color:var(--ink);font-weight:700}.tl{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 24px;display:grid}.tl-i{border-top:2px solid var(--line);padding:18px 0 0;position:relative}.tl-i:before{content:"";background:var(--ink-400);border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;top:-7px;left:0}.tl-i.on{border-top-color:var(--accent)}.tl-i.on:before{background:var(--accent)}.tl-d{font:700 14px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);margin-bottom:4px;display:block}.tl-r{font:700 13px/1.5 var(--body);color:var(--accent-text);margin-bottom:7px;display:block}.tl-t{color:var(--ink-600);font-size:14px;line-height:1.85}.mx{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}.mx caption{text-align:left;font:700 13px/1.6 var(--body);color:var(--ink-600);padding-bottom:12px}.mx th,.mx td{text-align:left;vertical-align:top;padding:13px 16px 13px 0;line-height:1.7}.mx thead th{font:700 13px/1.5 var(--body);color:var(--ink-600);border-bottom:2px solid var(--ink)}.mx tbody th{color:var(--ink);white-space:nowrap;border-bottom:1px solid var(--line);font-weight:700}.mx tbody td{color:var(--ink-600);border-bottom:1px solid var(--line)}.mx tbody tr:last-child th,.mx tbody tr:last-child td{border-bottom:0}.mx .col-sit{color:var(--ink);font-weight:400}.mx.mx-wide{min-width:640px}.mx .col-do{color:var(--ink);font-weight:700}.mx thead th.th-do{border-bottom-color:var(--ink)}.mx thead th.th-eff{color:var(--accent-text);border-bottom-color:var(--accent)}.mx thead th.th-gap{color:var(--bad-text);border-bottom-color:var(--bad)}.mx .col-say{color:var(--ink);font-weight:700}.pour{counter-reset:none}.pour .card{flex-direction:column;display:flex}.pour .jp{font-family:var(--display);margin-bottom:2px;font-size:19px;font-weight:700}.pour .en{font:700 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-600);margin-bottom:12px}.pour .card a{margin-top:auto;padding-top:14px;font-size:13px;font-weight:700;text-decoration:none}.pour .card a:hover{text-decoration:underline}.crit .card{border-top:3px solid var(--bad)}.crit .n{font:700 13px/1 var(--mono);letter-spacing:.06em;color:var(--bad-text);margin-bottom:11px;display:block}.card .sc-line{font:700 13px/1.6 var(--mono);color:var(--ink-600);border-top:1px solid var(--line-soft);margin-top:16px;padding-top:13px}.card .crit-link{margin-top:10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.card .crit-link:hover{text-decoration:underline}.myths{flex-direction:column;margin-top:34px;display:flex}.myth{border-top:1px solid var(--line);padding:22px 2px}.myth:last-child{border-bottom:1px solid var(--line)}.m-x{font-family:var(--display);color:var(--ink);align-items:flex-start;gap:12px;font-size:17px;font-weight:700;line-height:1.65;display:flex}.m-x .g{color:var(--bad-text);flex:none}.m-o{color:var(--ink-600);align-items:flex-start;gap:12px;max-width:52em;margin-top:12px;font-size:14px;line-height:1.9;display:flex}.m-o .g{color:var(--accent-text);flex:none;font-weight:700}.m-o b{color:var(--ink);font-weight:700}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{font:700 13px/1 var(--body);border:1px solid var(--line);background:var(--surface-2);color:var(--ink-600);cursor:pointer;border-radius:999px;align-items:center;min-height:36px;padding:9px 14px;display:inline-flex}.chip:hover{color:var(--ink);border-color:var(--ink-400)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cc{flex-direction:column;gap:13px;display:flex}.cc-step .n{flex:none}.cc-slider-l{color:var(--ink);font-size:13px;font-weight:700}.cc-slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:34px;margin:0}.cc-slider::-webkit-slider-runnable-track{border:1px solid var(--line);background:linear-gradient(90deg,#fff,#16211c);border-radius:4px;height:8px}.cc-slider::-moz-range-track{border:1px solid var(--line);background:linear-gradient(90deg,#fff,#16211c);border-radius:4px;height:8px}.cc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--surface);border:3px solid var(--accent);width:26px;height:26px;box-shadow:var(--shadow-sm);border-radius:50%;margin-top:-9px}.cc-slider::-moz-range-thumb{background:var(--surface);border:3px solid var(--accent);width:26px;height:26px;box-shadow:var(--shadow-sm);border-radius:50%}.cc-slider:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:8px}.cc-ends{color:var(--ink-600);justify-content:space-between;margin-top:-6px;font-size:13px;display:flex}.gauge{margin-top:2px}.gauge-track{background:var(--surface-3);border:1px solid var(--line);border-radius:6px;height:12px;position:relative}.gauge-pass{background:var(--accent-soft);border-radius:0 5px 5px 0;position:absolute;top:0;bottom:0;right:0}.gauge-tick{background:var(--ink-400);width:2px;position:absolute;top:-5px;bottom:-5px;transform:translate(-1px)}.gauge-tick.key{background:var(--ink)}.gauge-needle{background:var(--accent);border-radius:2px;width:4px;transition:left .14s;position:absolute;top:-8px;bottom:-8px;transform:translate(-2px)}.gauge-labels{height:18px;font:700 12px/1 var(--mono);color:var(--ink-600);margin-top:9px;position:relative}.gauge-labels span{white-space:nowrap;position:absolute;transform:translate(-50%)}.gauge-labels .lb-first{left:0;transform:none}.gauge-labels .lb-last{transform:translate(-100%)}.gauge-labels .key{color:var(--ink)}.cc-adv{border-top:1px solid var(--line-soft);padding-top:4px}.cc-adv summary{cursor:pointer;color:var(--ink-600);align-items:center;gap:8px;min-height:36px;padding:9px 2px;font-size:13px;font-weight:700;list-style:none;display:flex}.cc-adv summary::-webkit-details-marker{display:none}.cc-adv summary:before{content:"▸";color:var(--accent-text)}.cc-adv[open] summary:before{content:"▾"}.cc-adv summary:hover{color:var(--ink)}.cc-hex{font:700 13px/1 var(--mono);color:var(--ink-600)}.cc-inputs{flex-wrap:wrap;gap:16px;padding:4px 2px 8px;display:flex}.cc-inputs label{color:var(--ink-600);flex-direction:column;gap:6px;font-size:13px;font-weight:400;display:flex}.cc-inputs input[type=color]{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:8px;width:64px;height:38px;padding:2px}.cc-out{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.cc-ratio{font:700 27px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}.verdicts{flex-wrap:wrap;gap:7px;display:flex}.verdict{font:700 13px/1 var(--body);border:1px solid var(--line);color:var(--ink-600);background:var(--surface-2);border-radius:999px;align-items:center;gap:5px;padding:8px 13px;display:inline-flex}.verdict[data-pass=yes]{color:var(--accent-text);border-color:var(--accent);background:var(--accent-soft)}.verdict[data-pass=no]{color:var(--bad-text);border-color:var(--bad);background:var(--bad-soft)}.items{flex-direction:column;gap:22px;margin-top:34px;display:flex}.item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.item-head{flex-wrap:wrap;align-items:flex-start;gap:14px;padding:24px 26px 0;display:flex}.item-head h3{flex:auto;min-width:180px;font-size:18px}.sc{font:700 12px/1.5 var(--mono);letter-spacing:.02em;color:var(--ink-600);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex:none;padding:6px 12px}.item-lead{color:var(--ink-600);padding:10px 26px 0;font-size:14px;line-height:1.9}.item-ctl{padding:18px 26px 0}.stage{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;margin:18px 26px 0;padding:22px}.stage[data-variant=bad]{border-top:3px solid var(--bad)}.stage[data-variant=good]{border-top:3px solid var(--accent)}.effect{border-radius:12px;align-items:flex-start;gap:11px;margin:18px 26px 0;padding:15px 17px;font-size:14px;line-height:1.85;display:flex}.effect .ico{flex:none;font-size:14px;font-weight:700;line-height:1.85}.item[data-variant=bad] .effect{background:var(--bad-soft);color:var(--bad-text)}.item[data-variant=good] .effect{background:var(--accent-soft);color:var(--accent-text)}.srbox{border:1px dashed var(--line);background:0 0;border-radius:12px;margin:14px 26px 0;padding:15px 17px}.srbox .sr-label{font:700 13px/1.5 var(--body);letter-spacing:.04em;color:var(--ink-600);margin-bottom:10px;display:block}.srbox .sr-text{font-family:var(--mono);color:var(--ink-800);font-size:13px;line-height:1.95}.srbox .sr-text:before{content:"🔈 ";font-family:var(--body)}details.code{border-top:1px solid var(--line-soft);margin:14px 26px 0;padding-top:6px}details.code summary{cursor:pointer;color:var(--ink-600);align-items:center;gap:8px;min-height:36px;padding:9px 2px;font-size:13px;font-weight:700;list-style:none;display:flex}details.code summary::-webkit-details-marker{display:none}details.code summary:before{content:"▸";color:var(--accent-text);font-size:13px}details.code[open] summary:before{content:"▾"}details.code summary:hover{color:var(--ink)}details.code pre{background:var(--code-bg);color:var(--code-fg);font-family:var(--mono);border-radius:12px;margin:6px 0 4px;padding:15px 17px;font-size:13px;line-height:1.8;overflow-x:auto}details.code pre b{color:var(--code-good);font-weight:700}details.code pre i{color:var(--code-note);font-style:normal}.demo-btn{font:700 14px/1 var(--body);border:1px solid var(--ink);background:var(--ink);min-height:44px;color:var(--paper);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:11px 18px;display:inline-flex}.demo-btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.demo-fig{aspect-ratio:4/3;border:1px solid var(--line);background:linear-gradient(135deg, var(--surface-3) 0%, var(--surface) 60%);width:100%;max-width:260px;color:var(--ink-400);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:12px;font-size:13px;display:flex}.stage p{font-size:14px;line-height:1.9}.stack{flex-direction:column;gap:14px;display:flex}.stack.tight{gap:9px}.rowwrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mut{color:var(--ink-600);font-size:13px}.b-nofocus:focus,.b-nofocus:focus-visible{box-shadow:none!important;outline:none!important}.b-fakebtn{background:var(--ink);color:var(--paper);cursor:pointer;user-select:none;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:700;display:inline-block}.b-faketitle{font-family:var(--display);font-size:19px;font-weight:700;display:block}.b-fakesub{font-family:var(--display);margin-top:10px;font-size:16px;font-weight:700;display:block}.b-lowcontrast{color:#b9c0bc}.b-tiny{border:1px solid var(--line);background:var(--surface);width:20px;height:20px;color:var(--ink-600);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:11px;display:inline-flex}.g-target{border:1px solid var(--line);background:var(--surface);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;display:inline-flex}.outline{border-top:1px dashed var(--line);font-family:var(--mono);color:var(--ink-600);margin-top:14px;padding-top:12px;font-size:13px;line-height:1.9}.outline b{color:var(--ink);font-weight:700}.outline .none{color:var(--bad-text)}.f-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.f-field label,.f-field .pseudo-label{font-size:14px;font-weight:400}.f-field input,.f-field select{font:400 15px/1.5 var(--body);border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:9px;width:100%;padding:11px 13px}.req-good{font:700 13px/1 var(--body);color:var(--bad-text);background:var(--bad-soft);vertical-align:1px;border-radius:5px;margin-left:7px;padding:5px 8px}.req-bad{color:#d1242f;margin-left:4px}.f-err{align-items:flex-start;gap:6px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.f-err.bad-style{color:#d1242f}.f-err.good-style{color:var(--bad-text)}.f-summary{border:1px solid var(--bad);background:var(--bad-soft);color:var(--bad-text);border-radius:10px;margin-bottom:14px;padding:13px 15px;font-size:14px;font-weight:400}.f-summary ul{margin:8px 0 0;padding-left:20px}.f-summary a{color:var(--bad-text)}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;display:flex}.tabs button,.tabs .faketab{font:700 14px/1 var(--body);min-height:44px;color:var(--ink-600);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 16px}.tabs [aria-selected=true],.tabs .faketab.on{color:var(--ink);border-bottom-color:var(--accent)}.tabpanel{padding-top:16px;font-size:14px;line-height:1.9}.acc-item{border-bottom:1px solid var(--line)}.acc-head{text-align:left;width:100%;font:700 15px/1.5 var(--body);min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 2px;display:flex}.acc-head .mk{color:var(--accent-text);flex:none;font-size:14px}.acc-body{color:var(--ink-600);padding:0 2px 16px;font-size:14px;line-height:1.9}dialog.modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:calc(100% - 40px);max-width:400px;color:var(--ink);box-shadow:var(--shadow);padding:28px}dialog.modal::backdrop{background:#16211c73}.fakemodal{z-index:150;background:#16211c73;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.fakemodal.on{display:flex}.fakemodal .box{background:var(--surface);color:var(--ink);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);padding:28px}.modal h4{font-family:var(--display);margin-bottom:10px;font-size:18px}.modal p,.fakemodal p{color:var(--ink-600);margin-bottom:18px;font-size:14px;line-height:1.9}.carousel{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:96px;padding:20px;font-size:15px;font-weight:400;display:flex}.carousel .slide{font-family:var(--display);font-size:17px;font-weight:700}.tabmock{align-items:flex-end;gap:6px;display:flex}.tabmock span{background:var(--surface);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-bottom:0;border-radius:9px 9px 0 0;max-width:150px;padding:9px 13px;font-size:13px;overflow:hidden}.tabmock span:first-child{background:var(--surface-3)}.linklist{border-top:1px dashed var(--line);font-family:var(--mono);color:var(--ink-600);margin-top:14px;padding-top:12px;font-size:13px;line-height:2}.linklist b{color:var(--ink);font-weight:700}.check{counter-reset:ck;gap:0;margin-top:34px;display:grid}.check li{counter-increment:ck;border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:15px;padding:16px 4px;font-size:15px;line-height:1.85;list-style:none;display:flex}.check li:before{content:counter(ck,decimal-leading-zero);font:700 12px/1.7 var(--mono);color:var(--accent-text);background:var(--accent-soft);border-radius:6px;flex:none;padding:3px 7px}.check li b{font-weight:700}.check li i{color:var(--ink-600);margin-top:2px;font-size:13px;font-style:normal;display:block}.steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:34px;display:grid}.step{border-top:2px solid var(--accent);padding-top:16px}.step .n{font:700 11px/1 var(--body);letter-spacing:.16em;color:var(--accent-text);margin-bottom:9px;display:block}.step h3{margin-bottom:8px;font-size:16px}.step p{color:var(--ink-600);font-size:13px;line-height:1.9}.stage.sim-gray{filter:grayscale()}.stage.sim-blur{filter:blur(1.6px)}.vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.paper-box{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.paper-h{color:#16211c;font-family:var(--display);font-size:17px;font-weight:700}.paper-p{margin-top:8px;font-size:14px;line-height:1.9}.paper-s{margin-top:10px;font-size:13px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.opt-good{font:700 13px/1 var(--body);color:var(--ink-600);background:var(--surface-3);vertical-align:1px;border-radius:5px;margin-left:7px;padding:5px 8px}.demo-img{border:1px solid var(--line);border-radius:10px;max-width:100%;height:auto;display:block}.demo-out,.demo-live{min-height:1.5em;display:inline-block}.tp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tp-lab{color:var(--ink-600);font-size:13px}.items,.why,.myths,.check,.grid,.steps{margin-top:1.75rem}.item{border-radius:var(--radius);margin:0 0 28px}.mx-wrap{overflow-x:auto}.lead{margin-top:0}.lead,.def-sub{max-width:50em}.card p,.step p,.wcap,.item-lead,.m-o{max-width:52em}@media (width<=1180px){.side{transition:transform .22s;transform:translate(-100%);box-shadow:0 0 40px #17181c2e}body.nav-open .side{transform:none}body.nav-open .scrim{display:block}.shell{margin-left:0}.navbtn{display:inline-flex}}@media (width<=700px){:root{--pad-x:16px}.brand-t,.navbtn .wide{display:none}.prose{padding-block:32px 48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.def{max-width:34em;margin-top:0;font-size:clamp(18px,2.1vw,22px);line-height:1.95}.def em{color:var(--brand-text);font-style:normal}.def-sub{margin-top:28px}.sub-h{color:var(--ink);border-top:1px solid var(--line);margin-top:72px;margin-bottom:16px;padding-top:28px;font-size:clamp(19px,2.2vw,23px);font-weight:700;line-height:1.45}.lead+.sub-h{border-top:0;margin-top:44px;padding-top:0}.sub-h+.lead{max-width:38em}.card h4{margin-bottom:10px;font-size:17px;line-height:1.55}.nav-sub-open{padding:2px 0}@media (width>=860px){.grid.crit{grid-template-columns:repeat(2,1fr)}}@media (width>=820px){.cc-inline{grid-template-columns:1fr 1fr;align-items:start;gap:0 36px;display:grid}}.seg button[aria-pressed=true].to-bad{background:var(--bad-text);color:var(--on-bad)}.seg button[aria-pressed=true].to-good{background:var(--brand);color:var(--on-brand)}.seg button[aria-pressed=true]:hover{color:var(--on-brand)}.seg button[aria-pressed=true].to-bad:hover{color:var(--on-bad)}.ic{width:20px;height:20px;color:var(--ink-400);flex:none}.mx tbody th.col-say{white-space:normal}.mx tbody th.col-say .ic{vertical-align:-4px;margin-right:10px}.mx tbody th.col-say .say-t{display:inline}.wtag{align-items:center;gap:9px;display:flex}.wtag .ic-w{width:19px;height:19px;color:var(--accent-text)}@media (width<=640px){.mx tbody th.col-say .ic{display:none}}.chartbox{background:#fff;border:1px solid #dfe4e1;border-radius:8px;margin-bottom:16px;padding:14px 12px;overflow-x:auto}.chartbox .chart{width:100%;min-width:340px;max-width:470px;height:auto;margin:0 auto;display:block}.item-ctl{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.simctl{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ctl-l{font:700 13px/1 var(--body);letter-spacing:.06em;color:var(--ink-600);margin-right:2px}.simctl .chip{min-height:34px;padding:7px 12px;font-size:13px}.cc-live{margin-bottom:18px}.cc-inline{margin-top:0}.cc-col{flex-direction:column;gap:13px;min-width:0;display:flex}.foot-links{max-width:52em;margin:10px 0 0;padding:0;list-style:none}.foot-links li{border-top:1px solid var(--hairline);padding:7px 0}.foot-links li:first-child{border-top:0}.cc-note{border-top:1px solid var(--line-soft);margin-top:2px;padding-top:12px}.note-line{color:var(--ink-600);max-width:52em;margin:12px 26px 0;font-size:13px;line-height:1.9}.note-line code{font-size:12px}.item>:last-child{margin-bottom:26px}.sim-desc{background:var(--surface-2);border-left:2px solid var(--ink-400);color:var(--ink);border-radius:0 6px 6px 0;max-width:52em;margin:12px 26px 0;padding:11px 14px;font-size:13px;line-height:1.9}