:root{--bg:#0b1224;--bg2:#111c36;--ln:#223153;--cy:#22d3ee;--cy2:#0e7490;--or:#f97316;--pp:#f4f8fc;--ink:#1f2937;--hd:#0b1224;--mu:#64748b;--cond:Bahnschrift,"Roboto Condensed","Arial Narrow","Helvetica Neue",system-ui,sans-serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--tb:62px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#cbd5e1;font:17px/1.75 var(--sans);overflow-wrap:anywhere}
h1,h2,h3,h4,h5,b,strong,th,summary,dt{font:inherit}
img{max-width:100%;height:auto}
a{color:var(--cy2)}
.sr{position:absolute;left:-9999px}
.skip{position:absolute;left:-9999px;top:0;background:var(--cy);color:#06222a;padding:10px 14px;z-index:30}
.skip:focus{left:8px;top:8px}
.in{max-width:1040px;margin:0 auto;padding:0 20px}
.hd{border-bottom:1px solid var(--ln)}
.hd .in{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;min-height:64px}
.br{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:22px/1 var(--cond);letter-spacing:.02em}
.lg{width:26px;height:26px;border:2px solid var(--cy);display:inline-block;position:relative}
.lg::after{content:"";position:absolute;inset:6px;background:var(--or)}
.mn{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px}
.mn a{display:block;padding:10px 14px;color:#cbd5e1;text-decoration:none;font-size:16px}
.mn a:hover,.mn .current-menu-item a{color:var(--cy)}
.mn1{display:block;padding:28px 0 8px;min-height:60vh}
.paper{background:var(--pp);color:var(--ink);padding:30px clamp(18px,4vw,44px) 34px;border-top:4px solid var(--cy)}
h1{font:clamp(30px,5.2vw,46px)/1.12 var(--cond);color:var(--hd);margin:0 0 18px;letter-spacing:.005em}
.ct1 h2{font:clamp(25px,3.6vw,32px)/1.2 var(--cond);color:var(--hd);margin:38px 0 14px;padding-left:12px;border-left:4px solid var(--or)}
.ct1 h3{font:22px/1.3 var(--cond);color:var(--cy2);margin:26px 0 10px}
.ct1 h4{font-size:18px;color:var(--hd);margin:20px 0 8px}
.ct1 p,.ct1 li{margin:0 0 14px}
.ct1 ul,.ct1 ol{padding-left:22px;margin:0 0 16px}
.ct1 strong,.ct1 b{color:var(--hd)}
.ct1 blockquote{margin:18px 0;padding:6px 18px;border-left:4px solid var(--cy);background:#e9f3fa}
.ct1 pre{background:#0f172a;color:#e2e8f0;padding:14px;overflow:auto}
.ct1 code{background:#e2edf6;padding:1px 6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92em}
.ct1 img{display:block}
.ct1 figure{margin:18px 0}
.ct1 figcaption{color:var(--mu);font-size:15px}
.tw{overflow-x:auto;max-width:100%;margin:0 0 18px;-webkit-overflow-scrolling:touch}
.ct1 table{border-collapse:collapse;width:100%;min-width:480px}
.ct1 th,.ct1 td{border:1px solid #d3dfeb;padding:10px 12px;text-align:left;vertical-align:top}
.ct1 th{background:#e4eef7;color:var(--hd)}
.th{margin:-30px calc(-1 * clamp(18px,4vw,44px)) 22px}
.th img{display:block;width:100%}
.meta{margin:-6px 0 18px;color:var(--mu);font-size:15px}
.cats{margin:18px 0 0;color:var(--mu);font-size:15px}
.cats a{display:inline-block;margin-right:6px;padding:2px 12px;background:#e4eef7;color:var(--cy2);text-decoration:none}
.pn{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.pn a{flex:1 1 220px;display:block;padding:12px 16px;border:1px solid #cfdcea;background:#fff;text-decoration:none;color:var(--hd)}
.pn small{display:block;color:var(--mu);font-size:13px}
.vote{margin:34px 0 0;padding:16px;background:#fff;border:1px solid #cfdcea}
.vq{margin:0 0 10px;color:var(--hd)}
.vb{display:flex;flex-wrap:wrap;gap:8px}
.vb button{flex:1 1 auto;background:#fff;color:var(--hd);border:1px solid #b9c9db;font:inherit;min-height:46px;padding:0 16px;cursor:pointer}
.vb button:hover,.vb button.on{border-color:var(--or);color:#c2410c;background:#fff7ed}
.vk{margin:10px 0 0;color:var(--mu);font-size:15px}
.pl{list-style:none;margin:0 0 20px;padding:0}
.pl li{padding:14px 0;border-bottom:1px solid #d3dfeb}
.pl a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;font:22px/1.3 var(--cond);color:var(--hd)}
.pd{color:var(--mu);font:15px var(--sans);white-space:nowrap}
.pl p{margin:4px 0 0;color:var(--mu)}
.ad{color:var(--mu);margin:0 0 16px}
.pg .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pg a,.pg span{padding:8px 14px;border:1px solid #cfdcea;background:#fff;text-decoration:none;color:var(--hd)}
.pg .current{border-color:var(--or);color:#c2410c}
.sf{display:flex;gap:8px;margin:0 0 22px}
.sf input{flex:1;min-width:0;border:1px solid #b9c9db;background:#fff;color:var(--ink);padding:0 14px;font:inherit;min-height:48px;border-radius:0}
.sf button,.btn{background:var(--or);color:#1c0a00;border:0;font:inherit;padding:0 22px;min-height:48px;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}
.nf .btn{min-height:52px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.ft{margin-top:34px;padding:26px 0 30px;border-top:1px solid var(--ln)}
.ft .mn{margin-bottom:10px}
.rp{margin:0 0 20px}.rp h2{font:22px/1.2 var(--cond);color:#fff;margin:0 0 8px}.rp ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}.rp a{color:#9fe9f7;text-decoration:none}.rp a:hover{text-decoration:underline}
.fc{margin:0;font-size:15px;color:#8aa0bd}
.sheet{position:fixed;inset:0;background:rgba(5,10,22,.8);z-index:40;display:flex;align-items:flex-end}
.sheet[hidden]{display:none}
.sh{width:100%;background:var(--bg2);border-top:2px solid var(--cy);padding:12px 14px calc(18px + env(safe-area-inset-bottom))}
.sh .mn{flex-direction:column;margin-bottom:8px}
.sh .mn a{padding:14px 6px;border-bottom:1px solid var(--ln);font-size:18px}
.x{display:block;margin:0 0 4px auto;background:none;border:0;color:var(--cy);font:inherit;min-height:44px;padding:0 8px;cursor:pointer}
.tb{display:none}
@media (max-width:720px){
body{padding-bottom:calc(var(--tb) + 14px)}
.in{padding:0}
.hd .in{padding:8px 14px}
.nv{display:none}
.mn1{padding-top:0}
.paper{padding:22px 0 26px;border-top-width:3px}
.paper>h1,.paper>.meta,.paper>.cats,.paper>.pn,.lst>*{margin-inline:14px}
.ct1>*{margin-inline:14px}
.ct1>.ffs-wrap,.ct1>.tw,.ct1>figure,.ct1>.wp-block-image{margin-inline:0}
.ct1 .ffs-tool,.ct1 .ffs-build,.ct1 .ffs-toc{border-radius:0!important;border-inline:0!important}
.th{margin:-22px 0 18px}
.vote{margin-inline:0;border-inline:0}
.tw{margin-inline:0!important}
.ct1 table{min-width:0;font-size:15px}
.pl a{flex-direction:column;gap:2px}
.pn a{flex-basis:100%}
.ft{padding-inline:14px}.rp a{display:block;padding:6px 0}
.tb{display:flex;position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:var(--tb);background:#101a33;border:1px solid var(--ln);border-radius:22px;z-index:20;align-items:center;justify-content:space-around}
.t{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#9fb2cf;text-decoration:none;font:12px/1 var(--sans);background:none;border:0;cursor:pointer;min-height:48px}
.t svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.t:hover{color:var(--cy)}
.t.mid{flex:0 0 66px;height:66px;margin-top:-26px;border-radius:50%;background:var(--or);color:#1c0a00;border:4px solid var(--bg)}
}
@media (min-width:721px){.sheet{display:none!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}