:root{--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg:#f4f7f6;--card:#fff;--ink:#12201c;--muted:#56645f;--line:#e2e8e5;--line-strong:#cfd8d4;--accent:#0f766e;--accent-strong:#0b5e57;--accent-ink:#fff;--accent-soft:#e6f4f1;--hero-from:#e3f3ef;--hero-to:#f4f7f6;--warn-bg:#fff6e0;--warn-ink:#7a5300;--good:#15803d;--shadow:0 1px 2px #1028220f, 0 4px 16px #1028220f;--radius:14px;--narrow:760px;--wide:1120px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1513;--card:#161e1b;--ink:#e8eeeb;--muted:#a0aea8;--line:#26322e;--line-strong:#34433e;--accent:#2dd4bf;--accent-strong:#5eead4;--accent-ink:#052e2a;--accent-soft:#12302b;--hero-from:#10302b;--hero-to:#0f1513;--warn-bg:#3a2f12;--warn-ink:#f5d48a;--good:#4ade80;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;display:flex}body>main{flex:1 0 auto;width:100%}.wrap{max-width:var(--narrow);margin:0 auto;padding:0 16px}.wrap.wide{max-width:var(--wide)}a{color:var(--accent);text-underline-offset:2px}a:hover{color:var(--accent-strong)}h1{letter-spacing:-.02em;margin:1.4rem 0 .6rem;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:700;line-height:1.2}h2{letter-spacing:-.01em;margin:2.4rem 0 .8rem;font-size:1.3rem;font-weight:700;line-height:1.3}h3{margin:1.6rem 0 .5rem;font-size:1.05rem;font-weight:600}p,ul,ol{margin:.7rem 0}.lead{color:var(--muted);font-size:1.05rem}.muted{color:var(--muted)}.small{font-size:.88rem}.skip{position:absolute;left:-9999px}.skip:focus{background:var(--card);z-index:10;padding:6px 10px;top:8px;left:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header{z-index:5;background:color-mix(in srgb, var(--card) 88%, transparent);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.brand{color:var(--ink);flex:none;align-items:center;text-decoration:none;display:inline-flex}.main-nav{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.main-nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:.93rem;font-weight:500;text-decoration:none}.main-nav a:hover{color:var(--ink);background:var(--accent-soft)}.main-nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}@media (width<=720px){.header-row{flex-wrap:wrap;gap:4px;min-height:0;padding-top:8px;padding-bottom:6px}.main-nav{width:calc(100% + 32px);margin:0 -16px;padding:0 12px}.main-nav a{padding:6px 10px;font-size:.9rem}}.hero{background:linear-gradient(180deg, var(--hero-from), var(--hero-to));border-bottom:1px solid var(--line)}.hero .wrap{padding-top:8px;padding-bottom:28px}.hero h1{margin-top:1.2rem}.chips{flex-wrap:wrap;gap:8px;margin:1rem 0 0;padding:0;list-style:none;display:flex}.chips li{color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:500}.chips li:before{content:"✓";color:var(--accent);margin-right:6px;font-weight:700}.crumbs{color:var(--muted);flex-wrap:wrap;gap:6px;margin-top:16px;font-size:.85rem;display:flex}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:1rem 0;padding:18px}.answer{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);gap:2px;margin:1rem 0;padding:16px 18px;display:grid}.answer strong.big{letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.15}.warn{background:var(--warn-bg);color:var(--warn-ink);border-radius:10px;margin:.6rem 0;padding:10px 14px;font-size:.92rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:1rem 0;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.stat .value{color:var(--accent);letter-spacing:-.01em;font-size:1.5rem;font-weight:700;display:block}.stat .label{margin:2px 0 4px;font-weight:600;display:block}.stat p{color:var(--muted);margin:0;font-size:.9rem}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin:.6rem 0 1rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}tr:last-child td{border-bottom:0}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:color-mix(in srgb, var(--accent-soft) 45%, var(--card));font-size:.82rem;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}th.num{white-space:normal}@media (width<=480px){th,td{padding:9px 10px}}tbody tr:hover td{background:color-mix(in srgb, var(--accent-soft) 35%, transparent)}tr.total td{background:var(--accent-soft);color:var(--ink);font-weight:700}tr.sub td{color:var(--muted);font-size:.9rem}.cta{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow);border-radius:10px;padding:11px 18px;font-weight:600;text-decoration:none;display:inline-block}.cta:hover{background:var(--accent-strong);color:var(--accent-ink)}.links-grid{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.links-grid a{color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-block}.links-grid a:hover{border-color:var(--accent);color:var(--accent)}.source{color:var(--muted);font-size:.85rem}ol.steps{counter-reset:s;padding:0;list-style:none}ol.steps li{counter-increment:s;padding:2px 0 10px 44px;position:relative}ol.steps li:before{content:counter(s);background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.site-footer{background:var(--card);border-top:1px solid var(--line);color:var(--muted);margin-top:4rem;font-size:.92rem}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:28px;padding-top:36px;padding-bottom:24px;display:grid}.footer-brand .tagline{max-width:34ch;margin:.8rem 0}.footer-badge{color:var(--accent);background:var(--accent-soft);border-radius:999px;margin:0;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-title{color:var(--ink);margin:0 0 4px;font-size:.9rem;font-weight:700}.footer-col a{color:var(--muted);text-decoration:none}.footer-col a:hover{color:var(--accent)}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:14px;padding-bottom:24px;display:flex;position:relative}.footer-bottom:before{content:"";border-top:1px solid var(--line);position:absolute;top:0;left:16px;right:16px}.footer-bottom .note{max-width:80ch;margin:0;font-size:.8rem}@media (width<=820px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}:root{--accent:#1d4ed8;--accent-strong:#1e3a8a;--accent-soft:#e8eefc;--hero-from:#e6edfc;--hero-to:#f5f7fb;--bg:#f5f7fb;--ink:#131a2b;--muted:#566076;--line:#e1e6f0;--line-strong:#ccd4e3;--shadow:0 1px 2px #101c3c0f, 0 4px 16px #101c3c0f;--s-net:#0d9488;--s-ins:#2a78d6;--s-tax:#eb6834}@media (prefers-color-scheme:dark){:root{--bg:#0f1420;--card:#171d2c;--ink:#e8ecf5;--muted:#a3adc2;--line:#272f42;--line-strong:#364056;--accent:#8fb1ff;--accent-strong:#b6ccff;--accent-ink:#0b1a3d;--accent-soft:#1a2747;--hero-from:#18233f;--hero-to:#0f1420;--s-net:#14a394;--s-ins:#3987e5;--s-tax:#d95926}}.logo{align-items:center;gap:9px;display:inline-flex}.logo svg{flex:none;display:block}.wordmark{letter-spacing:-.025em;color:var(--ink);font-size:1.22rem;font-weight:700;line-height:1}.wordmark span{color:var(--accent);margin-left:1px}.country-bar{background:var(--accent-soft);border-bottom:1px solid var(--line);font-size:.92rem}.country-bar .wrap{flex-wrap:wrap;align-items:center;gap:4px 14px;padding-top:8px;padding-bottom:8px;display:flex}.country-bar button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.country-bar[hidden]{display:none}.change-country{color:var(--muted);white-space:nowrap;font-size:.88rem}.amount-nav{justify-content:space-between;gap:12px;margin:1.5rem 0;display:flex}.amount-nav a{font-weight:600;text-decoration:none}.calc-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;margin-top:16px;display:grid}.calc-grid>*{min-width:0}@media (width>=900px){.calc-grid{grid-template-columns:380px minmax(0,1fr);gap:28px}.calc-grid .calc{position:sticky;top:76px}}.calc-grid .calc{margin:0}#result>.answer:first-child{margin-top:0}#result h2{margin-top:1.4rem}.split{margin:14px 0 4px}.split-bar{gap:2px;height:14px;display:flex}.split-bar span{min-width:3px;height:100%;display:block}.split-bar span:first-child{border-radius:4px 0 0 4px}.split-bar span:last-child{border-radius:0 4px 4px 0}.split-legend{color:var(--muted);flex-wrap:wrap;gap:4px 18px;margin:10px 0 0;padding:0;font-size:.88rem;list-style:none;display:flex}.split-legend li{align-items:center;gap:6px;display:flex}.split-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.split-legend b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.s-net{background:var(--s-net)}.s-ins{background:var(--s-ins)}.s-tax{background:var(--s-tax)}main.wide>p,main.wide>ol,main.wide>ul:not(.links-grid){max-width:78ch}.calc{gap:14px;display:grid}.mode{border:0;gap:8px;margin:0;padding:0;display:flex}.mode label{text-align:center;border:1px solid var(--line);cursor:pointer;border-radius:10px;flex:1;padding:10px 8px;font-weight:600}.mode label:has(input:checked){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.mode input{opacity:0;pointer-events:none;position:absolute}.field{border:0;gap:4px;margin:0;padding:0;display:grid}.field>span{font-size:.95rem;font-weight:600}.field>span.small{font-size:.88rem;font-weight:400}input[inputmode],select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;width:100%;padding:10px 12px;font-size:1.05rem}.big-input{font-variant-numeric:tabular-nums;font-weight:600;font-size:1.3rem!important}input:focus-visible,select:focus-visible,.mode label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.sr{position:absolute;left:-9999px}.country-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding:0;list-style:none;display:grid}.country-list a{height:100%;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;text-decoration:none;display:block}.country-list a:hover{border-color:var(--accent)}.country-list strong{color:var(--accent);font-size:1.1rem;display:block}.country-list span{color:var(--muted);font-size:.92rem}
