.etf-switch{--sw-panel:#121a26;--sw-line:#2c394c;--sw-text:#edf2fa;--sw-muted:#a6b3c6;--sw-accent:#ffb455;color:var(--sw-text);border-top:1px solid var(--sw-line);padding:55px 0;scroll-margin-top:85px}
.etf-switch .switch-shell{width:min(1400px,calc(100% - 40px));margin:auto;min-width:0}.etf-switch .switch-title{font-size:clamp(1.9rem,4vw,3.3rem);line-height:1.08;letter-spacing:-.04em;margin:12px 0 20px}.etf-switch .lead{color:#c0cddd;max-width:950px;font-size:1.05rem}.etf-switch .eyebrow{color:var(--sw-accent);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.etf-switch a{color:var(--sw-accent)}
.etf-switch .notice{background:#211d19;border-left:3px solid var(--sw-accent);padding:16px 18px;color:#e0cfb8;font-size:.86rem}.etf-switch .workspace{display:grid;grid-template-columns:minmax(0,350px) minmax(0,1fr);gap:25px;align-items:start;margin-top:24px}.etf-switch .panel{background:var(--sw-panel);border:1px solid var(--sw-line);border-radius:15px;padding:23px;min-width:0}.etf-switch .inputs{position:sticky;top:90px}.etf-switch h3{font-size:1.45rem;line-height:1.2;margin:0 0 14px}.etf-switch h4{font-size:1rem;margin:0 0 10px}.etf-switch .pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.etf-switch label{display:block;font-size:.8rem;font-weight:650;margin:0 0 16px}
.etf-switch input,.etf-switch select{display:block;width:100%;min-width:0;max-width:100%;min-height:46px;border:1px solid #435269;background:#090f18;border-radius:8px;color:var(--sw-text);font:inherit;font-size:1rem;padding:10px;margin-top:6px}.etf-switch fieldset{border:1px solid var(--sw-line);border-radius:10px;margin:6px 0 18px;padding:15px;min-width:0}.etf-switch legend{color:var(--sw-accent);font-size:.85rem;padding:0 5px}.etf-switch fieldset label:last-child{margin-bottom:0}.etf-switch .small{font-size:.76rem;color:var(--sw-muted);margin:6px 0 15px}.etf-switch .muted{color:var(--sw-muted);font-size:.9rem}.etf-switch .results{min-width:0}.etf-switch .result-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;flex-wrap:wrap}
.etf-switch button{min-height:46px;border:0;border-radius:9px;padding:12px 16px;background:var(--sw-accent);color:#17110a;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer}.etf-switch button.secondary{border:1px solid #61718b;background:transparent;color:var(--sw-text)}.etf-switch button:disabled{opacity:.5;cursor:not-allowed}.etf-switch button:focus-visible,.etf-switch a:focus-visible,.etf-switch input:focus-visible,.etf-switch select:focus-visible,.etf-switch .table-wrap:focus-visible{outline:3px solid var(--sw-accent);outline-offset:3px}#switch-calculate{width:100%}#switch-error{color:#ffacb8;font-weight:650;font-size:.87rem}
.etf-switch .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.etf-switch .scenario{border:1px solid var(--sw-line);background:var(--sw-panel);border-radius:13px;padding:18px;min-width:0;overflow-wrap:anywhere}.etf-switch .scenario .value{font-size:clamp(1.5rem,2.4vw,2.5rem);font-weight:850;letter-spacing:-.04em;margin:16px 0 8px}.etf-switch .scenario h4{font-size:.95rem}.etf-switch .scenario p{font-size:.8rem;color:var(--sw-muted)}.etf-switch .scenario.keep{border-top:3px solid #8fbcff}.etf-switch .scenario.switch{border-top:3px solid #51d3a5}.etf-switch .scenario.redirect{border-top:3px solid #d4a5ff}.etf-switch .keep{color:#8fbcff}.etf-switch .switch{color:#51d3a5}.etf-switch .redirect{color:#d4a5ff}
.etf-switch .results>.panel,.etf-switch .results>.notice{margin-top:20px}.etf-switch .legend{display:flex;gap:15px;flex-wrap:wrap;font-size:.76rem}.etf-switch svg{width:100%;height:auto;display:block}.etf-switch .table-wrap{overflow:auto;border:0;border-radius:0;background:transparent}.etf-switch table{border-collapse:collapse;width:100%;min-width:580px;font-size:.84rem}.etf-switch th,.etf-switch td{padding:12px 9px;border-bottom:1px solid var(--sw-line);text-align:right;position:static}.etf-switch th{background:transparent}.etf-switch th:first-child,.etf-switch td:first-child{text-align:left}.etf-switch .method{border:1px solid var(--sw-line);background:var(--sw-panel)}.etf-switch .method p,.etf-switch .method li{font-size:.86rem;color:var(--sw-muted)}.etf-switch .method ol{padding-left:20px}.etf-switch [hidden]{display:none!important}.etf-switch .jump{display:flex;gap:18px;flex-wrap:wrap}.etf-switch .jump a{font-size:.87rem;font-weight:750;padding:8px 0;min-height:44px}#switch-input-heading,#switch-result-heading{scroll-margin-top:90px}.calculator-jumps a{display:inline-block;padding:8px 0;color:#ffb455}#fee-comparison{scroll-margin-top:85px}
@media(max-width:1100px){.etf-switch .workspace{grid-template-columns:minmax(0,1fr)}.etf-switch .inputs{position:static}.etf-switch .scenario .value{font-size:2rem}}
@media(max-width:560px){.etf-switch .switch-shell{width:calc(100% - 24px)}.etf-switch .cards{grid-template-columns:minmax(0,1fr)}.etf-switch .panel,.etf-switch .scenario{padding:19px}.etf-switch .pair{gap:10px}.etf-switch .notice{padding:13px}.etf-switch .scenario .value{font-size:2.3rem}}