:root{--bg:#f7f8f6;--surface:#fff;--text:#1c2321;--muted:#5b6662;--border:#dfe4e1;--accent:#0f766e;--accent-soft:#e3f2ef;--good:#15803d;--bad:#b91c1c;--radius:12px;--max:1040px;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#111615;--surface:#182120;--text:#e7ecea;--muted:#9aa7a2;--border:#2a3533;--accent:#2dd4bf;--accent-soft:#15302d;--good:#4ade80;--bad:#f87171}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.logo{color:var(--text);letter-spacing:-.01em;font-size:1.15rem;font-weight:800;text-decoration:none}.logo span{color:var(--accent)}.site-nav{flex-wrap:wrap;gap:18px;font-size:.95rem;display:flex}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:64px;padding:28px 0 40px;font-size:.875rem}h1{letter-spacing:-.02em;margin:36px 0 8px;font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.2}h2{margin:44px 0 10px;font-size:1.35rem}.lede{color:var(--muted);max-width:720px;margin:0 0 24px;font-size:1.08rem}.note{color:var(--muted);font-size:.875rem}.calc{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=820px){.calc{grid-template-columns:1.1fr 1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.field{gap:6px;margin-bottom:14px;display:grid}.field label{font-size:.92rem;font-weight:600}.field .hint{color:var(--muted);font-size:.8rem}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}input[type=number],select{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.money{position:relative}.money:before{content:"$";color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.money input{padding-left:24px}.check{align-items:flex-start;gap:10px;font-size:.92rem;display:flex}.check input{margin-top:4px}.results h2{margin-top:0}.headline{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.stat{background:var(--accent-soft);border-radius:10px;padding:12px 14px}.stat .label{color:var(--muted);font-size:.8rem}.stat .value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.positive{color:var(--good)}.negative{color:var(--bad)}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 6px}td.num,th.num{text-align:right;white-space:nowrap}tr.total td{border-bottom:none;font-weight:700}.table-scroll{overflow-x:auto}.tools{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding:0;list-style:none;display:grid}.tools a.card{color:inherit;text-decoration:none;display:block}.tools a.card:hover{border-color:var(--accent)}.tools .soon{opacity:.6}.tools strong{margin-bottom:4px;display:block}.fee-table td{font-size:.92rem}.fee-table tr.group th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding-top:16px;font-size:.85rem}optgroup{font-style:normal}.footer-nav{flex-wrap:wrap;gap:8px 20px;margin-bottom:12px;display:flex}.footer-nav a{color:var(--muted)}.ad-slot{text-align:center;min-height:280px;margin:28px 0}.ad-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px;font-size:.7rem;display:block}@media (width<=600px){.ad-slot{min-height:250px}}.affiliate-box{margin:28px 0}.affiliate-box h2{margin:0 0 8px;font-size:1.1rem}.affiliate-box ul{margin:0 0 8px;padding-left:18px}.affiliate-box li{margin-bottom:6px}.prose{max-width:720px}.prose h2{margin-top:32px;font-size:1.15rem}.compare-link{margin:16px 0 0;font-weight:600}.compare-table td,.compare-table th{padding:8px 4px}.compare-table th{color:var(--muted);font-size:.85rem}.target{grid-template-columns:1fr auto;gap:6px;display:grid}.target select{width:auto}.ladder{max-width:560px}.stat.reverse{margin-top:16px}.option-check{margin-bottom:14px}.hint.block{color:var(--muted);font-size:.8rem;display:block}
