:root{--bg:#f7f6f3;--surface:#fff;--surface-2:#f0eee9;--border:#e2ded5;--text:#1c1b18;--text-dim:#5f5d56;--accent:#c2410c;--accent-hover:#9a3412;--accent-ink:#fff;--accent-soft:#fff1e8;--ok:#15803d;--err:#b91c1c;--display-bg:#111214;--display-ink:#ffb547;--display-dim:#6b5a3e;--radius:10px;--shadow:0 1px 2px #0000000d, 0 4px 16px #0000000d;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--wrap:1120px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121316;--surface:#1a1b1f;--surface-2:#22242a;--border:#30333a;--text:#ecebe7;--text-dim:#a09e97;--accent:#fb923c;--accent-hover:#fdba74;--accent-ink:#1a0d02;--accent-soft:#2a1a0e;--ok:#4ade80;--err:#f87171;--display-bg:#0a0b0c;--shadow:none;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:17px;line-height:1.6}a{color:var(--accent);text-underline-offset:2px}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}.skip{position:absolute;left:-9999px}.skip:focus{background:var(--surface);z-index:10;padding:8px 12px;top:8px;left:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.logo{color:var(--text);letter-spacing:-.01em;align-items:center;gap:8px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.logo span{color:var(--accent)}.logo svg{flex:none}.nav{align-items:center;gap:22px;display:flex}.nav a{color:var(--text);font-size:15px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--accent)}.nav a.cta{background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:8px 14px}.nav a.cta:hover{background:var(--accent-hover);color:var(--accent-ink)}.menu{display:none}@media (width<=820px){.nav{display:none}.menu{display:block;position:relative}.menu summary{cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:15px;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu[open] .nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow);z-index:5;flex-direction:column;align-items:stretch;gap:4px;padding:12px;display:flex;position:absolute;top:46px;right:0}.menu[open] .nav a{padding:8px 10px}}.crumbs{color:var(--text-dim);flex-wrap:wrap;gap:6px;margin:20px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.crumbs li+li:before{content:"›";color:var(--border);margin-right:6px}.crumbs a{color:var(--text-dim);text-decoration:none}.crumbs a:hover{color:var(--accent)}.page-head{padding:20px 0 8px}h1{letter-spacing:-.02em;text-wrap:balance;margin:8px 0 12px;font-size:clamp(28px,4.2vw,42px);line-height:1.15}.lead{color:var(--text-dim);max-width:70ch;margin:0 0 8px;font-size:19px}.meta{color:var(--text-dim);font-size:13px}.layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:40px;padding:16px 0 56px;display:grid}.layout>aside{flex-direction:column;gap:16px;display:flex;position:sticky;top:16px}@media (width<=960px){.layout{grid-template-columns:minmax(0,1fr)}.layout>aside{position:static}}.box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.box h2,.box h3{margin-top:0;font-size:18px}.box ul{margin:0;padding-left:18px}section{margin:0 0 40px}.prose{max-width:72ch}.prose h2{letter-spacing:-.01em;margin:40px 0 12px;font-size:26px;line-height:1.25}.prose h3{margin:28px 0 8px;font-size:20px}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose li{margin-bottom:6px}.prose table{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}.prose th{background:var(--surface-2);font-weight:600}.prose code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:.92em}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;margin:0 0 16px;padding:12px 16px}.prose blockquote p:last-child{margin:0}.calc{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:14px;padding:22px;display:flex}.calc h2{margin:0;font-size:20px}.calc .badge{color:var(--ok);font-size:12px;font-weight:600}.calc label{color:var(--text-dim);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.calc select,.calc input,.order input,.order select,.order textarea{width:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:11px 12px;font-size:16px}.calc input{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:18px}.calc .row{gap:8px;display:flex}.calc .row input{flex:1;min-width:0}button,.btn{font:inherit;cursor:pointer;background:var(--accent);color:var(--accent-ink);white-space:nowrap;border:0;border-radius:8px;padding:11px 18px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:var(--accent-hover);color:var(--accent-ink)}button:disabled{opacity:.6;cursor:default}.display{background:var(--display-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:14px 16px;display:flex}.display .lbl{text-transform:uppercase;letter-spacing:.12em;color:#b9a582;font-size:11px}.display output{font-family:var(--mono);letter-spacing:.18em;color:var(--display-ink);text-shadow:0 0 12px #ffb54759;overflow-wrap:anywhere;font-size:clamp(26px,7vw,36px);font-weight:700}.display output.msg{font-family:var(--font);letter-spacing:0;text-shadow:none;color:#d6d3cc;font-size:14px;font-weight:500}.display output.msg.err{color:#fca5a5}.display output.msg a{color:var(--display-ink)}.calc .ts{margin-top:-14px}.calc .note{color:var(--text-dim);margin:0;font-size:14px}.calc .fine{color:var(--text-dim);border-top:1px solid var(--border);margin:0;padding-top:12px;font-size:12.5px}.calc .how{color:var(--text-dim);font-size:12.5px}.order{gap:14px;display:grid}.order label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.order .check{align-items:flex-start;gap:10px;font-weight:400;display:flex}.order .check input{width:auto;margin-top:4px}.order .hp{position:absolute;left:-9999px}.order .status{margin:0;font-size:15px}.order .status.ok{color:var(--ok)}.order .status.err{color:var(--err)}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:14px 16px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.card:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.card strong{font-size:16px;display:block}.card small{color:var(--text-dim);font-size:13px}.cards-lg{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cards-lg .card{padding:20px}.cards-lg .card p{color:var(--text-dim);margin:6px 0 0;font-size:15px}h2.section{letter-spacing:-.01em;margin:0 0 16px;font-size:26px}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:40px;padding:40px 0 24px;display:grid}.hero h1{font-size:clamp(32px,5vw,52px)}.hero .points{flex-wrap:wrap;gap:8px 20px;margin:20px 0 0;padding:0;font-size:15px;font-weight:600;list-style:none;display:flex}.hero .points li:before{content:"✓ ";color:var(--ok)}@media (width<=900px){.hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}}.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.steps li:before{content:counter(s);background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:50%;place-items:center;margin-bottom:10px;font-weight:800;display:inline-grid}.steps strong{margin-bottom:4px;display:block}.steps p{color:var(--text-dim);margin:0;font-size:15px}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:0 18px}.faq summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--accent);font-weight:800}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--text-dim);margin:0 0 16px}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--text-dim);padding:40px 0 28px;font-size:14px}.site-footer .cols{grid-template-columns:1.4fr repeat(3,1fr);gap:28px;display:grid}@media (width<=760px){.site-footer .cols{grid-template-columns:1fr 1fr}}.site-footer h2{color:var(--text);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:14px}.site-footer ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--text-dim);text-decoration:none}.site-footer a:hover{color:var(--accent)}.site-footer .legal{border-top:1px solid var(--border);margin-top:28px;padding-top:18px;font-size:13px}.serial-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.serial{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:14px}.serial-label{color:#1c1b18;font-family:var(--mono);background:#fbfbf8;border:1px dashed #b9b4a8;border-radius:6px;padding:10px 12px}.serial-maker{letter-spacing:.12em;text-transform:uppercase;color:#6b6a62;margin-bottom:4px;font-size:11px;display:block}.serial-label code{letter-spacing:.06em;white-space:nowrap;overflow-wrap:anywhere;font-size:17px}.serial-label mark{color:#1c1b18;background:#ffd28a;border-radius:3px;padding:0 2px}.serial figcaption{color:var(--text-dim);gap:4px;margin-top:10px;font-size:14px;display:grid}.serial figcaption strong{color:var(--text)}.serial figcaption code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:1px 5px}.display output.multi{text-align:left;flex:1;line-height:1.7}.display output.multi div:first-child{color:#a09e97;margin-bottom:4px}.display output.multi b{color:var(--display-ink);font-family:var(--mono);letter-spacing:.08em;font-size:17px}.types-lead{color:var(--text-dim);max-width:72ch;margin:-6px 0 12px}.types details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 16px}.types summary{cursor:pointer;color:var(--accent);padding:14px 0;font-weight:600}.types-table{margin-bottom:16px;overflow-x:auto}.types-table table{border-collapse:collapse;width:100%;font-size:14px}.types-table th,.types-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.types-table th{background:var(--surface-2);font-weight:600;position:sticky;top:0}.types-table td.mono{font-family:var(--mono);font-size:13px}.calc .where{margin-top:8px;font-size:14px}.calc .where summary{cursor:pointer;color:var(--accent);font-weight:600}.calc .where ul{gap:4px;margin:8px 0;padding-left:18px;display:grid}.calc .where code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:13px}.calc .where p{color:var(--text-dim);margin:6px 0 0}.calc .choose select{border-color:var(--accent)}.calc .after{flex-wrap:wrap;align-items:center;gap:16px;font-size:15px;display:flex}.calc .after[hidden],.calc .choose[hidden]{display:none}button.ghost{color:var(--accent);border:1.5px solid var(--accent);background:0 0;padding:8px 14px;font-size:15px}button.ghost:hover{background:var(--accent-soft);color:var(--accent)}.manual{margin-top:0}.manual>summary{cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;font-size:18px;font-weight:700;list-style:none}.manual>summary::-webkit-details-marker{display:none}.manual>summary:after{content:"+";float:right;color:var(--accent);font-weight:800}.manual[open]>summary{margin-bottom:12px}.manual[open]>summary:after{content:"−"}
