:root{--bg: #fdfdfe;--panel: #f4f6fa;--text: #1a1a1a;--muted: #6b6b6b;--border: rgba(41, 82, 145, .16);--accent: #2f5da3;--accent-fill: rgba(47, 93, 163, .1);--danger: #b3392f;--danger-fill: rgba(179, 57, 47, .08);--pension: #5c8f5e;--warning: #9a6b1f;--warning-fill: rgba(154, 107, 31, .1);--studentloan: #7a5ea8;--radius: 10px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #10131a;--panel: #181c26;--text: #e6e6e6;--muted: #9a9a9a;--border: rgba(143, 180, 222, .18);--accent: #8fb4de;--accent-fill: rgba(143, 180, 222, .12);--danger: #e37b71;--danger-fill: rgba(227, 123, 113, .1);--pension: #8fbf7d;--warning: #d9a441;--warning-fill: rgba(217, 164, 65, .12);--studentloan: #a48ed1}}:root[data-theme=dark]{--bg: #10131a;--panel: #181c26;--text: #e6e6e6;--muted: #9a9a9a;--border: rgba(143, 180, 222, .18);--accent: #8fb4de;--accent-fill: rgba(143, 180, 222, .12);--danger: #e37b71;--danger-fill: rgba(227, 123, 113, .1);--pension: #8fbf7d;--warning: #d9a441;--warning-fill: rgba(217, 164, 65, .12);--studentloan: #a48ed1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Source Sans 3",system-ui,-apple-system,sans-serif;line-height:1.5}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header{display:flex;align-items:center;gap:24px;padding:16px 24px;border-bottom:1px solid var(--border);position:relative;flex-wrap:wrap}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent),var(--pension) 45%,var(--studentloan) 85%);opacity:.55}.site-header .brand{font-weight:700;font-size:1.1rem;text-decoration:none;color:var(--text)}.site-header nav{display:flex;align-items:center;gap:18px;row-gap:8px;flex:1;flex-wrap:wrap}.site-header nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:.95rem;padding-bottom:3px;border-bottom:2px solid transparent}.site-header nav a:hover{color:var(--text)}.site-header nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.nav-group{position:relative}.nav-group-toggle{font:inherit;font-weight:600;font-size:.95rem;color:var(--muted);background:none;border:none;padding:0 0 3px;border-bottom:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.nav-group-toggle:hover{color:var(--text)}.nav-group-toggle.active{color:var(--accent);border-bottom-color:var(--accent)}.nav-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.55;transition:transform .15s ease}.nav-group.open .nav-caret{transform:rotate(180deg)}.nav-dropdown{display:none;flex-direction:column;gap:2px;position:absolute;top:100%;left:0;margin-top:12px;min-width:200px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px;box-shadow:0 8px 20px #0000001f;z-index:30}.nav-group.open .nav-dropdown{display:flex}.nav-dropdown a{border-bottom:none!important;padding:8px 10px!important;border-radius:6px;white-space:nowrap}.nav-dropdown a:hover{background:var(--panel)}.nav-dropdown a.active{background:var(--accent-fill)}.nav-toggle{display:none;width:36px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;align-items:center;justify-content:center}.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";display:block;width:18px;height:2px;background:var(--text);border-radius:1px}.nav-toggle-bars{position:relative}.nav-toggle-bars:before{position:absolute;top:-6px}.nav-toggle-bars:after{position:absolute;top:6px}@media (max-width: 980px){.site-header{gap:12px}.nav-toggle{display:flex;order:2}.currency-picker{order:3;margin-left:auto}.theme-toggle{order:3}.site-header nav{display:none;order:4;width:100%;flex-basis:100%}.site-header nav.nav-open{display:flex;flex-direction:column;align-items:stretch;gap:2px;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:8px 24px 16px;box-shadow:0 8px 20px #0000001f;z-index:20}.site-header nav.nav-open a{padding:10px 4px;border-bottom:1px solid var(--border)}.site-header nav.nav-open a.active{border-bottom-color:var(--border)}.nav-group{width:100%}.nav-group-toggle{width:100%;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--border);cursor:default}.nav-caret{display:none}.nav-dropdown{display:flex!important;position:static;margin-top:0;padding:0 0 4px 14px;border:none;box-shadow:none;background:none}.nav-dropdown a{border-bottom:1px solid var(--border)!important}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);cursor:pointer;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.currency-picker select{font:inherit;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}main{max-width:1040px;margin:0 auto;padding:8px 24px 64px}.page h1{font-size:1.8rem;margin-bottom:8px}.lede{color:var(--muted);max-width:68ch;margin-bottom:28px}.layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}@media (max-width: 800px){.layout{grid-template-columns:1fr}}.layout>*{min-width:0}.controls{display:flex;flex-direction:column;gap:18px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.controls-toggle{display:none;cursor:pointer;font-weight:700;font-size:1rem;color:var(--text);list-style:none}.controls-toggle::-webkit-details-marker{display:none}.controls-toggle:before{content:"▸";display:inline-block;margin-right:6px;color:var(--muted);transition:transform .15s ease}details.controls[open]>.controls-toggle:before{transform:rotate(90deg)}@media (max-width: 800px){.controls-toggle{display:block}}.field{display:flex;flex-direction:column;gap:6px}.field-row{display:flex;justify-content:space-between;align-items:baseline}.field-row label{font-size:.85rem;color:var(--muted);font-weight:600}.value-btn{font:inherit;font-weight:700;background:none;border:none;border-bottom:1px dashed var(--muted);color:var(--text);cursor:pointer;padding:0}.value-btn:hover{border-bottom-color:var(--text)}.value-input{width:90px;font:inherit;font-weight:700;text-align:right;border:1px solid var(--accent);border-radius:6px;padding:2px 6px;background:var(--bg);color:var(--text)}input[type=range]{width:100%;accent-color:var(--accent)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-row button,.callout+.button-row button{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer}.button-row button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.button-row button:disabled{opacity:.5;cursor:default}.chart-panel{display:flex;flex-direction:column;gap:14px}.chart-container{position:relative}.loan-canvas{width:100%;height:320px;display:block;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);touch-action:none}.chart-hint{font-size:.82rem;color:var(--muted);margin:8px 0 0}.canvas-num-edit{position:absolute;z-index:5;width:80px;font:600 13px system-ui,sans-serif;text-align:center;padding:3px 4px;border-radius:5px;border:1px solid var(--accent);background:var(--bg);color:var(--text);box-shadow:0 2px 10px #00000040}.canvas-notice{position:absolute;z-index:4;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600;pointer-events:none}.readouts{display:flex;gap:24px;flex-wrap:wrap}.readout{display:flex;flex-direction:column;gap:2px}.readout-label{font-size:.8rem;color:var(--muted)}.readout-val{font-size:1.15rem;font-weight:700}.timing-note{color:var(--muted);font-size:.92rem;max-width:62ch;margin:0}.cost-bars{margin-top:32px;display:flex;flex-direction:column;gap:12px}.cost-bar-row{display:flex;flex-direction:column;gap:4px}.cost-bar-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600}.cost-bar-total{color:var(--muted);font-weight:500}.cost-bar-track{background:var(--panel);border:1px solid var(--border);border-radius:6px;height:26px;overflow:hidden}.cost-bar-wrap{display:flex;height:100%}.cost-bar-seg.principal{background:var(--accent)}.cost-bar-seg.interest{background:var(--danger)}.legend-inline{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted);margin-top:4px}.legend-inline .swatch{width:12px;height:12px;border-radius:3px;display:inline-block;margin-left:12px}.legend-inline .swatch:first-child{margin-left:0}.swatch.principal{background:var(--accent)}.swatch.interest{background:var(--danger)}.callout{margin-top:24px;padding:14px 18px;border-radius:var(--radius);border:1px solid var(--danger-fill);background:var(--danger-fill);font-size:.92rem;max-width:72ch}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.tool-card{display:block;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);padding:20px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.tool-grid>*:nth-child(5n+2){border-top-color:var(--pension)}.tool-grid>*:nth-child(5n+3){border-top-color:var(--warning)}.tool-grid>*:nth-child(5n+4){border-top-color:var(--studentloan)}.tool-grid>*:nth-child(5n+5){border-top-color:var(--danger)}.tool-card h2{font-size:1.1rem;margin:0 0 8px}.tool-card p{margin:0;color:var(--muted);font-size:.92rem}.tool-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.tool-card-future{opacity:.6;cursor:default}.tool-card-future:hover{transform:none;box-shadow:none}.field-note{font-size:.8rem;color:var(--muted);margin:-6px 0 0}.region-toggle{display:flex;gap:8px}.region-toggle button{flex:1;font:inherit;font-weight:600;font-size:.85rem;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer}.region-toggle button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-fill)}.callout-warning{border-color:var(--warning-fill);background:var(--warning-fill)}.band-table-wrap{position:relative;overflow-x:auto;margin-top:12px}.band-table{width:100%;border-collapse:collapse;font-size:.9rem}.band-table th,.band-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.band-table th{color:var(--muted);font-weight:600;font-size:.82rem}.band-table-wrap+.field-note{margin-top:12px}@media (max-width: 520px){.band-table-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,var(--bg));pointer-events:none}.band-table th,.band-table td{padding:7px 10px;font-size:.85rem}}.stacked-bar{margin-top:20px}.stacked-bar-track{display:flex;height:28px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.stacked-bar-seg{height:100%}.seg-net{background:var(--accent)}.seg-tax{background:var(--danger)}.seg-ni{background:var(--warning)}.seg-pension{background:var(--pension)}.seg-studentloan{background:var(--studentloan)}.stacked-bar-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:.85rem;color:var(--muted)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-item strong{color:var(--text);font-weight:600}.legend-item .swatch{width:12px;height:12px;border-radius:3px}.region-toggle-3 button{font-size:.8rem;padding:8px 6px}.select-input{width:100%;font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.checkbox-field{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--text);cursor:pointer}.checkbox-field input{margin-top:3px;accent-color:var(--accent)}.additional-options{border-top:1px solid var(--border);padding-top:14px;margin-top:4px}.additional-options summary{cursor:pointer;font-weight:600;font-size:.9rem;color:var(--text);list-style:none}.additional-options summary::-webkit-details-marker{display:none}.additional-options summary:before{content:"▸";display:inline-block;margin-right:6px;color:var(--muted);transition:transform .15s ease}.additional-options[open] summary:before{transform:rotate(90deg)}.additional-options[open] summary{margin-bottom:14px}.additional-options>.field,.additional-options>.checkbox-field,.additional-options>.field-note{margin-top:14px}.additional-options>*:first-of-type{margin-top:0}.honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}textarea.select-input{resize:vertical;font-family:inherit}.site-footer{max-width:1040px;margin:0 auto;padding:24px 24px 40px;border-top:1px solid var(--border)}.site-footer p{max-width:72ch;margin:0 auto;color:var(--muted);font-size:.82rem;line-height:1.5;text-align:center}.site-footer a{color:var(--muted);text-decoration:underline}.site-footer a:hover{color:var(--accent)}.faq-section{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.faq-section h2{margin:0 0 4px}.faq-section .additional-options{border-top:1px solid var(--border)}.faq-section .additional-options p{margin:0;color:var(--muted)}.related-tools{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.related-tools h3{font-size:1rem;margin:0 0 14px;color:var(--muted)}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.related-tool-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:border-color .12s ease,transform .12s ease}.related-tool-card:hover{border-color:var(--accent);transform:translateY(-1px)}.related-tool-title{font-weight:600;font-size:.92rem}.related-tool-desc{color:var(--muted);font-size:.82rem;line-height:1.4}