:root{--bg:#fff;--surface:#f5f7fa;--surface-2:#eef1f6;--border:#dde2ea;--ink:#14171f;--ink-soft:#545c6b;--accent:#2456d6;--accent-soft:#e7eefc;--up:#11804a;--down:#c2362c;--radius:12px;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1e222b;--border:#2b303b;--ink:#e9ecf2;--ink-soft:#a3abba;--accent:#7ea2ff;--accent-soft:#1d2640;--up:#45c985;--down:#ff7b70;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent);text-underline-offset:2px}.wrap{max-width:860px;margin:0 auto;padding:0 16px}.skip{position:absolute;left:-999px}.skip:focus{background:var(--bg);z-index:10;padding:8px;top:8px;left:16px}.site-head{border-bottom:1px solid var(--border);background:var(--bg);z-index:5;position:sticky;top:0}.head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:58px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand-soft{color:var(--ink-soft);font-weight:600}.logo{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.nav{flex-wrap:wrap;gap:4px 14px;font-size:15px;display:flex}.nav a{color:var(--ink-soft);padding:4px 0;text-decoration:none}.nav a:hover{color:var(--accent)}@media (max-width:640px){.nav{flex-wrap:nowrap;width:100%;padding-bottom:8px;overflow-x:auto}.nav a{white-space:nowrap}}.page{padding:28px 0 40px}.page-head h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(28px,5vw,38px);line-height:1.15}.lead{color:var(--ink-soft);margin:0 0 16px;font-size:18px}.formula{background:var(--accent-soft);border-radius:var(--radius);font-family:var(--mono);margin:0 0 20px;padding:14px 16px;font-size:16px;overflow-x:auto}.calc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.fields{gap:14px;display:grid}.fields.two{grid-template-columns:1fr 1fr}.fields.three{grid-template-columns:1fr 1fr 1fr}@media (max-width:560px){.fields.two,.fields.three{grid-template-columns:1fr}}.field label{color:var(--ink-soft);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.input-wrap{position:relative}.input-wrap input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:10px;padding:12px 14px;font-size:20px}.input-wrap input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.suffix{color:var(--ink-soft);font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tab{border:1px solid var(--border);background:var(--bg);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:14px}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.result{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-top:16px;padding:14px 16px}.result-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:clamp(24px,5vw,32px);font-weight:750}.result-value.up{color:var(--up)}.result-value.down{color:var(--down)}.result-empty{color:var(--ink-soft)}.steps{color:var(--ink-soft);margin:10px 0 0;padding-left:20px}.steps code{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;font-size:14px}.content h2{letter-spacing:-.01em;margin:36px 0 8px;font-size:24px}.content h3{margin:24px 0 6px;font-size:19px}.content code,.content pre{font-family:var(--mono);background:var(--surface-2);border-radius:6px;font-size:15px}.content code{padding:1px 5px}.content pre{padding:12px 14px;overflow-x:auto}.content pre code{background:0 0;padding:0}.content table{border-collapse:collapse;width:100%;margin:12px 0;font-size:15px;display:block;overflow-x:auto}.content th,.content td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.content th{color:var(--ink-soft);font-weight:600}.content td.num,.content th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.callout{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 8px 8px 0;margin:16px 0;padding:10px 14px}.faq{margin-top:40px}.faq h2{font-size:24px}.faq details{border-bottom:1px solid var(--border);padding:12px 0}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--ink-soft);margin:8px 0 0}.related{margin-top:36px}.related h2{font-size:20px}.related ul{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.related a{border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:15px;text-decoration:none;display:inline-block}.site-foot{border-top:1px solid var(--border);background:var(--surface);margin-top:40px;padding:28px 0 18px;font-size:15px}.foot-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:560px){.foot-grid{grid-template-columns:1fr 1fr}}.foot-grid ul{margin:6px 0 0;padding:0;list-style:none}.foot-grid li{margin:4px 0}.foot-grid a{color:var(--ink-soft);text-decoration:none}.fine{color:var(--ink-soft);margin-top:18px;font-size:13px}