:root{--bg:#f7f8f6;--surface:#ffffff;--surface-2:#f1f4f2;--text:#16201d;--text-2:#4b5a55;--muted:#6b7a75;--line:#e2e8e5;--brand:#0f766e;--brand-2:#115e59;--brand-soft:#e6f4f1;--accent:#c2410c;--pos:#047857;--neg:#b42318;--s1:#0f766e;--s2:#f59e0b;--s3:#6366f1;--s4:#94a3b8;--radius:14px;--shadow:0 1px 2px rgba(16,24,20,0.05),0 4px 16px rgba(16,24,20,0.06);--font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans','Helvetica Neue',Arial,sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme='light']){--bg:#0d1412;--surface:#141d1a;--surface-2:#1b2622;--text:#e7eeeb;--text-2:#b4c2bd;--muted:#8b9a95;--line:#26332f;--brand:#2dd4bf;--brand-2:#5eead4;--brand-soft:#123330;--accent:#fb923c;--pos:#34d399;--neg:#f87171;--s1:#2dd4bf;--s2:#fbbf24;--s3:#a5b4fc;--s4:#64748b;--shadow:0 1px 2px rgba(0,0,0,0.3),0 4px 16px rgba(0,0,0,0.25);color-scheme:dark}}:root[data-theme='dark']{--bg:#0d1412;--surface:#141d1a;--surface-2:#1b2622;--text:#e7eeeb;--text-2:#b4c2bd;--muted:#8b9a95;--line:#26332f;--brand:#2dd4bf;--brand-2:#5eead4;--brand-soft:#123330;--accent:#fb923c;--pos:#34d399;--neg:#f87171;--s1:#2dd4bf;--s2:#fbbf24;--s3:#a5b4fc;--s4:#64748b;--shadow:0 1px 2px rgba(0,0,0,0.3),0 4px 16px rgba(0,0,0,0.25);color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-underline-offset:2px}a:hover{color:var(--brand-2)}h1,h2,h3{line-height:1.25;letter-spacing:-0.01em}img,svg{max-width:100%}[hidden]{display:none !important}.muted{color:var(--muted)}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:99;background:var(--surface);padding:8px 12px;border-radius:8px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.wrap{max-width:1200px;margin:0 auto;padding:0 16px}.wrap.narrow{max-width:820px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:16px;height:60px}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.15rem;color:var(--text);text-decoration:none}.main-nav{display:none;gap:4px;margin-left:12px}.main-nav a{color:var(--text-2);text-decoration:none;padding:6px 10px;border-radius:8px;font-size:0.95rem;font-weight:500}.main-nav a:hover,.main-nav a[aria-current]{background:var(--brand-soft);color:var(--brand)}.header-actions{margin-left:auto;display:flex;gap:4px;align-items:center}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:var(--text-2);cursor:pointer;list-style:none}.icon-btn:hover{background:var(--surface-2)}.menu summary::-webkit-details-marker{display:none}.menu{position:relative}.menu-panel{position:absolute;right:0;top:48px;width:min(320px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;display:grid}.menu-panel a{padding:10px 12px;border-radius:8px;color:var(--text);text-decoration:none}.menu-panel a:hover{background:var(--surface-2)}@media (min-width:1000px){.main-nav{display:flex}.menu{display:none}}.crumbs ol{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:16px 0 0;font-size:0.85rem;color:var(--muted)}.crumbs li + li::before{content:'›';margin-right:4px}.crumbs a{color:var(--muted);text-decoration:none}.page-head{margin:12px 0 20px}.page-head h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:0 0 6px}.lead{font-size:1.1rem;color:var(--text-2);margin:0 0 8px;max-width:760px}.meta{font-size:0.85rem;color:var(--muted);margin:0}.calc{display:grid;gap:16px}@media (min-width:900px){.calc{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}.calc-result{position:sticky;top:76px}}.calc-form{padding:20px;display:grid;gap:18px}.field{display:grid;gap:8px;border:0;margin:0;padding:0;min-width:0}.field-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.field label,.field legend{font-weight:600;font-size:0.95rem;padding:0}.num{display:flex;align-items:center;gap:4px;background:var(--brand-soft);border-radius:10px;padding:0 10px;color:var(--brand);font-weight:700;min-width:0}.num input{width:9.5ch;border:0;background:transparent;font:inherit;color:inherit;text-align:right;padding:8px 0;-moz-appearance:textfield}.num input::-webkit-inner-spin-button,.num input::-webkit-outer-spin-button{-webkit-appearance:none}.num input:focus{outline:none}.num:focus-within{box-shadow:0 0 0 2px var(--brand)}.num span{font-size:0.9rem;opacity:0.85}input[type='range']{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:var(--line);margin:6px 0;cursor:pointer}input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--brand);border:3px solid var(--surface);box-shadow:0 1px 4px rgba(0,0,0,0.3)}input[type='range']::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--brand);border:3px solid var(--surface)}.hint,.help{font-size:0.8rem;color:var(--muted);margin-top:-4px}select{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);width:100%}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg label{flex:1 1 auto;position:relative}.seg input{position:absolute;opacity:0;inset:0;cursor:pointer}.seg span{display:block;text-align:center;padding:9px 12px;border-radius:10px;border:1px solid var(--line);font-size:0.9rem;font-weight:500;color:var(--text-2)}.seg input:checked + span{background:var(--brand);border-color:var(--brand);color:#fff}:root[data-theme='dark'] .seg input:checked + span{color:#06201c}@media (prefers-color-scheme:dark){:root:not([data-theme='light']) .seg input:checked + span{color:#06201c}}.seg input:focus-visible + span{outline:2px solid var(--brand);outline-offset:2px}.group{border:1px dashed var(--line);border-radius:12px;padding:4px 14px}.group summary{cursor:pointer;font-weight:700;padding:10px 0;color:var(--text-2)}.group-body{display:grid;gap:18px;padding-bottom:14px}.form-actions{display:flex;gap:8px;justify-content:flex-end}.btn{font:inherit;font-weight:600;font-size:0.9rem;padding:9px 16px;border-radius:10px;border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer}.btn.ghost{background:transparent;color:var(--text-2);border-color:var(--line)}.btn-link{font:inherit;font-size:0.85rem;background:none;border:0;color:var(--brand);cursor:pointer;text-decoration:underline}.calc-result{padding:20px;min-height:320px}.headline{display:grid;gap:2px;padding:16px 18px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;margin-bottom:14px}:root[data-theme='dark'] .headline{color:#04211d}@media (prefers-color-scheme:dark){:root:not([data-theme='light']) .headline{color:#04211d}}.headline-label{font-size:0.9rem;opacity:0.9}.headline-value{font-size:clamp(1.8rem,5vw,2.4rem);font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums;word-break:break-word}.headline-sub{font-size:0.85rem;opacity:0.9}.stats{margin:0 0 12px;display:grid}.stat{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line)}.stat dt{color:var(--text-2);font-size:0.92rem}.stat dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.stat.pos dd{color:var(--pos)}.stat.neg dd{color:var(--neg)}.stat.muted dt,.stat.muted dd{color:var(--muted);font-weight:500}.stat.strong dd{font-size:1.08rem}.donut{display:flex;align-items:center;gap:18px;margin:14px 0 4px}.donut svg{width:132px;height:132px;flex:none;transform:rotate(0deg)}.donut .track{fill:none;stroke:var(--surface-2);stroke-width:6}.donut .arc{fill:none;stroke-width:6}.arc.s1,.bar.s1,.dot.s1{stroke:var(--s1);fill:var(--s1);background:var(--s1)}.arc.s2,.bar.s2,.dot.s2{stroke:var(--s2);fill:var(--s2);background:var(--s2)}.arc.s3,.bar.s3,.dot.s3{stroke:var(--s3);fill:var(--s3);background:var(--s3)}.arc.s4,.bar.s4,.dot.s4{stroke:var(--s4);fill:var(--s4);background:var(--s4)}.donut .arc{fill:none}.donut-l{font-size:3px;fill:var(--muted);text-anchor:middle}.donut-v{font-size:4.4px;font-weight:700;fill:var(--text);text-anchor:middle}.legend{list-style:none;padding:0;margin:0;display:grid;gap:6px;flex:1;min-width:0;font-size:0.9rem}.legend li{display:grid;grid-template-columns:12px 1fr auto;column-gap:8px;align-items:center}.legend b{font-variant-numeric:tabular-nums}.legend em{grid-column:2 / 4;font-style:normal;font-size:0.78rem;color:var(--muted);margin-top:-4px}.dot{width:12px;height:12px;border-radius:4px;display:inline-block}.dot.ln{height:3px;border-radius:2px}.legend.inline{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:0.85rem;color:var(--text-2)}.legend.inline li{display:flex;gap:6px;align-items:center}@media (max-width:420px){.donut{flex-direction:column;align-items:stretch}.donut svg{align-self:center}}.compare h3{font-size:1rem;margin:14px 0 8px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:480px){.compare-grid{grid-template-columns:1fr}}.compare-col{border:1px solid var(--line);border-radius:12px;padding:12px;font-size:0.88rem}.compare-col.best{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.compare-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:6px}.compare-head em{font-style:normal;font-size:0.72rem;background:var(--brand);color:#fff;padding:2px 8px;border-radius:99px}.compare-col dl{margin:0}.compare-col dl div{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px dashed var(--line)}.compare-col dt{color:var(--text-2)}.compare-col dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}.compare-total{display:flex;justify-content:space-between;padding-top:8px;font-size:1rem}.result-notes p{font-size:0.88rem;color:var(--text-2);background:var(--surface-2);border-radius:10px;padding:10px 12px;margin:10px 0 0}.calc-detail{display:grid;gap:16px;margin-top:16px}.chart,.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0}.chart{padding:16px 16px 8px}.chart figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.chart h3{margin:0;font-size:1rem}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid{stroke:var(--line);stroke-width:1}.chart .ytick,.chart .xtick{font-size:11px;fill:var(--muted);font-family:var(--font)}.chart .ytick{text-anchor:end}.chart .xtick{text-anchor:middle}.chart .hit{fill:transparent}.chart .col:hover .hit{fill:var(--surface-2)}.chart .line{fill:none;stroke-width:2.5;stroke-linejoin:round}.chart .line.s1{stroke:var(--s1)}.chart .line.s2{stroke:var(--s2)}.chart .line.s3{stroke:var(--s3)}.chart-note{font-size:0.8rem;color:var(--muted);margin:4px 0 6px}.table-wrap summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;font-weight:700}.table-wrap summary::after{content:'▾';color:var(--muted);margin-left:8px}.table-wrap summary span{margin-right:auto}.table-wrap[open] summary::after{content:'▴'}.table-scroll{overflow:auto;max-height:520px;-webkit-overflow-scrolling:touch}table.data{width:100%;border-collapse:collapse;font-size:0.9rem;font-variant-numeric:tabular-nums}table.data th,table.data td{padding:9px 14px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}table.data th:first-child{text-align:left}table.data thead th{position:sticky;top:0;background:var(--surface-2);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.03em;color:var(--text-2)}table.data tbody th{font-weight:600}table.data tbody tr:hover{background:var(--surface-2)}table.data caption{caption-side:top;text-align:left;font-size:0.88rem;color:var(--muted);padding:0 0 8px}.table-note{font-size:0.85rem;color:var(--muted)}.prose .table-scroll{border:1px solid var(--line);border-radius:12px;max-height:none}.prose table.data th,.prose table.data td{white-space:normal}.prose table.data th:first-child{white-space:nowrap}.ad{margin:24px auto;min-height:250px;display:flex;justify-content:center;align-items:center;overflow:hidden}.ad ins{width:100%}.ad-sidebar{min-height:600px;margin:0}.ad-placeholder{border:2px dashed var(--line);border-radius:12px;color:var(--muted);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.1em}.content-grid{display:grid;gap:32px;margin:32px 0 48px}@media (min-width:1000px){.content-grid{grid-template-columns:minmax(0,1fr) 300px}}.prose{max-width:760px;min-width:0}.prose h2{font-size:1.45rem;margin:36px 0 12px}.prose h3{font-size:1.1rem}.prose p,.prose li{color:var(--text)}.prose li + li{margin-top:6px}.answer{background:var(--brand-soft);border-left:4px solid var(--brand);border-radius:0 12px 12px 0;padding:4px 20px}.answer h2{margin-top:16px;font-size:1.1rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--brand)}.answer p{font-size:1.05rem}.takeaways ul{padding-left:1.2em}.takeaways li::marker{color:var(--brand)}.formula{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:16px 0}.formula code{display:block;font-family:ui-monospace,'Cascadia Code',Consolas,monospace;font-size:1.02rem;font-weight:600;color:var(--brand);overflow-x:auto;line-height:1.8}.formula ul{margin:10px 0 0;padding-left:1.1em;font-size:0.92rem}code{font-family:ui-monospace,Consolas,monospace;font-size:0.92em}.callout{border-radius:12px;padding:12px 16px;background:var(--surface-2);margin:16px 0}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-size:1.4rem;color:var(--brand);line-height:1}.faq details[open] summary::after{content:'−'}.faq summary h3{font-size:1.02rem;margin:12px 0}.faq-a p{margin:0 0 14px;color:var(--text-2)}.sources ul{font-size:0.92rem}.disclaimer{font-size:0.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:32px}.sidebar{display:grid;gap:16px;align-content:start}.sidebar .card{padding:16px 18px}.sidebar h2{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin:0 0 8px}.sidebar ol,.sidebar ul{margin:0;padding-left:1.1em;font-size:0.92rem}.sidebar li + li{margin-top:6px}.sticky{position:sticky;top:80px}@media (max-width:999px){.toc,.sticky{display:none}}.hero{background:radial-gradient(1200px 400px at 10% -10%,var(--brand-soft),transparent),var(--bg);padding:48px 0 32px;border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(2rem,5vw,3.1rem);margin:0 0 12px;max-width:820px}.search input{width:100%;max-width:560px;font:inherit;font-size:1.05rem;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);margin-top:12px}.trust{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:18px 0 0;color:var(--text-2);font-size:0.92rem}.home-section{margin:40px 0}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.section-head h2,.home-section>h2{font-size:1.4rem;margin:0 0 6px}.tool-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:14px}.tool-card{display:grid;gap:4px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color 0.15s,transform 0.15s}.tool-card:hover{border-color:var(--brand);transform:translateY(-1px);color:var(--text)}.tool-card strong{color:var(--brand)}.tool-card span{font-size:0.9rem;color:var(--text-2)}.rate-row{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:14px 0 8px}.rate-chip{display:grid;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--text-2);font-size:0.85rem}.rate-chip b{font-size:1.5rem;color:var(--brand)}.why-grid{display:grid;gap:16px 28px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:none}.why h3{margin:0 0 4px}.why p{margin:0;color:var(--text-2)}.hub-summary{max-width:860px}.qa dt{font-weight:700;margin-top:18px}.qa dd{margin:4px 0 0;color:var(--text-2)}ul.cols{columns:2 220px}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:36px 0 24px;font-size:0.9rem}.footer-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.footer-grid h2{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin:0 0 8px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:5px 0}.footer-grid a{color:var(--text-2);text-decoration:none}.footer-grid a:hover{color:var(--brand)}.footer-note{color:var(--muted);font-size:0.82rem;margin:20px 0 0;max-width:900px}@media print{.site-header,.site-footer,.ad,.sidebar,.form-actions,.faq,input[type='range']{display:none !important}.table-wrap{display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important}}