:root{--bg:#07090d;--panel:#10141c;--panel2:#151b26;--text:#f7f8fb;--muted:#9aa6b8;--red:#ff4d5f;--green:#45e08b;--blue:#3987ff;--gold:#ffcc66;--line:#263044;--shadow:0 24px 80px #0008}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,#281017 0,transparent 28rem),radial-gradient(circle at 90% 25%,#0b3222 0,transparent 30rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}
    button,input{font:inherit}button{color:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.brand{font-weight:900;letter-spacing:-.04em;font-size:1.15rem}.brand span:last-child{color:var(--green)}.top-actions{display:flex;align-items:center;gap:10px}.tag{font-size:.76rem;color:var(--muted);border:1px solid var(--line);padding:7px 10px;border-radius:999px}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 10px;border:1px solid #33405a;border-radius:10px;background:#10141c;color:#e5eaf1;font-size:.72rem;font-weight:900;cursor:pointer;transition:.18s ease}.lang-toggle:hover,.lang-toggle:focus-visible{border-color:var(--green);color:#fff;transform:translateY(-2px);outline:none}.top-logo-link{display:block;padding:7px 9px;border:1px solid #33405a;border-radius:10px;background:#050608;transition:.18s ease}.top-logo-link:hover,.top-logo-link:focus-visible{border-color:var(--green);transform:translateY(-2px);outline:none}.top-logo{display:block;width:112px;height:auto}
    .intro{padding:38px 0 28px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--gold);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.eyebrow:before{content:"";width:28px;height:2px;background:var(--gold)}.hero-title{font-size:clamp(3rem,8vw,6.8rem);line-height:.88;letter-spacing:-.075em;margin:20px 0 22px;max-width:1000px}.hero-title .vs{font-size:.34em;color:var(--muted);vertical-align:.5em;margin:0 .16em}.hero-title .etf{color:var(--green)}.hero-game-select{display:inline-block;max-width:100%;padding:.02em .82em .05em .06em;border:0;border-bottom:.045em solid var(--red);border-radius:.08em;background:var(--panel2);color:var(--text);font:inherit;font-size:.78em;font-weight:950;letter-spacing:-.065em;line-height:1;cursor:pointer;vertical-align:baseline;touch-action:manipulation}.hero-game-select option{background:var(--panel);color:var(--text);font-size:1rem;letter-spacing:0}.hero-game-select:hover,.hero-game-select:focus-visible{border-bottom-color:#ff9ca6;background:#ff4d5f12}.lead{max-width:680px;color:#c5cbd5;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.55;margin:0}
    .tool{margin:38px 0 28px;display:grid;grid-template-columns:360px 1fr;border:1px solid var(--line);background:#0b0e14cc;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.controls{padding:28px;border-right:1px solid var(--line)}.controls h2,.results h2{margin:0 0 22px;font-size:1rem;letter-spacing:.01em}.field{margin:0 0 25px}.labelrow{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.field label{color:#c7ced9;font-size:.9rem}.labelcopy{display:block;flex:1}.field-hint{display:block;margin-top:5px;color:var(--muted);font-size:.72rem;line-height:1.4;font-weight:450}.value-input{width:128px;flex:0 0 128px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px;text-align:right;font-size:1rem;font-weight:850;font-variant-numeric:tabular-nums;outline:none}.value-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #45e08b18}.range{width:100%;accent-color:var(--green);cursor:pointer}.ticks{display:flex;justify-content:space-between;color:#697588;font-size:.7rem;margin-top:5px}.assumption{display:flex;align-items:center;justify-content:space-between;background:var(--panel2);border:1px solid var(--line);padding:12px 14px;border-radius:14px;margin-top:12px}.assumption span{color:var(--muted);font-size:.78rem}.assumption strong{font-size:.9rem}.results{padding:28px}.cards{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.card{padding:24px;border-radius:20px;border:1px solid var(--line);position:relative;overflow:hidden;min-height:220px}.card:after{content:"";position:absolute;inset:auto -40px -70px auto;width:170px;height:170px;border-radius:50%;filter:blur(1px);opacity:.14}.bet{background:linear-gradient(145deg,#1e1116,#11141b)}.bet:after{background:var(--red)}.market{background:linear-gradient(145deg,#0d241a,#11171b);border-color:#2b7650;box-shadow:inset 0 0 0 1px #45e08b16}.market:after{background:var(--green)}.cardhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.cardname{font-weight:850}.market .cardname{font-size:1.12rem}.pill{font-size:.7rem;padding:6px 8px;border-radius:99px;white-space:nowrap}.bet .pill{background:#ff4d5f22;color:#ff8793}.market .pill{background:#45e08b20;color:#7cf1aa}.amount{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.06em;font-weight:950;margin:30px 0 6px;font-variant-numeric:tabular-nums}.market .amount{font-size:clamp(2.8rem,6vw,5rem)}.sub{color:var(--muted);font-size:.8rem;line-height:1.45}.bet .amount{color:#ff7a88}.market .amount{color:#66e9a0}.delta{margin-top:15px;font-size:.8rem;font-weight:750}.bet .delta{color:#ff9ca6}.market .delta{color:#8ef0b6}.bet-odds{margin-top:13px;padding-top:13px;border-top:1px solid #ff4d5f26;color:#d7b8bd;font-size:.78rem;line-height:1.45}.bet-odds strong{color:#ff9ca6}.bet-warning{display:block;margin-top:6px;color:var(--muted);font-weight:400}
    .results,.cards,.card{min-width:0}.cards{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.bet .amount{font-size:clamp(2.2rem,4vw,3.4rem);white-space:nowrap}
    .assumption label{color:var(--muted);font-size:.78rem}.rate-control{display:flex;align-items:center;gap:7px}.rate-input,.years-input{width:86px}.rate-control span{color:var(--green);font-weight:850}.assumption{flex-wrap:wrap}.historical-return{flex:0 0 100%;margin-top:9px;padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem;line-height:1.45}.market .amount{overflow-wrap:anywhere;line-height:.95}.card:after{pointer-events:none}.card>*{position:relative;z-index:1}.game-title{position:relative;z-index:4;display:flex;align-items:center;gap:7px;min-width:0}.game-select{position:relative;z-index:5;max-width:155px;min-height:42px;padding:7px 32px 7px 10px;border:1px solid #ff879388;border-radius:10px;background:var(--panel2);color:var(--text);font-size:.86rem;font-weight:850;cursor:pointer;pointer-events:auto;touch-action:manipulation}.game-select:focus-visible{border-color:var(--red)}.game-info{position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:1px solid #ff879366;border-radius:50%;background:#ff4d5f18;color:#ff9ca6;font-size:.82rem;font-weight:950;cursor:pointer;pointer-events:auto;touch-action:manipulation}.game-info:hover{background:#ff4d5f30}.hero-game-info{display:inline-flex;vertical-align:.32em;margin-left:.15em;width:38px;height:38px;flex-basis:38px;font-size:.9rem}.bet-rate{display:block;margin-top:5px;color:#ff9ca6;font-weight:850}.game-calculation{display:block;margin-top:8px;color:#ff9ca6;font-weight:900;font-variant-numeric:tabular-nums}.currency-highlight{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;border:1px solid #45e08b66;border-radius:10px;background:#45e08b18;color:#7cf1aa;font-weight:950}.currency-highlight strong{font-size:1.08rem}.info-copy{display:block}
    .market .delta{font-size:1rem;font-weight:900;line-height:1.35}.market-contrib{margin-top:8px;color:#86b7ff;font-size:.9rem;font-weight:850}.market-contrib strong{color:#b8d3ff;font-weight:950}
    .chart{margin-top:16px;padding:18px 18px 10px;border-radius:18px;background:#0c1017;border:1px solid var(--line)}.charttop{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.78rem;margin-bottom:4px}.charttop span:last-child{font-weight:850;color:#dce2ea}.bars{display:flex;align-items:end;gap:8px;height:200px;padding-top:70px;padding-bottom:20px}.bars.dense{gap:3px}.baritem{display:flex;align-items:end;flex:1;height:100%;padding:0;border:0;background:none;cursor:pointer;min-width:0;border-radius:7px;outline:none;position:relative}.bar{width:100%;border-radius:7px 7px 3px 3px;min-height:3px;transition:height .35s ease,filter .18s ease;position:relative}.baritem:hover .bar,.baritem:focus-visible .bar,.baritem.selected .bar{filter:brightness(1.25);box-shadow:0 0 0 2px #8ef0b655}.barvalue{display:none;position:absolute;z-index:2;left:50%;top:-67px;transform:translateX(-50%);padding:6px 8px;border:1px solid #ffcc6655;border-radius:8px;background:#14251df2;font-size:.68rem;font-style:normal;white-space:nowrap;box-shadow:0 6px 18px #0007;backdrop-filter:blur(8px);text-align:left}.barvalue strong,.barvalue small{display:block}.barvalue strong{font-weight:900}.barvalue small{margin-top:3px;font-size:.62rem;font-weight:750}.barvalue .total{color:var(--gold)}.barvalue .contrib{color:#9fc3ff}.barvalue .profit{color:#7cf1aa}.baritem.selected .barvalue{display:block}.baritem:first-child .barvalue{left:0;transform:none}.baritem:last-child .barvalue{left:auto;right:0;transform:none}.bar-year{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);color:#788498;font-size:.65rem;font-weight:750;line-height:1}.bars.dense .bar-year{font-size:.5rem}.bar.betbar{background:linear-gradient(#ff6676,#9f2734)}.bar.etfbar{background:linear-gradient(to top,var(--blue) 0 var(--contrib-pct),var(--green) var(--contrib-pct) 100%)}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.72rem;color:var(--muted);margin-top:8px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.support{display:flex;justify-content:center;margin:0 0 64px}.support-link{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:15px 24px;border:1px solid #ffcc6688;border-radius:999px;background:linear-gradient(135deg,#ffcc661c,#45e08b12);box-shadow:0 12px 36px #0005;color:#fff4d4;text-align:center;text-decoration:none;font-size:clamp(.95rem,2vw,1.1rem);font-weight:900;line-height:1.35;transition:.18s ease}.support-link:hover,.support-link:focus-visible{border-color:var(--gold);background:linear-gradient(135deg,#ffcc6630,#45e08b20);box-shadow:0 14px 42px #ffcc6614;transform:translateY(-2px);outline:none}.takeaway{margin:0 0 64px;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.takeaway h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.055em;margin:0}.points{display:grid;gap:12px}.point{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.num{color:var(--muted);font-size:.75rem;font-weight:800}.point h3{margin:0 0 6px;font-size:1rem}.point p{margin:0;color:var(--muted);line-height:1.55;font-size:.9rem}.brand-footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:36px;margin:0 0 28px;padding:28px;border:1px solid #33405a;border-radius:22px;background:linear-gradient(120deg,#090b10,#111723);overflow:hidden}.brand-footer:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--blue),#8ba43e)}.brand-identity{display:flex;align-items:center;gap:22px;min-width:0}.brand-logo{display:block;width:190px;max-width:42vw;height:auto}.brand-name{font-size:1rem;font-weight:700}.brand-topics{margin-top:6px;color:var(--green);font-size:.76rem;line-height:1.45}.brand-quote{margin:10px 0 0;color:#9fb0c7;font-size:.82rem;line-height:1.45;white-space:nowrap}.socials{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.socials a{display:inline-flex;align-items:center;min-height:36px;padding:8px 11px;border:1px solid #33405a;border-radius:999px;color:#dce3ee;text-decoration:none;font-size:.72rem;font-weight:800;transition:.18s ease}.socials a:hover,.socials a:focus-visible{color:#fff;border-color:var(--green);background:#45e08b12;transform:translateY(-2px);outline:none}.note{border-top:1px solid var(--line);padding:22px 0 34px;color:#7f8a9b;font-size:.72rem;line-height:1.55}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #45e08b16;margin-right:8px}
    .support{display:block;margin:0 0 64px}.support-link{position:relative;display:flex;width:100%;justify-content:center;overflow:hidden;padding:20px 28px;border:1px solid #33405a;border-radius:22px;background:linear-gradient(120deg,#090b10,#111723);box-shadow:none;color:var(--green);font-size:clamp(1rem,2vw,1.15rem)}.support-link:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--blue),#8ba43e)}.support-link:hover,.support-link:focus-visible{border-color:#45607c;background:linear-gradient(120deg,#0b0e14,#151d2a);box-shadow:0 12px 36px #0005;color:#7cf1aa;transform:translateY(-2px)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;min-height:38px;padding:0;border:1px solid #33405a;border-radius:10px;background:#10141c;color:#e5eaf1;font-size:1rem;cursor:pointer;transition:.18s ease}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--green);transform:translateY(-2px);outline:none}
    html[data-theme="light"]{--bg:#f4f7fb;--panel:#fff;--panel2:#edf2f8;--text:#111923;--muted:#5f6e82;--red:#d83b50;--green:#278b60;--blue:#174b91;--gold:#8a711f;--line:#ccd7e4;--shadow:0 24px 70px #15335b1a}html[data-theme="light"] body{background:radial-gradient(circle at 12% 0,#e8effa 0,transparent 30rem),radial-gradient(circle at 92% 22%,#e5f4e9 0,transparent 32rem),var(--bg)}html[data-theme="light"] .lead,html[data-theme="light"] .field label{color:#354358}html[data-theme="light"] .tool{background:#ffffffdb}html[data-theme="light"] .tag,html[data-theme="light"] .lang-toggle,html[data-theme="light"] .theme-toggle{background:#fff;color:#27364a;border-color:#bdcbdc}html[data-theme="light"] .top-logo-link{background:#fff;border-color:#bdcbdc}html[data-theme="light"] .market{background:linear-gradient(145deg,#e9f7ef,#f8fcfa);border-color:#72b591}html[data-theme="light"] .bet{background:linear-gradient(145deg,#fff1f3,#fbf8f9)}html[data-theme="light"] .market .amount{color:#187a4d}html[data-theme="light"] .bet .amount{color:#c92f45}html[data-theme="light"] .market .delta{color:#176d46}html[data-theme="light"] .market-contrib{color:#174b91}html[data-theme="light"] .market-contrib strong{color:#123d78}html[data-theme="light"] .bet-odds{color:#744854}html[data-theme="light"] .bet-odds strong{color:#b52c40}html[data-theme="light"] .chart{background:#fff}html[data-theme="light"] .charttop span:last-child{color:#344257}html[data-theme="light"] .barvalue{background:#f7fffaf2;color:#263448;box-shadow:0 6px 18px #15335b24}html[data-theme="light"] .support-link,html[data-theme="light"] .brand-footer{background:linear-gradient(120deg,#fff,#edf3fa);border-color:#bdcbdc}html[data-theme="light"] .support-link{color:#187a4d}html[data-theme="light"] .brand-topics{color:#187a4d}html[data-theme="light"] .support-link:hover,html[data-theme="light"] .support-link:focus-visible{background:linear-gradient(120deg,#f8fbff,#e8f2ec);color:#12643e;border-color:#819ab5}html[data-theme="light"] .socials a{color:#25364d;border-color:#bdcbdc}html[data-theme="light"] .socials a:hover,html[data-theme="light"] .socials a:focus-visible{color:#12643e}html[data-theme="light"] .note{color:#66758a}
    .support{display:flex;justify-content:center}.support-link{width:auto;max-width:min(100%,680px);padding:15px 24px;border-radius:14px}.theme-toggle{width:auto;gap:6px;padding:0 10px;font-size:.74rem;font-weight:850}.theme-icon{font-size:1rem;line-height:1}.lang-toggle{gap:6px}.lang-toggle .flag{display:block;width:1.55rem;height:1.05rem;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #ffffff55}.bet .cardhead{align-items:flex-start;flex-wrap:wrap}.bet .pill{width:100%;white-space:normal;text-align:left;line-height:1.25}.rate-input,.years-input{width:86px;flex:0 0 86px}.socials a{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.8rem;font-weight:700;letter-spacing:0}
    html[data-theme="light"] .market .pill{background:#ccefdc;color:#11633d;border:1px solid #9dd8b8}html[data-theme="light"] .bet .pill{background:#ffd8de;color:#a52238;border:1px solid #f2aeb9}html[data-theme="light"] .barvalue{border-color:#a9b9ca;background:#fff;box-shadow:0 8px 24px #15335b30}html[data-theme="light"] .barvalue .total{color:#765700}html[data-theme="light"] .barvalue .contrib{color:#174b91}html[data-theme="light"] .barvalue .profit{color:#137246}html[data-theme="light"] .currency-highlight{background:#dff5e9;color:#075a32;border-color:#72b591}
    .skip-link{position:fixed;z-index:1000;left:12px;top:12px;padding:10px 14px;border-radius:8px;background:var(--gold);color:#111;font-weight:900;text-decoration:none;transform:translateY(-160%)}.skip-link:focus{transform:none}.topbar{padding-right:76px}.a11y-toggle{position:fixed;z-index:70;top:18px;right:18px;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;padding:0;border:2px solid #77eda9;border-radius:50%;background:linear-gradient(145deg,#2f8ee8,#11549a);color:#fff;cursor:pointer;box-shadow:0 10px 28px #298cff55,0 0 0 5px #3987ff20;transition:transform .18s ease,box-shadow .18s ease}.a11y-toggle svg{display:block;width:40px;height:30px}.a11y-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.a11y-toggle:hover,.a11y-toggle:focus-visible{border-color:#fff;transform:translateY(-2px) scale(1.06);box-shadow:0 14px 34px #3987ff77,0 0 0 6px #3987ff25;outline:3px solid var(--gold);outline-offset:3px}.a11y-panel{position:fixed;z-index:69;top:88px;right:18px;width:min(360px,calc(100vw - 36px));max-height:calc(100vh - 106px);overflow:auto;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 18px 55px #0009}.a11y-panel[hidden]{display:none}.a11y-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.a11y-head h2{margin:0;font-size:1.05rem}.a11y-close,.a11y-action,.voice-btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer}.a11y-close{width:34px;height:34px;border-radius:9px;font-size:1.1rem}.a11y-group{padding:13px 0;border-top:1px solid var(--line)}.a11y-group-title{display:block;margin-bottom:9px;color:var(--muted);font-size:.78rem;font-weight:800}.a11y-actions{display:flex;flex-wrap:wrap;gap:8px}.a11y-action{min-height:40px;padding:8px 11px;border-radius:10px;font-size:.78rem;font-weight:800}.panel-setting{display:inline-flex;align-items:center;gap:7px;min-width:112px}.panel-setting .flag{display:block;width:1.55rem;height:1.05rem;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #ffffff55}.a11y-action[aria-pressed="true"]{border-color:var(--green);background:#45e08b20;color:#8ef0b6}.a11y-action:focus-visible,.a11y-close:focus-visible,.voice-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.input-actions{display:flex;align-items:center;gap:6px}.voice-btn{flex:0 0 38px;width:38px;height:38px;border-radius:10px;font-size:1rem}.voice-btn.listening{border-color:var(--red);background:#ff4d5f22;animation:voicePulse 1s infinite}.voice-btn:disabled{opacity:.45;cursor:not-allowed}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold)!important;outline-offset:3px}html[data-font-size="large"]{font-size:118%}html[data-font-size="xlarge"]{font-size:135%}html[data-contrast="high"]{--muted:#fff;--line:#fff;--green:#5cffaa;--blue:#72aaff;--gold:#ffe17d}html[data-theme="light"][data-contrast="high"]{--text:#000;--muted:#111;--line:#111;--green:#006b3d;--blue:#003f91;--gold:#664d00}html[data-contrast="high"] .tool,html[data-contrast="high"] .card,html[data-contrast="high"] .chart,html[data-contrast="high"] .brand-footer{border-width:2px}html[data-reduce-motion="true"] *,html[data-reduce-motion="true"] *:before,html[data-reduce-motion="true"] *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@keyframes voicePulse{50%{transform:scale(1.08)}}html[data-theme="light"] .a11y-panel,html[data-theme="light"] .a11y-action,html[data-theme="light"] .a11y-close,html[data-theme="light"] .voice-btn{background:#fff;color:#172235;border-color:#aebed1}html[data-theme="light"] .a11y-toggle{background:linear-gradient(145deg,#2f8ee8,#174b91);color:#fff;border-color:#fff;box-shadow:0 10px 28px #174b914d,0 0 0 5px #174b911f}html[data-theme="light"] .a11y-action[aria-pressed="true"]{background:#d8f3e5;color:#075a32;border-color:#278b60}
    .a11y-toggle{border-color:#9fc3ff;background:linear-gradient(145deg,#3987ff,#174b91);box-shadow:0 10px 28px #3987ff55,0 0 0 5px #3987ff1c;touch-action:none}.a11y-toggle.is-moving{cursor:grabbing;transform:scale(1.04)}.a11y-toggle:hover,.a11y-toggle:focus-visible{box-shadow:0 14px 34px #3987ff77,0 0 0 6px #3987ff24}html:not([data-theme="light"]) .a11y-action,html:not([data-theme="light"]) .a11y-close{border-color:#40516b;box-shadow:inset 0 0 0 1px #ffffff08}html:not([data-theme="light"]) .a11y-action:hover,html:not([data-theme="light"]) .a11y-close:hover{border-color:#6f86a8;background:#182131}html[data-theme="light"] .a11y-toggle{background:linear-gradient(145deg,#286cc8,#123d78);border-color:#fff;box-shadow:0 10px 28px #174b914d,0 0 0 5px #174b911f}
    @media(max-width:980px){.cards{grid-template-columns:1fr}.card{min-height:190px}.amount{font-size:clamp(2.2rem,7vw,4rem)}}
    @media(max-width:780px){.wrap{width:min(100% - 22px,620px)}.topbar{padding:18px 0}.tag{display:none}.intro{padding-top:26px}.hero-title{font-size:clamp(2.7rem,14vw,5.2rem)}.hero-title .vs{display:block;margin:.25em 0;font-size:.24em;vertical-align:0}.tool{grid-template-columns:1fr;margin-top:28px;border-radius:22px}.controls{border-right:0;border-bottom:1px solid var(--line);padding:22px}.results{padding:22px}.takeaway{grid-template-columns:1fr}.bars{height:182px}.brand-footer,.brand-identity{align-items:flex-start;flex-direction:column}.brand-footer{gap:22px;padding:24px}.brand-logo{width:170px;max-width:70vw}.socials{justify-content:flex-start}.top-actions{gap:6px}.top-logo{width:96px}.lang-toggle{padding:6px 8px}}
    @media(max-width:480px){.brand{font-size:.84rem}.topbar{padding-right:64px}.top-logo{width:68px}.lang-toggle{min-height:34px;padding:5px 6px}.theme-toggle{width:auto;min-height:34px;padding:0 7px}.top-actions{gap:4px}.a11y-toggle{top:14px;right:12px;width:52px;height:52px}.a11y-toggle svg{width:29px;height:29px}.a11y-panel{top:76px;right:12px;width:min(360px,calc(100vw - 24px))}.input-actions{flex:0 0 auto}.value-input{width:100px;flex-basis:100px}}
    @media(max-width:780px){.hero-title{font-size:clamp(2.25rem,11vw,4rem);line-height:.95;letter-spacing:-.06em}.hero-title .vs{display:inline;font-size:.34em;vertical-align:.5em;margin:0 .14em}.assumption{gap:10px}.assumption label{min-width:0;flex:1}.rate-control{flex:0 0 auto}.rate-input,.years-input{width:74px;flex:0 0 74px}}
    .topbar{padding-right:0}.a11y-toggle{top:154px}.a11y-panel{top:222px}.range-shell{position:relative;width:100%;touch-action:pan-y}.range-shell .range{display:block;pointer-events:none;-webkit-appearance:none;appearance:none;height:32px;margin:0;background:linear-gradient(to right,var(--green) 0 var(--range-pct,0%),#d9dce5 var(--range-pct,0%) 100%);background-size:100% 5px;background-repeat:no-repeat;background-position:center;border-radius:99px}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#747887;box-shadow:0 2px 7px #0006}.range::-moz-range-thumb{width:26px;height:26px;border:2px solid #fff;border-radius:50%;background:#747887;box-shadow:0 2px 7px #0006}.range::-moz-range-track{height:5px;background:transparent}.range::-moz-range-progress{height:5px;background:transparent}.range-gesture{position:absolute;inset:0;touch-action:pan-y;cursor:grab}.range-gesture.dragging{cursor:grabbing}@media(max-width:480px){.topbar{padding-right:0}.a11y-toggle{top:136px}.a11y-panel{top:198px}}
    [data-readable]{position:relative}.section-listen{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:2px solid var(--blue);border-radius:50%;background:var(--panel2);color:var(--text);font-size:1.15rem;line-height:1;cursor:pointer}.section-listen:hover{background:#3987ff22}.section-listen[aria-pressed="true"]{background:var(--blue);color:#fff}.section-listen:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h2{margin-right:auto}.intro>.section-listen,.note>.section-listen{position:absolute;top:0;right:0}.intro{padding-right:58px}.note{position:relative;padding-right:58px}.controls>.section-listen,.results>.section-listen{position:absolute;top:18px;right:18px}.controls,.results{position:relative}.controls h2,.results h2{padding-right:46px}.takeaway>.section-listen{position:absolute;top:0;right:0}.takeaway{position:relative;padding-right:58px}
    .a11y-panel{border:2px solid #72b7ff}.a11y-panel .a11y-action,.a11y-panel .a11y-close{border:1.5px solid #72b7ff}.controls>.section-listen:not(.secondary-listen),.results>.section-listen:not(.secondary-listen){right:68px}.controls>.secondary-listen,.results>.secondary-listen{right:18px}.controls h2,.results h2{padding-right:96px}.section-listen.secondary-listen{width:40px;height:40px;top:20px;font-size:1rem}.controls>.section-listen:after,.results>.section-listen:after,.input-listen:after,.card-listen:after,.full-listen:after{position:absolute;display:flex;align-items:center;justify-content:center;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#626b79;color:#fff;font:900 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:0 2px 7px #0007;pointer-events:none}.controls>.section-listen:not(.secondary-listen):after,.results>.section-listen:not(.secondary-listen):after{content:'i'}.controls>.secondary-listen:after,.results>.secondary-listen:after,.input-listen:after,.card-listen:after{content:'#'}.input-listen{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid var(--blue);border-radius:10px;background:var(--panel2);color:var(--text);font-size:1rem;cursor:pointer}.input-listen[aria-pressed="true"],.card-listen[aria-pressed="true"],.full-listen[aria-pressed="true"]{background:var(--blue);color:#fff}.full-narration{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.full-narration-copy{max-width:240px;color:var(--muted);font-size:.72rem;line-height:1.4;text-align:right}.full-listen{position:relative}.full-listen:after{content:'🪄';min-width:21px;height:21px;padding:0;border-color:#c9d8ed;background:#fff;font-size:11px}.asset-title{display:flex;align-items:center;gap:8px}.card-listen{position:relative;width:40px;min-width:40px;height:40px;flex:0 0 40px;border-width:1px;font-size:.95rem}
    html[data-contrast="high"]{--bg:#000;--panel:#000;--panel2:#000;--text:#fff;--muted:#fff;--red:#ff6b7c;--green:#54ff9f;--blue:#72b7ff;--gold:#ffe66d;--line:#fff;--shadow:none;color-scheme:dark}html[data-contrast="high"] body{background:#000!important;color:#fff!important}html[data-contrast="high"] .tool,html[data-contrast="high"] .card,html[data-contrast="high"] .chart,html[data-contrast="high"] .support-link,html[data-contrast="high"] .brand-footer,html[data-contrast="high"] .a11y-panel,html[data-contrast="high"] .assumption{background:#000!important;border:2px solid #fff!important;box-shadow:none!important;backdrop-filter:none!important}html[data-contrast="high"] .lead,html[data-contrast="high"] .field label,html[data-contrast="high"] .field-hint,html[data-contrast="high"] .ticks,html[data-contrast="high"] .sub,html[data-contrast="high"] .bet-odds,html[data-contrast="high"] .bet-warning,html[data-contrast="high"] .charttop,html[data-contrast="high"] .charttop span,html[data-contrast="high"] .legend,html[data-contrast="high"] .point p,html[data-contrast="high"] .brand-topics,html[data-contrast="high"] .note,html[data-contrast="high"] .num,html[data-contrast="high"] .a11y-group-title{color:#fff!important}html[data-contrast="high"] .value-input,html[data-contrast="high"] .a11y-action,html[data-contrast="high"] .a11y-close,html[data-contrast="high"] .voice-btn,html[data-contrast="high"] .section-listen,html[data-contrast="high"] .theme-toggle,html[data-contrast="high"] .lang-toggle{background:#000!important;color:#fff!important;border:2px solid #fff!important}html[data-contrast="high"] .a11y-action[aria-pressed="true"],html[data-contrast="high"] .section-listen[aria-pressed="true"]{background:#ffe66d!important;color:#000!important;border-color:#ffe66d!important}html[data-contrast="high"] .market .amount,html[data-contrast="high"] .market .delta{color:#54ff9f!important}html[data-contrast="high"] .market-contrib,html[data-contrast="high"] .market-contrib strong{color:#72b7ff!important}html[data-contrast="high"] .bet .amount,html[data-contrast="high"] .bet .delta,html[data-contrast="high"] .bet-odds strong{color:#ff6b7c!important}html[data-contrast="high"] .pill{background:#000!important;border:2px solid currentColor!important}html[data-contrast="high"] .socials a{background:#000!important;color:#fff!important;border:2px solid #fff!important}html[data-contrast="high"] .barvalue{background:#000!important;color:#fff!important;border:2px solid #ffe66d!important}html[data-contrast="high"] .top-logo-link{border:2px solid #fff!important}
    html[data-theme="light"]:not([data-contrast="high"]){--green:#176d46;--gold:#765700}
    html[data-theme="light"][data-contrast="high"]{--bg:#000;--panel:#000;--panel2:#000;--text:#fff;--muted:#fff;--red:#ff6b7c;--green:#54ff9f;--blue:#72b7ff;--gold:#ffe66d;--line:#fff;--shadow:none;color-scheme:dark}
    html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
    .a11y-head h2{flex:1;min-width:0}.a11y-listen{flex:0 0 44px}.chart-listen{width:44px;height:44px;margin-right:auto;flex:0 0 44px}.chart-listen:focus-visible,.a11y-listen:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
    .speech-controller{position:fixed;z-index:90;display:flex;align-items:center;gap:6px;padding:8px;border:2px solid var(--blue);border-radius:999px;background:var(--panel);box-shadow:0 12px 34px #0008}.speech-controller[hidden]{display:none}.speech-control{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);color:var(--text);font-weight:900;cursor:pointer}.speech-speed{min-width:52px;text-align:center;color:var(--text);font-size:.78rem;font-weight:900}.speech-control:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.etf-info{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;margin-left:.28em;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:var(--blue);font-size:.56em;font-weight:900;line-height:1;vertical-align:.25em;cursor:pointer}.etf-popover{position:fixed;z-index:95;width:min(340px,calc(100vw - 28px));padding:15px 48px 15px 16px;border:2px solid var(--blue);border-radius:14px;background:var(--panel);color:var(--text);box-shadow:0 14px 38px #0009;font-size:.9rem;line-height:1.5}.etf-popover[hidden]{display:none}.etf-popover-close,.info-listen{position:absolute;right:7px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);cursor:pointer}.etf-popover-close{top:7px}.info-listen{top:48px;font-size:1rem}.info-listen[aria-pressed="true"]{background:var(--blue);color:#fff}.etf-popover-close:focus-visible,.info-listen:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.voice-input-toast{position:fixed;z-index:110;left:50%;bottom:22px;transform:translateX(-50%);width:min(440px,calc(100vw - 32px));padding:12px 16px;border:2px solid var(--blue);border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 12px 34px #0009;text-align:center;font-size:.88rem;font-weight:750}.voice-input-toast[hidden]{display:none}.support-link{background:#45e08b!important;color:#06130d!important;border:2px solid #7cf1aa!important;box-shadow:0 10px 30px #45e08b35!important}.support-link:hover,.support-link:focus-visible{background:#62eca0!important;color:#06130d!important;border-color:#fff!important}html[data-theme="light"] .support-link{background:#176d46!important;color:#fff!important;border-color:#0b5334!important;box-shadow:0 10px 28px #176d4638!important}html[data-theme="light"] .support-link:hover,html[data-theme="light"] .support-link:focus-visible{background:#0f5b39!important;color:#fff!important}html[data-contrast="high"] .speech-controller,html[data-contrast="high"] .speech-control,html[data-contrast="high"] .etf-popover,html[data-contrast="high"] .voice-input-toast{background:#000!important;color:#fff!important;border-color:#fff!important}
    @media(max-width:780px){.section-listen{width:42px;height:42px}.card-listen{width:44px;min-width:44px;height:44px;flex-basis:44px}.intro{padding-right:48px}.takeaway{padding-right:0}.takeaway>.section-listen{top:-4px}.takeaway h2{padding-right:52px}.speech-controller{max-width:calc(100vw - 20px)}}
    .etf-info{width:20px;height:20px;font-size:.72rem;vertical-align:.15em}.speech-drag{display:inline-flex;align-items:center;justify-content:center;width:38px;height:42px;border-radius:999px;color:var(--muted);cursor:grab;touch-action:none;user-select:none;font-size:1.15rem}.speech-drag:active{cursor:grabbing}.speech-drag:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
    .speech-control{min-width:48px;height:48px;padding:0 12px;font-size:1rem;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.speech-control:active{transform:scale(.94);filter:brightness(1.18)}.speech-drag{width:42px;height:48px}.voice-notice{position:fixed;z-index:100;left:50%;top:50%;width:min(520px,calc(100vw - 28px));max-height:min(82vh,680px);overflow:auto;transform:translate(-50%,-50%);padding:22px 52px 22px 22px;border:2px solid var(--blue);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 18px 55px #000a;line-height:1.5}.voice-notice[hidden]{display:none}.voice-notice strong{display:block;margin-bottom:7px}.voice-notice p{margin:0;color:var(--muted)}.voice-help{margin-top:14px}.voice-help summary{cursor:pointer;color:var(--blue);font-weight:850;text-decoration:underline;text-underline-offset:3px}.voice-help ol{margin:12px 0 0;padding-left:20px;color:var(--muted)}.voice-help li+li{margin-top:8px}.voice-help pre{margin:7px 0 0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font:700 .76rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.voice-notice .voice-docs-link{display:inline-flex;margin-top:14px;padding:9px 12px;border-radius:10px;background:var(--blue);color:#fff;font-weight:850;text-decoration:none}.voice-notice-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font-size:1.1rem;cursor:pointer;touch-action:manipulation}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.bar{transition:none}}
    .settings-group{margin-top:4px;padding:16px 0 2px;border-top:2px solid var(--line)}.settings-actions{display:grid;grid-template-columns:1fr 1fr}.settings-actions .panel-setting{justify-content:center;min-height:48px;font-size:.86rem;border-color:var(--blue)}
    @media(max-width:480px){.a11y-panel{top:calc(198px + env(safe-area-inset-top,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));max-height:none;width:calc(100vw - 24px);padding:16px;overscroll-behavior:contain;scrollbar-gutter:stable}.a11y-head{position:sticky;z-index:2;top:-16px;margin:-16px -16px 10px;padding:16px;background:var(--panel);border-bottom:1px solid var(--line)}.a11y-head h2{font-size:1rem}.a11y-action{min-height:46px;font-size:.83rem}.settings-actions .panel-setting{min-width:0;min-height:52px;font-size:.9rem}}
    *{scrollbar-width:auto;scrollbar-color:#4b91e8 #17355355}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{border-radius:999px;background:#17355355}*::-webkit-scrollbar-thumb{min-height:48px;border:2px solid transparent;border-radius:999px;background:linear-gradient(#72b7ff,#286cc8) padding-box;box-shadow:inset 0 0 0 1px #ffffff55}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8bc5ff,#3987ff) padding-box}*::-webkit-scrollbar-thumb:active{background:#72b7ff padding-box}.a11y-panel{scrollbar-gutter:stable}.a11y-panel::-webkit-scrollbar-track{margin-block:14px}html[data-theme="light"] *{scrollbar-color:#174b91 #d9e5f2}html[data-theme="light"] *::-webkit-scrollbar-track{background:#d9e5f2}html[data-theme="light"] *::-webkit-scrollbar-thumb{background:linear-gradient(#4b91e8,#174b91) padding-box;box-shadow:inset 0 0 0 1px #ffffffaa}html[data-contrast="high"] *{scrollbar-color:#ffe66d #000}html[data-contrast="high"] *::-webkit-scrollbar-track{background:#000}html[data-contrast="high"] *::-webkit-scrollbar-thumb{border-color:#000;background:#ffe66d padding-box;box-shadow:inset 0 0 0 1px #fff}
    .a11y-panel{padding-right:30px;scrollbar-width:none}.a11y-panel::-webkit-scrollbar{display:none}.panel-scrollbar{position:fixed;z-index:71;width:24px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .4s ease;touch-action:none}.panel-scrollbar:before{content:"";position:absolute;top:0;bottom:0;left:10px;width:4px;border-radius:999px;background:#3987ff40}.panel-scrollbar.is-visible,.panel-scrollbar.is-dragging{opacity:1;pointer-events:auto}.panel-scroll-thumb{position:absolute;top:0;left:4px;width:16px;min-height:52px;border:2px solid #fff8;border-radius:999px;background:linear-gradient(#72b7ff,#174b91);box-shadow:0 2px 8px #0005;cursor:grab;touch-action:none}.panel-scroll-thumb:active,.panel-scrollbar.is-dragging .panel-scroll-thumb{cursor:grabbing;background:#3987ff}.panel-scroll-thumb:focus-visible{outline:3px solid var(--gold);outline-offset:2px}html[data-theme="light"] .panel-scrollbar:before{background:#174b9138}html[data-theme="light"] .panel-scroll-thumb{border-color:#fff;background:linear-gradient(#4b91e8,#174b91)}html[data-contrast="high"] .panel-scrollbar:before{background:#fff}html[data-contrast="high"] .panel-scroll-thumb{border-color:#000;background:#ffe66d}
    @media(max-width:480px){.a11y-panel{padding-right:32px}.panel-scrollbar{width:28px}.panel-scrollbar:before{left:12px}.panel-scroll-thumb{left:4px;width:20px;min-height:58px}}
    html,body{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.page-scrollbar{position:fixed;z-index:60;top:12px;right:2px;bottom:12px;width:28px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .4s ease;touch-action:none}.page-scrollbar:before{content:"";position:absolute;top:0;bottom:0;left:12px;width:4px;border-radius:999px;background:#3987ff40}.page-scrollbar.is-visible,.page-scrollbar.is-dragging{opacity:1;pointer-events:auto}.page-scroll-thumb{position:absolute;top:0;left:4px;width:20px;min-height:62px;border:2px solid #fff8;border-radius:999px;background:linear-gradient(#72b7ff,#174b91);box-shadow:0 2px 9px #0006;cursor:grab;touch-action:none}.page-scroll-thumb:active,.page-scrollbar.is-dragging .page-scroll-thumb{cursor:grabbing;background:#3987ff}.page-scroll-thumb:focus-visible{outline:3px solid var(--gold);outline-offset:2px}html[data-theme="light"] .page-scrollbar:before{background:#174b9138}html[data-theme="light"] .page-scroll-thumb{border-color:#fff;background:linear-gradient(#4b91e8,#174b91)}html[data-contrast="high"] .page-scrollbar:before{background:#fff}html[data-contrast="high"] .page-scroll-thumb{border-color:#000;background:#ffe66d}@media(max-width:480px){.page-scrollbar{top:16px;right:1px;bottom:16px;width:30px}.page-scrollbar:before{left:13px}.page-scroll-thumb{left:4px;width:22px;min-height:68px}}
    html.dragging-scroll{scroll-behavior:auto!important}.page-scroll-thumb,.panel-scroll-thumb{border:0;background:transparent!important;box-shadow:none}.page-scroll-thumb:before,.panel-scroll-thumb:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:8px;transform:translateX(-50%);border:1px solid #ffffff80;border-radius:999px;background:linear-gradient(#72b7ff,#174b91);box-shadow:0 2px 7px #0005}.page-scroll-thumb:active:before,.page-scrollbar.is-dragging .page-scroll-thumb:before,.panel-scroll-thumb:active:before,.panel-scrollbar.is-dragging .panel-scroll-thumb:before{background:#3987ff}html[data-theme="light"] .page-scroll-thumb:before,html[data-theme="light"] .panel-scroll-thumb:before{border-color:#fff;background:linear-gradient(#4b91e8,#174b91)}html[data-contrast="high"] .page-scroll-thumb:before,html[data-contrast="high"] .panel-scroll-thumb:before{border-color:#000;background:#ffe66d}
    .page-scrollbar:before{width:2px;left:13px}.page-scroll-thumb{z-index:3}.page-scroll-thumb:before{top:0;bottom:0;height:auto;width:10px}.page-nav-item{position:absolute;right:9px;z-index:2;display:flex;align-items:center;gap:7px;padding:5px 0 5px 7px;border:0;background:transparent;color:var(--muted);font:700 12px/1.15 Inter,system-ui,sans-serif;white-space:nowrap;transform:translateY(-50%);cursor:pointer;opacity:.42;transition:opacity .18s ease,color .18s ease;touch-action:manipulation}.page-nav-label{padding:5px 8px;border:1px solid #3987ff3d;border-radius:999px;background:color-mix(in srgb,var(--panel) 35%,transparent);box-shadow:0 2px 12px #0002;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.page-nav-dot{width:10px;height:10px;flex:none;border:2px solid #8fc8ff;border-radius:50%;background:var(--bg);box-shadow:0 0 0 3px #3987ff1f}.page-scrollbar.is-visible .page-nav-item{opacity:.82}.page-nav-item:hover,.page-nav-item:focus-visible,.page-nav-item.is-active{opacity:1;color:var(--text)}.page-nav-item.is-active .page-nav-dot{border-color:#fff;background:#287fe8;box-shadow:0 0 0 5px #3987ff35}.page-nav-item:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.page-scrollbar.is-dragging .page-nav-item{pointer-events:none}.page-scrollbar.is-dragging .page-scroll-thumb:before{width:14px}.page-scrollbar:not(.labels-visible) .page-nav-label{visibility:hidden}html[data-theme="light"] .page-nav-label{border-color:#174b9140;background:#ffffff80;box-shadow:0 3px 14px #174b9120}html[data-theme="light"] .page-nav-dot{background:#f5f8fc;border-color:#286dbb}html[data-contrast="high"] .page-nav-label{border:2px solid currentColor;background:var(--bg);backdrop-filter:none}html[data-contrast="high"] .page-nav-dot{border-color:currentColor}@media(max-width:480px){.page-nav-item{right:10px;font-size:12px;gap:6px}.page-nav-label{padding:5px 7px}.page-scrollbar:before{left:14px}.page-scroll-thumb:before{width:10px}}
    @media(max-width:780px){.intro>.section-listen{z-index:61}}
    .page-nav-item[hidden]{display:none}.voice-btn{display:inline-flex;align-items:center;justify-content:center;border-color:var(--blue)}html[data-theme="light"] .voice-btn{border-color:var(--blue)}.voice-btn.listening{border-color:#b91c2f!important;background:#d83b50!important;color:#fff!important}.voice-btn.listening:after{content:""}html[data-theme="light"] .support-link{background:#1f8558!important;color:#fff!important;border-color:#176b47!important;box-shadow:0 10px 28px #1f855838!important}html[data-theme="light"] .support-link:hover,html[data-theme="light"] .support-link:focus-visible{background:#18754d!important;color:#fff!important}@media(min-width:781px){.page-scrollbar:not([hidden]),.panel-scrollbar:not([hidden]){pointer-events:auto}.page-scrollbar:hover,.panel-scrollbar:hover{opacity:1}.page-scrollbar:hover .page-nav-label{visibility:visible}}
    .mentoring{display:flex;justify-content:center;margin:0 0 24px}#disclaimerSection{padding-bottom:clamp(110px,18vh,220px)}.mentoring-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,680px);overflow:hidden;padding:15px 24px;border:1px solid #5279ad;border-radius:14px;background:#174b91;color:#fff;font:900 clamp(1rem,2vw,1.15rem)/1.35 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 10px 28px #174b9135;cursor:pointer}.mentoring-cta:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#91c7ff,#4ee2a1)}.mentoring-cta:hover,.mentoring-cta:focus-visible{background:#2166b5;outline:3px solid var(--gold);outline-offset:3px}.mentoring-dialog{width:min(570px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:26px;border:2px solid var(--blue);border-radius:22px;background:var(--panel);color:var(--text);box-shadow:0 20px 70px #0009;overflow:auto}.mentoring-dialog::backdrop{background:#07111bc4;backdrop-filter:blur(4px)}.mentoring-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mentoring-head h2{font-size:1.4rem;margin:0 auto 0 0}.mentoring-close{width:38px;height:38px;flex:none;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font-size:1.3rem;cursor:pointer}.mentoring-form{display:grid;gap:14px}.mentoring-form label,.mentoring-form legend{font-size:.88rem;font-weight:750}.mentoring-form input:not([type=radio]):not([type=checkbox]),.mentoring-form textarea,.mentoring-form select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font:inherit}.mentoring-form textarea{min-height:105px;resize:vertical}.mentor-name-grid,.mentor-phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mentor-phone-grid{grid-template-columns:1fr 1.5fr}.mentoring-form label>input,.mentoring-form label>select,.mentoring-form label>textarea{margin-top:5px}.mentoring-form fieldset{margin:0;padding:0;border:0}.mentor-options{display:grid;gap:8px;margin-top:7px}.mentor-option{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.mentor-option:has(input:checked){border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--panel))}.mentor-option input{margin:4px 0 0;accent-color:var(--green)}.mentor-option small{display:block;color:var(--muted);font-size:.78rem;line-height:1.5}.mentor-consent{display:flex;align-items:flex-start;gap:10px;font-weight:500!important;line-height:1.45}.mentor-consent input{margin-top:4px;accent-color:var(--green)}.mentor-submit{min-height:46px;padding:10px 18px;border:0;border-radius:10px;background:var(--green);color:#07140d;font:850 .95rem Inter,system-ui,sans-serif;cursor:pointer}.mentor-submit:disabled{opacity:.45;cursor:not-allowed}.mentor-error{color:#ff8290;font-size:.78rem;line-height:1.4;min-height:0}.mentor-status{margin:0;color:var(--green);font-size:.87rem;font-weight:750}.mentor-status:empty{display:none}html[data-theme="light"] .mentor-error{color:#b22035}html[data-theme="light"] .mentor-submit{color:#fff;background:#187a50}html[data-theme="light"] .mentoring-cta{background:#2063ae;color:#fff}.mentor-entry{display:flex;align-items:center;gap:7px;margin-top:5px}.mentor-entry input,.mentor-entry textarea{flex:1;min-width:0;margin-top:0!important}.mentor-voice{flex:none;width:44px;height:44px;border:1px solid var(--blue);border-radius:11px;background:var(--panel2);color:var(--text);font-size:1rem;cursor:pointer}.mentor-voice.listening{background:#a31e34;color:#fff;border-color:#ff7280}.mentor-voice:focus-visible,.mentor-magic:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.mentor-magic{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;min-height:44px;padding:7px 14px;border:1px solid var(--blue);border-radius:12px;background:var(--panel2);color:var(--text);font:800 .88rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.mentor-magic .magic-star{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#174b91}.mentoring-form [aria-invalid="true"]{border-color:#e45a70!important}.mentor-hint{display:block;color:var(--muted);font-size:.75rem;line-height:1.4;margin-top:5px}@media(max-width:480px){.mentoring-dialog{padding:18px;max-height:calc(100dvh - 16px)}.mentor-name-grid,.mentor-phone-grid{grid-template-columns:1fr}.mentoring-head h2{font-size:1.15rem}}
    @media(hover:hover) and (pointer:fine){.speaker-hint:after{opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.speaker-hint:hover:after,.speaker-hint:focus-visible:after{opacity:1;visibility:visible}}
    @media(hover:none),(pointer:coarse){.speaker-hint:after{opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.speaker-hint.past-midpoint:after,.speaker-hint:focus-visible:after{opacity:1;visibility:visible}}
    .full-listen.speaker-hint:after{opacity:1;visibility:visible}
    .mentor-magic.section-listen{position:relative;inset:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;max-width:none;padding:0;border-radius:12px;font-size:1rem}.mentor-magic.full-listen:after{content:'🪄';opacity:1;visibility:visible}
    .mentor-entry select{flex:1;min-width:0;margin-top:0!important}.mentor-read{position:static;flex:none;width:44px;height:44px;min-width:44px;padding:0;border:1px solid var(--blue);border-radius:11px;background:var(--panel2);color:var(--text);font-size:1rem;cursor:pointer}.mentor-read:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.mentor-consent-row{display:flex;align-items:flex-start;gap:8px}.mentor-consent-row .mentor-consent{flex:1}.mentor-consent-row .mentor-read{margin-top:1px}.mentoring-form legend .mentor-read{margin-left:10px;vertical-align:middle}.mentoring-form textarea::placeholder{color:var(--muted);opacity:1}.mentoring-cta{flex-wrap:wrap;gap:0 .35em;text-align:center}.mentoring-cta>span{white-space:nowrap}.mentoring-head{position:sticky;z-index:5;top:-26px;padding:8px 0;background:var(--panel)}.mentor-access{flex:none;width:40px;height:40px;padding:5px;border:2px solid #9fc3ff;border-radius:50%;background:linear-gradient(145deg,#3987ff,#174b91);color:#fff;cursor:pointer}.mentor-access svg{width:100%;height:100%}.mentor-access:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.mentoring-dialog .a11y-panel{z-index:15}@media(max-width:480px){.mentoring-head{top:-18px}.mentoring-cta{font-size:clamp(.9rem,3.5vw,1.05rem)}}

    .year-jump-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:9px 0 5px;color:var(--muted);font-size:.82rem;font-weight:750}.year-jump-row select{min-width:78px;min-height:44px;padding:6px 11px;border:1px solid var(--blue);border-radius:10px;background:var(--panel2);color:var(--text);font:inherit;cursor:pointer}.year-jump-row select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.mentor-field{min-width:0}.mentor-field>label{display:block}.mentor-field .mentor-error{display:block}.mentoring-form fieldset{position:relative}.mentoring-form fieldset legend{padding-right:50px}.mentoring-form .mentor-interest-read{position:absolute;right:0;top:-7px}.input-listen,.voice-btn,.a11y-close,.mentoring-close{min-width:44px;width:44px;min-height:44px;height:44px}.etf-info{position:relative}.etf-info:before,.game-info:before,.info-listen:before{content:"";position:absolute;inset:-10px}.game-info:before{inset:-7px}.info-listen:before{inset:-5px}.speech-control{min-width:44px;height:44px}.page-scroll-thumb:after,.panel-scroll-thumb:after{content:"";position:absolute;inset:-3px -4px}.chart .baritem:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media(max-width:480px){.year-jump-row{justify-content:space-between}.year-jump-row label{font-size:.82rem}}
    .labelrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;margin-bottom:12px}.field-name{min-width:0;font-weight:700}.field-hint{grid-column:1/-1;margin-top:0;font-size:.78rem;line-height:1.5}.labelrow .input-actions{justify-content:flex-end}@media(min-width:781px){.tool{grid-template-columns:380px minmax(0,1fr)}}
    /* Shared ETMONT header logo and glossy bubble CTAs. */
    .top-logo-link{display:inline-flex;align-items:center;justify-content:center;height:38px;min-height:38px;padding:0;border:0;border-radius:0;background:transparent!important}
    .top-logo-link:hover,.top-logo-link:focus-visible{border-color:transparent;background:transparent!important}.top-logo{width:auto;height:38px;object-fit:contain}
    .support-link:before,.mentoring-cta:before{content:none!important}.support-link,.mentoring-cta{border-radius:22px!important;isolation:isolate}
    .support-link{background:linear-gradient(112deg,#ffffff3d 0%,#ffffff12 34%,transparent 35%),#45e08b!important;color:#06130d!important;border:2px solid #7cf1aa!important;box-shadow:inset 0 2px 1px #fff9,inset 0 -7px 12px #11633a59,0 10px 22px #0005!important}
    .mentoring-cta{background:linear-gradient(112deg,#ffffff3d 0%,#ffffff12 34%,transparent 35%),#20579d!important;border:1px solid #5279ad!important;box-shadow:inset 0 2px 1px #ffffffb3,inset 0 -7px 12px #082d655c,0 10px 22px #0005!important}
    .support-link:hover,.support-link:focus-visible{background:linear-gradient(112deg,#ffffff4f 0%,#ffffff18 34%,transparent 35%),#62eca0!important;box-shadow:inset 0 2px 1px #fffb,inset 0 -7px 12px #11633a45,0 13px 27px #0005!important}.mentoring-cta:hover,.mentoring-cta:focus-visible{background:linear-gradient(112deg,#ffffff4f 0%,#ffffff18 34%,transparent 35%),#2868b6!important;box-shadow:inset 0 2px 1px #fffb,inset 0 -7px 12px #082d6545,0 13px 27px #0005!important}
    .support-link:active,.mentoring-cta:active{transform:translateY(2px);box-shadow:inset 0 1px 1px #fff8,inset 0 5px 10px #0003,0 5px 12px #0004!important}
    html[data-theme="light"] .support-link{background:linear-gradient(112deg,#ffffff4d 0%,#ffffff17 34%,transparent 35%),#1f8558!important;color:#fff!important;border-color:#176b47!important;box-shadow:inset 0 2px 1px #fffb,inset 0 -7px 12px #0d4b304d,0 9px 20px #1f85583d!important}
    html[data-contrast="high"] .top-logo-link{border:0!important}html[data-contrast="high"] .support-link,html[data-contrast="high"] .mentoring-cta{background:#000!important;border:2px solid #fff!important;box-shadow:none!important}
    @media(min-width:781px){.topbar{padding-right:68px}}
    @media(max-width:480px){.top-logo-link{height:34px;min-height:34px}.top-logo{width:auto;height:34px}}
    .cta-row{display:flex;align-items:center;justify-content:center;gap:10px;max-width:100%}.cta-row .section-listen{flex:0 0 44px}.brand-listen{position:relative;z-index:2;flex:0 0 44px}.brand-listen:after{position:absolute;display:flex;align-items:center;justify-content:center;content:'i';top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#626b79;color:#fff;font:900 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:0 2px 7px #0007;pointer-events:none}@media(min-width:781px){.brand-footer{gap:10px;padding:26px 20px}.brand-identity{flex:none;gap:14px}.brand-logo{width:140px}.brand-topics{white-space:nowrap}.brand-quote{font-size:.7rem}.brand-listen{margin-left:2px}.socials{flex-wrap:nowrap;gap:4px}.socials a{padding:8px 9px;font-size:.76rem}}@media(max-width:780px){.brand-footer{padding-right:76px}.brand-quote{white-space:normal}.brand-listen{position:absolute;top:18px;right:18px}.cta-row{align-items:stretch}.cta-row .support-link,.cta-row .mentoring-cta{min-width:0}.cta-row .section-listen{align-self:center}}
    /* Keep circular narration controls visually consistent with the square audio controls. */
    .section-listen{border-width:1px}.speech-controller{z-index:105}
    /* Keep the selected game on its own line beneath VUAA ETF at every viewport size. */
    .hero-etf-row,.hero-game-row{display:flex;max-width:100%}.hero-etf-row{align-items:flex-end}.hero-game-row{align-items:center}.hero-title .etf{display:inline-block}.hero-title .hero-etf-row .etf-info{flex:0 0 auto;margin:0 .28em}.hero-title .hero-etf-row .vs{display:inline-block;flex:0 0 auto;margin:0;font-size:.34em;vertical-align:0}.hero-game-row{margin-top:.18em}.hero-game-row .hero-game-select{min-width:0;max-width:calc(100% - 54px)}
/* Salary calculator additions; original kit controls, footer and responsive rules remain. */
.salary-title{font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.08;color:var(--blue);margin:.35em 0}.salary-tool{align-items:start}.salary-field{display:grid;gap:.5rem;margin:1.2rem 0}.salary-field label{font-weight:700;font-size:1rem}.salary-field select,.salary-field input,.zero-row input{box-sizing:border-box;width:100%;border:1px solid var(--line,#526070);border-radius:12px;background:var(--panel,#131a25);color:var(--text,#fff);padding:.7rem .8rem;font:inherit;min-height:46px}.salary-entry{display:flex;gap:.5rem;align-items:center}.salary-entry input{min-width:0;flex:1}.salary-hint{line-height:1.55;opacity:.82;font-size:.95rem}.salary-total{display:grid;gap:.35rem;margin:1rem 0 1.4rem;padding:1.25rem;border:1px solid var(--blue);border-radius:18px}.salary-total strong{font-size:clamp(2rem,5vw,3.3rem);color:var(--green);overflow-wrap:anywhere}.deduction-panel{padding:1rem;border:1px solid var(--line,#526070);border-radius:14px;margin-bottom:1.4rem}.deduction-panel h3{margin:0 0 .7rem}.deduction-row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--line,#526070)}.deduction-row strong{white-space:nowrap}.budget-rows{display:grid;gap:.8rem;margin-top:1.1rem}.budget-item{padding:.8rem;border:1px solid var(--line,#526070);border-radius:12px}.budget-track{height:9px;background:rgba(110,133,158,.22);border-radius:9px;margin-top:.7rem}.budget-track span{display:block;height:100%;background:var(--blue);border-radius:9px}.zero-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 42px;gap:.4rem;margin:.5rem 0}.zero-row button{border-radius:10px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;cursor:pointer}.over-budget{color:#e5696c}#salarySources{margin-top:.65rem;line-height:1.8}#salarySources a{color:var(--blue);text-decoration:underline}@media(max-width:600px){.salary-tool{display:block}.salary-tool .results{margin-top:1rem}.zero-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px}.salary-entry .input-listen,.salary-entry .voice-btn{flex:none}}
[hidden]{display:none!important}
/* Compact salary layout, using the kit's colour tokens and button styles. */
.salary-title{color:var(--green);margin:.14em 0 .2em}
.salary-tool{grid-template-columns:minmax(360px,440px) minmax(0,1fr);margin-top:16px}
.salary-tool .controls,.salary-tool .results{padding:20px}
.salary-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.salary-heading{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;padding-right:50px;margin:0 0 22px}.salary-heading h2{margin:0;padding-right:0;min-width:0}.salary-tool .controls>.section-listen:not(.secondary-listen){right:18px}.salary-reset{flex:none;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font:inherit;font-size:.9rem;font-weight:650;min-height:38px;padding:6px 12px;cursor:pointer}.salary-reset:hover{border-color:var(--blue)}.salary-reset:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.salary-assumptions{margin:12px 0 0}.salary-relief-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.salary-relief-footer .salary-hint{min-width:0}.salary-relief-footer .salary-reset{min-height:34px;padding:4px 10px;font-size:.82rem}@media(max-width:380px){.salary-heading{gap:5px}.salary-heading h2{font-size:1.08rem}.salary-heading .salary-reset{padding:4px 7px;font-size:.8rem}}
.salary-input-grid>.salary-field:first-child{grid-column:1/-1}
.salary-field{gap:.3rem;margin:.52rem 0;min-width:0}
.salary-field select,.salary-field input:not([type=range]){min-width:0;padding:.45rem .6rem;min-height:40px}
.salary-entry select,.salary-entry input{flex:1;min-width:0}
.salary-entry .input-listen,.salary-entry .voice-btn{flex:none}
.salary-label-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.hero-country{max-width:360px;margin:.35rem 0 0}.hero-country .salary-entry{gap:.45rem}.hero-country label{font-size:.9rem;color:var(--muted)}
.intro{padding:14px 0 12px}.intro .lead{margin:.35rem 0}
.salary-range{display:block;margin:.1rem 0 0;accent-color:var(--green)}
.salary-field .range-shell,.zero-row .range-shell{height:31px}
.salary-field .range-shell .range,.zero-row .range-shell .range{height:31px}
.salary-total{padding:1rem;margin:.7rem 0 1rem}
.salary-tool .results{position:relative}.allocation-magic{position:absolute;right:20px;top:18px}
.budget-item{position:relative;padding:.7rem 3.1rem .7rem .75rem}.budget-item .card-listen{position:absolute;right:.55rem;top:.45rem}
.category-description{margin:.55rem 0 0;font-size:.85rem;line-height:1.5;color:var(--muted)}
.zero-row{display:block;margin:.65rem 0;border:1px solid var(--line);border-radius:12px;padding:.55rem}.zero-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 38px 38px 34px;align-items:center;gap:.3rem}.zero-main input{min-width:0;padding:.4rem .5rem;min-height:40px}.zero-main .input-listen,.zero-main .voice-btn{width:38px;height:38px}.zero-main .zero-remove{width:34px;height:38px}
@media(max-width:820px){.salary-tool{grid-template-columns:1fr}.salary-tool .controls{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:500px){.salary-input-grid{grid-template-columns:1fr;gap:0}.salary-input-grid>.salary-field:first-child{grid-column:auto}.zero-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px 34px 30px;gap:.15rem}.zero-main .input-listen,.zero-main .voice-btn{width:34px;height:34px}.zero-main .zero-remove{width:30px}.salary-tool .controls,.salary-tool .results{padding:16px}}
.zero-name-group{display:flex;align-items:center;gap:.15rem;min-width:0}.zero-name-group input{flex:1;min-width:0}.zero-name-group .input-listen,.zero-name-group .voice-btn{width:32px;height:34px;flex:none}
@media(max-width:500px){.zero-name-group{grid-column:1/-1}.zero-main>.zero-amount{grid-column:1/3}.zero-main{row-gap:.4rem}}

/* Compact calls to action and a single set of zero-based amount controls. */
.support,.mentoring{display:block;text-align:center;margin:0 0 18px}
.support{margin-top:28px}
.mentoring{margin-bottom:26px}
.cta-intro{max-width:680px;margin:0 auto 9px;color:var(--text);font-size:.94rem;line-height:1.45}
.zero-main{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 38px 38px 34px}
@media(max-width:500px){.zero-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px 34px 30px}.zero-main>.zero-name{grid-column:1/-1}}

/* Give long strategy names the full width of the calculator. */
.salary-input-grid>.strategy-field{grid-column:1/-1}
.strategy-field .strategy-select-wrap{position:relative;display:block;flex:1 1 auto;min-width:0}
.strategy-field .strategy-select-wrap select{width:100%;padding-inline-end:8rem}
@media(max-width:420px){.strategy-field .salary-entry{display:grid;grid-template-columns:1fr 44px 44px;gap:.4rem}.strategy-field .strategy-select-wrap{grid-column:1/-1}.strategy-field .salary-entry .input-listen{grid-column:2}.strategy-field .salary-entry .voice-btn{grid-column:3}}

.first-savings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.first-savings-fields .salary-field{min-width:0;align-content:start}
@media(max-width:620px){.first-savings-fields{grid-template-columns:1fr;gap:0}}
/* Each category gets a full-width name row. */
.zero-main{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:8px;min-width:0}
.zero-main:has(.zero-remove){grid-template-columns:minmax(0,1fr) 42px 42px 42px}
.zero-main .zero-remove{grid-column:4;width:42px;height:42px;min-width:42px;font-size:1.5rem;line-height:1;color:#e5696c;border-color:#e5696c}
.zero-main .zero-remove:hover,.zero-main .zero-remove:focus-visible{background:#8b2429;color:#fff}
.budget-breakdown-heading{margin:.85rem 0 .3rem;font-size:.85rem;font-weight:700;color:var(--muted)}
.budget-breakdown{display:grid;gap:.25rem;border-top:1px solid var(--line);padding-top:.35rem}
.budget-breakdown-row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.2rem 0;font-size:.92rem}
.budget-breakdown-row strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.zero-name-field{grid-column:1/-1;min-width:0}
.zero-name-field .zero-name{width:100%;min-width:0}
.zero-main>.zero-amount{grid-column:1;min-width:0;width:100%}
.zero-main>.input-listen,.zero-main>.voice-btn{width:42px;height:42px;min-width:42px}
.zero-row .range-shell{max-width:100%;min-width:0}
@media(max-width:500px){.zero-main{grid-template-columns:minmax(0,1fr) 40px 40px;gap:6px}.zero-main>.zero-amount{grid-column:1}.zero-main>.input-listen,.zero-main>.voice-btn{width:40px;height:40px;min-width:40px}}
@media(max-width:500px){.zero-main:has(.zero-remove){grid-template-columns:minmax(0,1fr) 40px 40px 40px}.zero-main .zero-remove{width:40px;height:40px;min-width:40px}.budget-breakdown-row{font-size:.85rem}}
@media(max-width:350px){.salary-entry{flex-wrap:wrap}.salary-entry>input:not([type=range]),.salary-entry>select{flex-basis:100%}.salary-entry>.input-listen{margin-left:auto}}

/* Range track ends align with the thumb centres at minimum and maximum. */
.salary-field .range-shell .range,.zero-row .range-shell .range{background-size:calc(100% - 30px) 5px}
.salary-field input[type="range"],.zero-row input[type="range"]{border:0;padding:0;min-height:0;box-shadow:none;background-color:transparent}
.deduction-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.deduction-heading h3{margin:0 0 .7rem}.deduction-heading strong{color:#ff8189;font-size:1.2rem;font-variant-numeric:tabular-nums;white-space:nowrap}html[data-theme="light"] .deduction-heading strong{color:#b52133}
.estimated-gross{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:8px;padding-top:11px;border-top:1px solid var(--line)}.estimated-gross strong{font-size:1.2rem;color:var(--text);letter-spacing:normal;white-space:nowrap}.deduction-row-label{display:inline-flex;align-items:center;gap:7px;min-width:0}.deduction-row-label>span{min-width:0}.deduction-row-info{flex:none;width:24px;height:24px;font-size:.8rem}.deduction-row>strong{flex:none}.deduction-row{align-items:center}
@media(max-width:380px){.deduction-heading,.estimated-gross{flex-wrap:wrap}.estimated-gross strong{white-space:normal}}
.deduction-launch{flex:none;min-height:40px;border:1px solid var(--blue);border-radius:10px;background:transparent;color:var(--text);font:inherit;padding:0 10px;cursor:pointer}.deduction-dialog{width:min(94vw,640px);max-height:88vh;overflow:auto}.deduction-calc-field{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px 8px;padding:12px 0;border-bottom:1px solid var(--line)}.deduction-calc-field>label{font-weight:700;align-self:center}.deduction-calc-field>.game-info{grid-column:2;grid-row:1}.deduction-calc-controls{display:flex;gap:8px;align-items:center;grid-column:1/-1}.deduction-calc-controls input[type="number"]{flex:1;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:8px;color:var(--text);background:var(--panel2)}.deduction-calc-controls input[type="checkbox"]{width:22px;height:22px;accent-color:var(--green)}.deduction-calc-controls button{width:42px;height:42px;flex:none}.deduction-calc-field .range-shell,.deduction-calc-field>.salary-range{grid-column:1/-1}.deduction-calc-field input[type="range"]{border:0;padding:0;box-shadow:none;background-color:transparent}.deduction-field-info{grid-column:1/-1;margin:0}.deduction-calculator-summary{font-weight:700;line-height:1.5}.deduction-dialog .mentoring-head{gap:10px}.deduction-dialog .mentoring-head h2{flex:1;min-width:0}
.salary-input-grid>.salary-amount-field{grid-column:1/-1}

/* Separate the optional annual tax deduction from the salary entry. */
#taxDeductionField{margin-top:1.7rem}
#taxDeductionField #taxDeductionInput.tax-relief-over-limit{border:2px solid #d53548;box-shadow:0 0 0 2px rgba(213,53,72,.12)}#taxDeductionField #taxDeductionInput.tax-relief-over-limit:focus-visible{outline:2px solid #d53548;outline-offset:2px}#taxDeductionField{position:relative}.tax-relief-warning{position:absolute;z-index:20;right:0;bottom:calc(100% - 30px);width:min(290px,85%);box-sizing:border-box;padding:10px 12px;border:2px solid #d53548;border-radius:12px;background:var(--panel);box-shadow:0 8px 24px #0005;color:#f28d99;font-size:.9rem;line-height:1.4;pointer-events:none}html[data-theme="light"] .tax-relief-warning{color:#a8182e}.tax-relief-warning[hidden]{display:none}
/* Full-width controls leave enough room for translated select labels. */
.salary-input-grid{grid-template-columns:minmax(0,1fr)}
.salary-input-grid>.salary-field{grid-column:1}
.salary-field .salary-entry select{min-width:0;width:100%}
.strategy-credit{display:block;margin-top:.75rem;line-height:1.45;overflow-wrap:anywhere}
.strategy-credit a{color:var(--blue);text-decoration:underline}
#etfPopover.strategy-list-popover{width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-sizing:border-box;overflow-y:auto;scroll-padding-top:12px}
.strategy-explanation{padding:10px 0;border-bottom:1px solid var(--line)}
.strategy-explanation:first-child{padding-top:0}
.strategy-explanation:last-child{border-bottom:0;padding-bottom:0}
.strategy-explanation h3{margin:0 0 4px;color:var(--blue);font-size:1rem;line-height:1.35}
.strategy-explanation p{margin:0;line-height:1.45}
.strategy-explanation .strategy-credit{margin-top:6px;font-size:.82rem;color:var(--muted)}

.deduction-launch{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.deduction-launch svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.etf-popover.tax-working-popup{width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - 130px);overflow-y:auto}
@media(max-width:390px){.deduction-launch{padding-inline:7px;font-size:.82rem}.deduction-launch svg{width:17px;height:17px}}

.exchange-note{margin:.6rem 0 0;font-size:.9rem}.salary-total strong,.deduction-row strong,.budget-item strong{white-space:normal;overflow-wrap:anywhere}.deduction-row strong{text-align:right}.estimated-gross strong{display:block}

#cyCustomReliefField{margin:.7rem 0 0;padding:.65rem 0 0;border-top:1px solid var(--line)}.deduction-dialog-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:flex-end}.deduction-dialog-actions button{min-height:44px}#deductionResetAll{background:transparent;color:var(--text);border:1px solid var(--line)}

.deduction-dialog .a11y-panel{z-index:15}

.free-tools-link{color:var(--text);font-size:.84rem;font-weight:750;text-decoration:none;white-space:nowrap;padding:8px 10px;border:1px solid var(--line);border-radius:10px}.free-tools-link:hover,.free-tools-link:focus-visible{border-color:var(--green);color:var(--green)}@media(max-width:700px){.top-actions{flex-wrap:wrap;justify-content:flex-end}.free-tools-link{order:-1}.tag{display:none}}
.deduction-dialog,.deduction-dialog button,.deduction-dialog input{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.deduction-top-actions{display:flex;justify-content:flex-start;margin:4px 0 12px}.deduction-dialog-actions{justify-content:space-between}.deduction-dialog .a11y-panel{z-index:15}

.free-tools-link.support-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:14px;font-size:.95rem;font-weight:850;white-space:nowrap;text-decoration:none;line-height:1.2}.free-tools-link.support-link:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:700px){.free-tools-link.support-link{min-height:42px;padding:8px 12px;font-size:.86rem}}

.free-tools-link{background:transparent!important;color:var(--text)!important;border:1.5px solid var(--blue)!important;box-shadow:none!important;font-weight:750!important}.free-tools-link:hover,.free-tools-link:focus-visible{background:var(--panel2)!important;color:var(--text)!important;border-color:var(--green)!important;box-shadow:none!important}.deduction-calculator-summary{white-space:pre-line}

.free-tools-link{background:#1756a3!important;color:#fff!important;border:1px solid #1756a3!important;box-shadow:none!important}.free-tools-link:hover,.free-tools-link:focus-visible{background:#114888!important;color:#fff!important;border-color:#77baff!important}html[data-theme="light"] .free-tools-link{background:#1756a3!important;color:#fff!important;border-color:#1756a3!important}html[data-theme="light"] .free-tools-link:hover{background:#114888!important;color:#fff!important}.deduction-dialog .mentoring-head{position:sticky;top:-26px;z-index:30;padding:12px 0 14px;border-bottom:1px solid var(--line);background:var(--panel)}.deduction-dialog .mentoring-head h2{font-size:clamp(1.05rem,3vw,1.4rem)}.deduction-dialog .game-info:before{inset:-3px}.deduction-dialog .deduction-top-actions{padding-top:12px}.deduction-dialog{scroll-padding-top:85px}

.deduction-dialog button{font-family:inherit!important;font-weight:inherit}.deduction-dialog .a11y-action,.deduction-dialog .deduction-launch{font-weight:700}

.deduction-calculator-summary{font-weight:400}.relief-summary-heading{font-weight:750;margin-top:12px}.relief-summary-heading:first-child{margin-top:0}.relief-summary-note{font-weight:400;color:var(--muted);font-size:.9rem;margin:2px 0 8px;line-height:1.45}.deduction-totals{display:flex;flex-direction:column;text-align:right;gap:2px}.salary-hint[hidden]{display:none!important}

.topbar{position:relative}.topbar>.free-tools-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 400px);text-align:center;white-space:normal;line-height:1.25;min-height:42px;padding:9px 13px;font-size:.84rem}.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{transform:translate(-50%,-50%)}@media(max-width:850px){.topbar{padding-bottom:80px}.topbar>.free-tools-link{top:auto;bottom:18px;transform:translateX(-50%);max-width:calc(100% - 36px);min-width:min(290px,calc(100% - 36px))}.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{transform:translateX(-50%)}}

/* Keep header actions clear at every width. */
.topbar>.free-tools-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:none;white-space:nowrap;transform:none}
.topbar>.free-tools-link img{display:block;flex:none;width:22px;height:22px;border-radius:5px}
@media(min-width:1200px){.topbar>.free-tools-link{left:50%;top:50%;transform:translate(-50%,-50%)}.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{transform:translate(-50%,-50%)}}
@media(max-width:1199px){.topbar{flex-wrap:wrap;gap:10px}.topbar>.free-tools-link{position:static;order:3;flex:0 1 auto;max-width:100%;margin:2px 0 0;min-width:0;text-align:left;transform:none}.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{transform:none}.top-actions{margin-left:auto}}
@media(max-width:650px){.topbar>.free-tools-link{flex-basis:auto}.topbar{padding-bottom:24px}.top-actions{gap:6px}}

/* Free Tools sits beside the brand; controls retain the far right. */
.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.topbar>.brand{grid-column:1}
.topbar>.free-tools-link,.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{position:static;grid-column:2;justify-self:start;order:initial;margin:0 0 0 clamp(8px,3vw,36px);min-width:0;max-width:100%;transform:none;white-space:normal;text-align:left}
.topbar>.top-actions{grid-column:3;margin-left:0;justify-content:flex-end}
@media(max-width:950px){.topbar{grid-template-columns:minmax(0,1fr) auto}.topbar>.brand{grid-column:1;grid-row:1}.topbar>.top-actions{grid-column:2;grid-row:1}.topbar>.free-tools-link,.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{grid-column:1/-1;grid-row:2;margin:0;justify-self:start}}

/* Center the link in the available header space without covering controls. */
@media(min-width:1101px){.topbar{display:flex;position:relative}.topbar>.free-tools-link,.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{position:absolute;left:calc(50% - 55px);top:50%;max-width:calc(100% - 500px);margin:0;transform:translate(-50%,-50%);justify-self:auto;text-align:center}.topbar>.top-actions{margin-left:auto}}

@media(max-width:1100px){.topbar{grid-template-columns:minmax(0,1fr) auto}.topbar>.brand{grid-column:1;grid-row:1}.topbar>.top-actions{grid-column:2;grid-row:1}.topbar>.free-tools-link,.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{grid-column:1/-1;grid-row:2;justify-self:center;text-align:center;margin:0}}
.estimated-gross{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.estimated-gross strong{white-space:nowrap;overflow-wrap:normal}.estimated-gross small{align-self:flex-start}
#taxDeductionMax{display:grid;gap:2px}#taxDeductionMax strong{font-weight:750;color:var(--text)}

/* Keep the strategy explanation inside the selection field, clear of its arrow. */
.strategy-field .salary-label-row{justify-content:flex-start;gap:7px}
.strategy-field #strategyInfo{position:absolute;inset-inline-end:32px;top:50%;transform:translateY(-50%);z-index:1;min-height:30px;border:1px solid #3987ff;border-radius:8px;background:var(--panel2);color:#3987ff;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1.1;padding:5px 9px;cursor:pointer;white-space:nowrap}
.strategy-field #strategyInfo:hover,.strategy-field #strategyInfo:focus-visible{color:#fff;background:#1756a3;outline:2px solid #3987ff;outline-offset:2px}
.deduction-row .annual-equivalent{display:block;color:var(--muted);font-size:.75rem;font-weight:500;white-space:nowrap;margin-top:3px}
.allocation-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-right:54px}.allocation-heading h2{margin:0}.allocation-view-controls{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.allocation-view-controls label{font-size:.9rem;font-weight:600}.allocation-view-controls select{min-height:42px;max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;padding:7px 10px}.allocation-view-controls .input-listen{flex:none;width:42px;height:42px}.allocation-view-controls select:focus-visible,.allocation-view-controls button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
/* Keep Free Tools on the header row when all controls fit. */
@media(min-width:851px){.topbar{display:flex;flex-wrap:nowrap;gap:12px}.topbar>.brand{flex:none}.topbar>.free-tools-link,.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{position:static;flex:none;max-width:none;margin:auto;transform:none;white-space:nowrap}.topbar>.top-actions{flex:none;margin-left:0}}
@media(max-width:850px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.topbar>.brand{grid-column:1;grid-row:1}.topbar>.top-actions{grid-column:2;grid-row:1}.topbar>.free-tools-link,.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{position:static;grid-column:1/-1;grid-row:2;justify-self:center;max-width:100%;margin:0;transform:none;text-align:center}}
@media(min-width:1001px){.topbar>.free-tools-link,.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);z-index:1}}
/* All information buttons use the blue outline style. */
.game-info,.etf-info,.strategy-field #strategyInfo{border:1px solid #3987ff;color:#3987ff;background:transparent}
.game-info:hover,.game-info:focus-visible,.etf-info:hover,.etf-info:focus-visible,.strategy-field #strategyInfo:hover,.strategy-field #strategyInfo:focus-visible{border-color:#3987ff;background:#1756a3;color:#fff}
#taxDeductionMax{gap:3px}
#taxDeductionMax .relief-overview{display:grid;gap:12px;margin-top:5px;font-size:.94rem;line-height:1.4}
.relief-eligible{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--blue);border-radius:12px;background:var(--panel2)}
.relief-eligible span{font-weight:650}.relief-eligible strong{font-size:1.2rem;font-variant-numeric:tabular-nums;color:var(--green)!important}
.relief-group{display:grid;gap:5px;padding:0 3px}.relief-group-title{font-size:1rem}.relief-group-note{display:inline-block;justify-self:start;max-width:100%;box-sizing:border-box;padding:5px 11px;border:1px solid #ff7281;border-radius:999px;background:transparent;color:#ff7281;font-size:.88rem;font-weight:700;line-height:1.35;margin-bottom:3px}html[data-theme="light"] .relief-group-note{border-color:#b42335;color:#b42335}
.relief-fact{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;border-bottom:1px solid var(--line)}.relief-fact span{min-width:0}.relief-fact strong{flex:none;text-align:right;font-variant-numeric:tabular-nums;font-weight:650!important}.relief-fact-highlight{color:var(--text);font-weight:700}.relief-fact-highlight strong{color:var(--blue)!important;font-weight:750!important}
.relief-limits{display:grid;gap:7px;padding:0 3px}.relief-limit-list{display:flex;gap:6px;flex-wrap:wrap}.relief-limit-list>span{display:inline-flex;gap:5px;align-items:baseline;padding:5px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);font-size:.85rem}.relief-limit-list strong{white-space:nowrap;font-variant-numeric:tabular-nums}
#deductionCalculatorSummary .relief-overview{display:grid;gap:15px;font-weight:400;line-height:1.45}#deductionCalculatorSummary .relief-group{gap:6px}#deductionCalculatorSummary .relief-summary-note{margin:2px 3px 0}
#deductionCalculatorSummary .relief-limit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#deductionCalculatorSummary .relief-limit-item{display:grid;gap:2px;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);font-size:.88rem}#deductionCalculatorSummary .relief-limit-item>strong{font-size:1rem}#deductionCalculatorSummary .relief-limit-item>small{color:var(--muted);font-size:.8rem;font-weight:400}
@media(max-width:420px){#deductionCalculatorSummary .relief-limit-list{grid-template-columns:1fr}.relief-fact{flex-wrap:wrap}.relief-fact strong{margin-left:auto}}

/* Two centered lines on the booking button. */
.mentoring-cta{flex-direction:column;flex-wrap:nowrap;gap:3px;text-align:center;min-height:70px;line-height:1.3}
.mentoring-cta>span{white-space:normal}.mentoring-cta>span:first-child{font-size:1.15rem;line-height:1}.mentoring-cta>span+span{font-size:.82em;font-weight:650}

/* Keep the action row directly above the calculated relief breakdown. */
.deduction-dialog-actions{margin:16px 0 12px;padding-top:12px;border-top:1px solid var(--line)}
.deduction-calculator-summary{margin:0 0 12px}
.allocation-magic.magic-listen:after{content:'🪄';opacity:1;visibility:visible;top:-7px;right:-7px;min-width:20px;height:20px;font-size:11px}
.results>.allocation-magic.magic-listen:after{content:'🪄';background:#fff;border-color:#c9d8ed;min-width:21px;height:21px;padding:0;font-size:11px;opacity:1;visibility:visible}
@media(min-width:851px) and (max-width:1000px){.topbar>.free-tools-link,.topbar>.free-tools-link:hover,.topbar>.free-tools-link:focus-visible{position:absolute;left:calc(50% - 35px);top:50%;margin:0;transform:translate(-50%,-50%)}}

/* Keep the Cyprus one-fifth shortcut inside the amount field. */
#taxDeductionField .tax-relief-entry{position:relative;display:block;flex:1;min-width:0}
#taxDeductionField .tax-relief-entry #taxDeductionInput{width:100%;padding-inline-end:7.2rem;appearance:textfield;-moz-appearance:textfield}
#taxDeductionField .tax-relief-entry #taxDeductionInput:focus{padding-inline-end:7.2rem}
#taxDeductionField #taxDeductionInput::-webkit-inner-spin-button,
#taxDeductionField #taxDeductionInput::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0}
#taxDeductionField .fill-insurance-allowance{position:absolute;inset-inline-end:32px;top:50%;transform:translateY(-50%);min-height:30px;max-width:5.7rem;padding:3px 7px;border:1px solid #ff7281;border-radius:8px;background:var(--panel2);color:#ff7281;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.1;cursor:pointer;white-space:nowrap}
#taxDeductionField .fill-insurance-allowance[hidden]{display:none}
#taxDeductionField .fill-insurance-allowance:focus-visible{outline:2px solid #ff7281;outline-offset:2px}
@media(max-width:480px){#taxDeductionField .salary-entry{flex-wrap:wrap}#taxDeductionField .tax-relief-entry{flex:1 0 100%}#taxDeductionField .salary-entry #openDeductionCalculator{margin-inline-start:auto}}
#taxDeductionField .fill-insurance-allowance{z-index:2;background:var(--panel2);max-width:5rem;padding-inline:5px}
#taxDeductionField .fill-insurance-allowance{border-color:#ff7281;color:#ff7281}
html[data-theme="light"] #taxDeductionField .fill-insurance-allowance{border-color:#b42335;color:#b42335}
#taxDeductionField .fill-insurance-allowance:focus-visible{outline-color:#ff7281}
html[data-theme="light"] #taxDeductionField .fill-insurance-allowance:focus-visible{outline-color:#b42335}
.zero-main:has(.zero-remove){grid-template-columns:minmax(0,1fr) 42px 42px}
.zero-name-field:has(.zero-remove){position:relative}
.zero-name-field:has(.zero-remove) .zero-name{padding-inline-end:6.5rem}
.zero-name-field .zero-remove{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);width:auto;height:auto;min-width:0;min-height:30px;padding:3px 7px;border:1px solid #ff7281;border-radius:8px;background:var(--panel2);color:#ff7281;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.1;cursor:pointer;white-space:nowrap}
.zero-name-field .zero-remove:hover,.zero-name-field .zero-remove:focus-visible{background:#8b2429;color:#fff}
.zero-name-field .zero-remove:focus-visible{outline:2px solid #ff7281;outline-offset:2px}
html[data-theme="light"] .zero-name-field .zero-remove{border-color:#b42335;color:#b42335}
html[data-theme="light"] .zero-name-field .zero-remove:hover,html[data-theme="light"] .zero-name-field .zero-remove:focus-visible{color:#fff}
@media(max-width:500px){.zero-main:has(.zero-remove){grid-template-columns:minmax(0,1fr) 40px 40px}}
#taxDeductionField #openDeductionCalculator{padding-inline:6px;font-size:.83rem;gap:3px}
#taxDeductionField #openDeductionCalculator svg{width:16px;height:16px}
@media(min-width:481px){#taxDeductionField .salary-entry{gap:.35rem}}
/* ETF-site control component. */
.a11y-panel,.a11y-panel *,.a11y-panel button,.a11y-panel input,.a11y-panel select,.a11y-panel textarea{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:normal;word-spacing:normal}
.a11y-panel .a11y-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
.a11y-panel .a11y-action{width:100%;height:58px;padding:7px 8px;display:inline-flex;align-items:center;justify-content:center;font-size:.86rem;text-align:center;line-height:1.2;overflow-wrap:anywhere}
.a11y-panel .text-size{height:44px}
.top-actions{display:grid;grid-template-columns:100px 64px auto;align-items:center}
#themeToggle,#langToggle{width:100%;min-width:0;white-space:nowrap}
.settings-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
@media(max-width:480px){.top-actions{grid-template-columns:92px 60px auto}#themeToggle{font-size:.72rem}.a11y-panel,.a11y-panel *{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}.a11y-panel .a11y-action{font-size:.83rem}}
@font-face{font-family:"Commissioner";src:url("assets/Commissioner.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
body,body *,button,input,select,textarea,dialog,.a11y-panel,.a11y-panel *{font-family:"Commissioner",Arial,sans-serif!important}
.salary-print{border:1px solid var(--blue);border-radius:10px;background:var(--panel2);color:var(--blue);font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.2;min-height:38px;padding:7px 11px;cursor:pointer}
.salary-print:hover,.salary-print:focus-visible{background:#1756a3;color:#fff;outline:2px solid var(--blue);outline-offset:2px}
.print-salary-summary{display:none}
.salary-reset{border-color:#ff7281;color:#ff7281}
.salary-reset:hover,.salary-reset:focus-visible{border-color:#ff7281;color:#fff;background:#8b2429;outline-color:#ff7281}
html[data-theme="light"] .salary-reset{border-color:#b42335;color:#b42335}
html[data-theme="light"] .salary-reset:hover,html[data-theme="light"] .salary-reset:focus-visible{color:#fff}
.rent-context{margin:.7rem 0 0;padding:.55rem .65rem;border-inline-start:3px solid #ffcc66;background:rgba(255,204,102,.08);font-size:.86rem;line-height:1.5}
.rent-context a{color:var(--blue);text-decoration:underline}
@media print{
 @page{size:auto;margin:14mm}
 body,html{background:#fff!important;color:#111!important;print-color-adjust:exact}
 body>:not(#pageContent),#pageContent>:not(#calculator){display:none!important}
 #pageContent{width:100%;max-width:none;margin:0}
 #calculator.salary-tool{display:block!important;margin:0;border:0;border-radius:0;box-shadow:none;background:#fff;overflow:visible;backdrop-filter:none}
 #calculator .controls,#calculator .section-listen,#calculator .allocation-magic,#calculator .allocation-view-controls,#calculator .salary-print,#calculator .game-info,#calculator #strategyControls,#calculator #zeroControls{display:none!important}
 #calculator .results{padding:0!important;color:#111!important;background:#fff!important}
 #calculator .allocation-heading{padding:0;margin:0 0 .3rem}
 #calculator .allocation-heading h2{font-size:1.5rem;color:#111}
 #printSalarySummary[hidden]{display:block!important;color:#333;margin:.2rem 0 1rem;font-size:.9rem}
 #calculator .salary-total,#calculator .deduction-panel,#calculator .budget-item{border:1px solid #999;background:#fff;color:#111;box-shadow:none;break-inside:avoid}
 #calculator .salary-total strong{color:#111;font-size:1.8rem}
 #calculator .budget-track{border:1px solid #777;background:#eee}
 #calculator .budget-track span{background:#555}
 #calculator .category-description,#calculator .budget-breakdown-heading,#calculator .salary-hint{color:#333;opacity:1}
 #calculator .rent-context{background:#fff;color:#111;border-color:#777}
 #calculator a{color:#111;text-decoration:underline}
}
/* Strategy selection and comparison in the results panel. */
.strategy-selection-panel{margin:1.1rem 0 .6rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.strategy-selection-panel .strategy-field{margin:0 0 .7rem}
.strategy-selection-panel .strategy-field .salary-entry{display:flex}
.strategy-selection-panel .strategy-select-wrap{flex:1}
.comparison-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.comparison-controls .salary-field{margin:0}
.comparison-controls label{font-size:.88rem}
.comparison-controls select{width:100%;min-width:0;min-height:40px;padding:.4rem .5rem;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}
.comparison-controls select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.dependants-field{margin-top:.7rem}.dependants-field select{width:100%;min-height:40px;padding:.4rem .5rem;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}.dependants-field .salary-hint{display:block;margin-top:.25rem}.budget-adjustment{margin:.15rem 0 .5rem;color:var(--muted);font-size:.85rem;line-height:1.4}
#pageContent:has(#budgetRows[data-count="3"]){width:min(1500px,calc(100% - 32px))}
#pageContent:has(#budgetRows[data-count="2"]){width:min(1320px,calc(100% - 32px))}
#budgetRows[data-count="2"],#budgetRows[data-count="3"]{grid-template-columns:repeat(var(--comparison-columns),minmax(0,1fr));align-items:start}
#budgetRows[data-count="2"]{--comparison-columns:2}
#budgetRows[data-count="3"]{--comparison-columns:3}
.comparison-card{min-width:0;display:grid;gap:.7rem;align-content:start}
.comparison-card h3{margin:0;font-size:1.05rem;color:var(--blue);line-height:1.35}
#budgetRows[data-count="2"] .comparison-card,#budgetRows[data-count="3"] .comparison-card{padding:.8rem;border:1px solid var(--blue);border-radius:15px;background:var(--panel)}
#budgetRows[data-count="2"] .budget-item,#budgetRows[data-count="3"] .budget-item{background:var(--panel2)}
.budget-item>.deduction-row>strong{color:var(--green)}.budget-item.needs-shortfall>.deduction-row>strong{color:#d6494d}.income-options-trigger{display:block;margin:.25rem 0 .45rem;padding:0;border:0;background:none;color:#cf3c44;text-decoration:underline;text-underline-offset:2px;font:inherit;font-size:.84rem;font-weight:650;text-align:start;cursor:pointer}.income-options-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:3px}#etfPopoverText ul{margin:.35rem 0 0;padding-inline-start:1.3rem}#etfPopoverText li{margin:.4rem 0}
@media print{#calculator .income-options-trigger{display:none!important}#calculator .budget-item>.deduction-row>strong{color:#111!important}}
#budgetRows[data-count="2"] .budget-item,#budgetRows[data-count="3"] .budget-item{padding:.7rem .65rem .75rem}
#budgetRows[data-count="2"] .budget-item .deduction-row,#budgetRows[data-count="3"] .budget-item .deduction-row{display:grid;gap:.15rem;padding-right:38px}
#budgetRows[data-count="2"] .budget-item .deduction-row>strong,#budgetRows[data-count="3"] .budget-item .deduction-row>strong{justify-self:end;text-align:right;font-variant-numeric:tabular-nums}
#budgetRows[data-count="2"] .budget-item .deduction-row .annual-equivalent,#budgetRows[data-count="3"] .budget-item .deduction-row .annual-equivalent{white-space:normal}
#budgetRows[data-count="2"] .first-savings-fields,#budgetRows[data-count="3"] .first-savings-fields{grid-template-columns:1fr;gap:0}
#budgetRows[data-count="2"] .first-savings-fields .salary-field,#budgetRows[data-count="3"] .first-savings-fields .salary-field{margin:.35rem 0}
#budgetRows[data-count="2"] .zero-main:has(.zero-remove),#budgetRows[data-count="3"] .zero-main:has(.zero-remove){grid-template-columns:minmax(0,1fr) 38px 38px 38px}
#etfPopover.income-guide-popover{width:min(680px,calc(100vw - 28px));max-height:min(80dvh,660px);overflow-y:auto;padding-top:12px;padding-right:16px}
#etfPopover.income-guide-popover #etfPopoverText>h3{min-height:34px;padding-right:76px;margin:0 0 10px;color:var(--blue);font-size:1rem;line-height:1.3}
#etfPopover.income-guide-popover #etfPopoverText>p{margin:0 0 6px;line-height:1.5}
#budgetRows[data-count="2"] .budget-item .deduction-row strong,#budgetRows[data-count="3"] .budget-item .deduction-row strong{white-space:normal;overflow-wrap:anywhere}
#budgetRows[data-count="2"] .budget-breakdown-row,#budgetRows[data-count="3"] .budget-breakdown-row{flex-wrap:wrap;gap:0 .4rem}
@media(max-width:1000px){#budgetRows[data-count="3"]{--comparison-columns:2}}
@media(max-width:700px){#budgetRows[data-count="2"],#budgetRows[data-count="3"]{--comparison-columns:1}.comparison-controls{grid-template-columns:1fr}}
@media print{#budgetRows[data-count="2"],#budgetRows[data-count="3"]{grid-template-columns:1fr!important}.comparison-card{break-inside:avoid}.comparison-card h3{color:#111}#budgetRows .comparison-card{background:#fff!important;color:#111!important}}
.salary-input-grid>.salary-field:first-child{grid-column:auto}
@media(max-width:700px){.strategy-selection-panel{padding:.8rem}.strategy-selection-panel .strategy-field .salary-entry{flex-wrap:wrap}.strategy-selection-panel .strategy-select-wrap{flex-basis:100%}}
.strategy-print-actions{display:flex;justify-content:flex-end;margin:1rem 0 0}
.salary-print{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:#1756a3;border-color:#1756a3;color:#fff}
.salary-print svg{flex:none}
.salary-print:hover,.salary-print:focus-visible{background:#0d438a;border-color:#3987ff;color:#fff}
.salary-print-footer{display:none}
@page{size:A4 portrait;margin:8mm}
@media print{
 html,body{width:100%!important;margin:0!important;font-size:12px!important}
 #pageContent,#calculator,#calculator .results{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
 #calculator .results{zoom:1;padding-bottom:0!important}
 #calculator .allocation-heading,#calculator .salary-total,#calculator .deduction-panel,#calculator .strategy-selection-panel,#calculator .budget-rows{margin:0 0 5px!important}
 #calculator .allocation-heading h2{font-size:18px!important;margin:0!important}
 #printSalarySummary[hidden]{font-size:12px!important;margin:3px 0 8px!important}
 #calculator .salary-total{display:flex;align-items:baseline;gap:8px;padding:5px 8px!important}
 #calculator .salary-total strong{font-size:16px!important}
 #calculator .salary-total small,#calculator .deduction-panel small{font-size:11px!important}
 #calculator .deduction-panel{padding:5px 8px!important}
 #calculator .deduction-panel h3{font-size:13px!important;margin:0 0 3px!important}
 #calculator .deduction-row{padding:3px 0!important;font-size:11px!important}
 #calculator .strategy-selection-panel,#calculator #strategyDescription,#calculator .strategy-print-actions,#calculator .budget-track,#calculator .category-description,#calculator .budget-breakdown-heading{display:none!important}
 #calculator .budget-rows{display:grid!important;grid-template-columns:repeat(var(--comparison-columns,1),minmax(0,1fr))!important;gap:8px!important}
 #calculator #budgetRows[data-count="2"]{--comparison-columns:2}
 #calculator #budgetRows[data-count="3"]{--comparison-columns:3}
 #calculator .comparison-card{display:block;min-width:0;padding:6px!important;border:1px solid #aaa!important;break-inside:avoid}
 #calculator .comparison-card h3{font-size:14px!important;margin:0 0 6px!important}
 #calculator .budget-item{padding:6px 7px!important;margin:0 0 5px!important;break-inside:avoid}
 #calculator .budget-item .deduction-row{display:flex!important;gap:5px!important;padding:1px 0!important}
 #calculator .budget-breakdown{display:grid;gap:0!important;padding:1px 0 0!important}
 #calculator .budget-breakdown-row{display:flex!important;justify-content:space-between;flex-wrap:nowrap!important;gap:4px!important;padding:1px 0!important;font-size:11px!important;line-height:1.25!important}
 #calculator .budget-breakdown-row strong{white-space:nowrap!important}
 #calculator .rent-context{margin:5px 0 0!important;padding:3px 4px!important;font-size:10px!important;line-height:1.3!important}
 #calculator #swedenExchangeNote{font-size:10px!important;margin:0 0 4px!important}
 #calculator .salary-print-footer{display:flex!important;position:static;align-items:center;justify-content:center;gap:18px;border-top:1px solid #aab5c5;margin-top:16px;padding:12px 0 0;background:#fff;color:#1d3148;break-inside:avoid}
 #calculator .salary-print-footer img{display:block;width:150px;height:auto;object-fit:contain}
 #calculator .salary-print-footer div{text-align:left}
 #calculator .salary-print-footer a{color:#1756a3!important;font-size:14px;font-weight:700;text-decoration:none!important}
#calculator .salary-print-footer p{margin:4px 0 0;font-size:12px;line-height:1.4}
}
/* Cyprus tax site handoff. Keep the compact TaxCalc control at its existing size. */
#taxDeductionField #openDeductionCalculator{border-color:#248a61;background:rgba(55,185,122,.09);color:#2ad58c}
html[data-theme="light"] #taxDeductionField #openDeductionCalculator{color:#176b48;background:#eaf7ef;border-color:#248a61}
#taxDeductionField #openDeductionCalculator:hover,#taxDeductionField #openDeductionCalculator:focus-visible{background:rgba(55,185,122,.2);outline:2px solid #248a61;outline-offset:2px}
.relief-limits-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 10px}
.tax-site-link{display:inline-flex;align-items:center;justify-content:center;max-width:100%;border:1px solid #248a61;border-radius:10px;background:rgba(55,185,122,.09);color:#2ad58c;text-decoration:none;font-weight:650;line-height:1.25;padding:9px 12px;cursor:pointer}
html[data-theme="light"] .tax-site-link{color:#176b48;background:#eaf7ef}
.tax-site-link:hover,.tax-site-link:focus-visible{background:rgba(55,185,122,.22);outline:2px solid #248a61;outline-offset:2px}
.tax-site-inline{font-size:.78rem;padding:5px 8px;text-align:center}
#etfPopover.tax-guide-popover{width:min(440px,calc(100vw - 28px));max-height:min(75dvh,600px);box-sizing:border-box;overflow-y:auto;padding:14px 16px}
#etfPopover.tax-guide-popover #etfPopoverText{display:grid;gap:0}
#etfPopover.etf-popover{padding-top:48px;padding-right:16px}
#etfPopover.etf-popover.income-guide-popover{padding:12px 16px}
#etfPopover.income-guide-popover #etfPopoverText>h3{min-height:34px;margin-bottom:5px}
#etfPopover.income-guide-popover #etfPopoverText>p{margin-bottom:4px}
#etfPopover.income-guide-popover #etfPopoverText ul{margin:2px 0 0;padding-inline-start:1.25rem}
#etfPopover.income-guide-popover #etfPopoverText li{margin:3px 0;line-height:1.38}
#etfPopover.income-guide-popover #etfPopoverText a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
#etfPopover .info-listen{top:7px;right:48px}
.tax-info-section{padding:9px 0;border-bottom:1px solid var(--line)}
.tax-info-section h3{margin:0 0 3px;color:var(--blue);font-size:.92rem;line-height:1.35}
.tax-info-section p{margin:0;color:var(--text);font-size:.88rem;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.tax-site-popup-link{justify-self:start;margin-top:11px}
@media print{#calculator .tax-site-inline{display:none!important}}
.support-link,.mentoring-cta{font-family:"Commissioner",Arial,sans-serif!important;font-weight:700;letter-spacing:0}
/* Cyprus tax-year choice and its verified rule summary. */
.deduction-heading{align-items:center;flex-wrap:wrap}.deduction-heading h3{margin:0}.tax-year-control{display:inline-flex;align-items:center;gap:.4rem;margin-right:auto;font-size:.86rem;font-weight:600}.tax-year-control select{min-height:36px;width:auto;max-width:125px;padding:5px 8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit}.cyprus-rules-summary{font-size:.78rem;line-height:1.5;margin:0 0 .6rem}.cyprus-rules-summary a{margin-right:.5rem;color:var(--blue,#2686d5)}.cyprus-rules-status{margin:.7rem 0;padding:.65rem .8rem;border:1px solid var(--line);border-radius:10px}.tax-year-control[hidden],.cyprus-rules-summary[hidden],.cyprus-rules-status[hidden]{display:none!important}@media(max-width:540px){.deduction-heading h3{width:100%}.tax-year-control{margin-right:0}.deduction-totals{margin-left:auto}}

.results.rules-pending>*:not(.deduction-panel){display:none!important}.results.rules-pending .deduction-totals,.results.rules-pending #deductionRows{display:none!important}

.cyprus-rules-summary{margin:12px 0 15px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font-size:.82rem;line-height:1.55}
.cyprus-rule-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px}
.cyprus-rule-row+.cyprus-rule-row{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
.cyprus-rule-item{white-space:nowrap}.cyprus-rule-item b{font-weight:750;color:var(--text)}
.cyprus-rule-primary .cyprus-rule-item:first-child{font-size:.9rem}
.cyprus-rule-tax-bands{display:inline;min-width:0;overflow-wrap:normal}
.cyprus-rule-separator{color:var(--muted);font-weight:500}
.cyprus-rule-verified{display:inline-block;margin-left:3px;padding:0 6px;border-radius:99px;background:rgba(34,145,94,.13);color:var(--green);font-size:.7rem;font-weight:700;vertical-align:middle}
.cyprus-rule-sources{margin-top:6px;color:var(--muted);font-size:.75rem}
.cyprus-rule-sources a{display:inline-block;margin:0 0 0 9px}
@media(max-width:540px){.cyprus-rules-summary{padding:9px 10px}.cyprus-rule-separator{display:none}.cyprus-rule-row{gap:3px 10px}.cyprus-rule-primary .cyprus-rule-tax-bands{flex-basis:100%}}
.cyprus-rule-year{font-size:.9rem}.cyprus-rule-year+.cyprus-rule-primary{margin-top:5px;padding-top:5px}.cyprus-rules-status{font-size:.85rem;line-height:1.4}.cyprus-rules-progress{height:8px;margin-top:9px;overflow:hidden;border-radius:99px;background:#aeb4b8}.cyprus-rules-progress[hidden]{display:none}.cyprus-rules-progress span{display:block;width:100%;height:100%;transform-origin:left;background:var(--green);animation:rules-loading 10s linear forwards}.cyprus-rules-progress.retry span{animation-name:rules-loading-retry}@keyframes rules-loading{from{transform:scaleX(.03)}to{transform:scaleX(.97)}}@keyframes rules-loading-retry{from{transform:scaleX(.03)}to{transform:scaleX(.97)}}@media(prefers-reduced-motion:reduce){.cyprus-rules-progress span{animation:none;transform:scaleX(.55)}}
.salary-relief-footer{justify-content:flex-end}.relief-equivalent{display:block;margin-top:-2px;color:var(--muted);font-size:.85rem}
.example-city-control{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 12px;margin-top:13px;font-size:.88rem;font-weight:700}
.example-city-control[hidden]{display:none}.example-city-buttons{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.example-city-buttons button{min-height:36px;padding:6px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:.86rem;cursor:pointer}
.example-city-buttons button[aria-pressed="true"]{border-color:var(--blue);background:var(--blue);color:#fff}
.example-city-buttons button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.comparison-controls .salary-entry select,.dependants-field .salary-entry select{flex:1;min-width:0;width:auto}
.example-city-control .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.comparison-shortcut{position:fixed;z-index:68;right:18px;top:45%}
.comparison-shortcut-toggle{width:54px;height:54px;border:2px solid #bcd7ff;border-radius:50%;background:linear-gradient(145deg,#3987ff,#174b91);color:#fff;box-shadow:0 6px 20px #0007;font-size:1.45rem;cursor:grab;touch-action:none}
.comparison-shortcut-toggle:active{cursor:grabbing}.comparison-shortcut-toggle:focus-visible,.comparison-shortcut-panel button:focus-visible,.comparison-shortcut-panel select:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.comparison-shortcut-panel{position:absolute;right:calc(100% + 10px);top:0;width:min(360px,calc(100vw - 82px));max-height:min(75vh,560px);overflow:auto;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 18px 45px #0008}
.comparison-shortcut-panel[hidden]{display:none}.comparison-shortcut-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.comparison-shortcut-head strong{font-size:1rem}.comparison-shortcut-head button{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);font-size:1.3rem;cursor:pointer}
.comparison-shortcut-panel .salary-field{margin:0 0 12px}.comparison-shortcut-panel label{display:block;margin-bottom:5px;font-size:.88rem}.comparison-shortcut-panel .salary-entry select{flex:1;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);font:inherit}.comparison-shortcut-panel .salary-entry{display:flex;align-items:center;gap:5px}.comparison-shortcut-panel .input-listen,.comparison-shortcut-panel .voice-btn{flex:0 0 36px;width:36px;height:36px}
@media(max-width:480px){.comparison-shortcut{right:12px;top:56%}.comparison-shortcut-toggle{width:50px;height:50px}.comparison-shortcut-panel{width:min(320px,calc(100vw - 74px));max-height:65vh;padding:12px}}
@media print{.comparison-shortcut{display:none!important}}

.comparison-shortcut.panel-open-right .comparison-shortcut-panel{right:auto;left:calc(100% + 10px)}

/* Tax relief accents use the same blue family as the site controls. */
.relief-group-note,#taxDeductionField .fill-insurance-allowance{border-color:#72b7ff;color:#72b7ff}
html[data-theme="light"] .relief-group-note,html[data-theme="light"] #taxDeductionField .fill-insurance-allowance{border-color:#176bba;color:#176bba}
#taxDeductionField .fill-insurance-allowance:focus-visible{outline-color:#72b7ff}
html[data-theme="light"] #taxDeductionField .fill-insurance-allowance:focus-visible{outline-color:#176bba}

.comparison-shortcut-toggle{display:inline-flex;align-items:center;justify-content:center;padding:8px}.comparison-shortcut-toggle svg{display:block;width:100%;height:100%}

.salary-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.salary-title-row .salary-title{margin:0}.salary-title-row>.section-listen{position:relative;inset:auto;flex:0 0 44px}

/* Shared compact destructive calculator reset. */
.salary-reset,.salary-relief-footer .salary-reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:5px 12px;border:1px solid #c8132c;border-radius:999px;background:#c8132c;color:#fff;font-family:Commissioner,sans-serif;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer}
.salary-reset svg{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.salary-reset:hover,.salary-reset:focus-visible,html[data-theme="light"] .salary-reset:hover,html[data-theme="light"] .salary-reset:focus-visible{background:#a20f25;border-color:#a20f25;color:#fff}
.salary-reset:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
html[data-theme="light"] .salary-reset{background:#c8132c;border-color:#c8132c;color:#fff}
html[data-theme="dark"] .salary-reset{background:#dc1935;border-color:#dc1935;color:#fff}
.salary-reset svg .broom-head{fill:currentColor;stroke:none}
.salary-reset:hover,html[data-theme="dark"] .salary-reset:focus-visible{background:#bb102c;border-color:#bb102c;color:#fff}
@media(max-width:380px){.salary-heading .salary-reset{padding:5px 10px;font-size:13px}.salary-heading{padding-right:42px}}

.city-children-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px .75rem;margin-top:13px}
.city-children-row .dependants-field,.city-children-row .example-city-control{margin:0;min-width:0}
.city-children-row .dependants-field .salary-entry select{flex:0 0 76px;width:76px;min-width:76px}
.city-children-row .example-city-control{align-content:start}
@media(max-width:700px){.city-children-row{grid-template-columns:1fr}.city-children-row .example-city-control{grid-row:2}}

.city-children-row .example-city-control{display:grid;gap:.5rem;align-content:start;font-size:inherit;font-weight:normal}
.city-children-row .example-city-control[hidden]{display:none}
.city-children-row .city-field-label{display:block;font-size:1rem;font-weight:700;line-height:1.35}
.city-children-row .city-choice-entry{display:flex;align-items:center;gap:.5rem;min-width:0;flex-wrap:wrap}
.city-children-row .example-city-buttons{min-height:40px;box-sizing:border-box}

/* Match the main city toggle inside the floating comparison settings. */
.comparison-shortcut-panel #shortcutCity.sr-only{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.comparison-shortcut-panel .shortcut-city-buttons{flex:none}

/* Responsive strategy cards with per-category example breakdowns. */
.comparison-card.is-selected{border-color:var(--green)!important}
.comparison-card h3{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.comparison-selected-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green);font-size:.75rem;font-weight:700}
.budget-accordion{min-width:0}
.budget-category-summary{display:flex;align-items:center;gap:.45rem;min-height:44px;list-style:none;cursor:pointer;border-radius:8px}
.budget-category-summary::-webkit-details-marker{display:none}
.budget-category-summary::marker{content:''}
.budget-category-summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.budget-category-summary .deduction-row{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:baseline;gap:.4rem}
.budget-category-summary .deduction-row strong{color:var(--green);text-align:right;font-variant-numeric:tabular-nums}
.budget-item.needs-shortfall .budget-category-summary strong{color:#d6494d}
.budget-chevron{display:block;flex:none;width:9px;height:9px;margin:0 .25rem 4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s ease;color:var(--blue)}
.budget-accordion[open] .budget-chevron{transform:rotate(225deg);margin-top:7px;margin-bottom:0}
.budget-breakdown-panel{min-width:0;padding:.05rem .25rem .45rem}
.budget-accordion:not([open])+.card-listen+.budget-track{margin-top:.35rem}
#budgetRows[data-count="2"] .budget-category-summary .deduction-row,#budgetRows[data-count="3"] .budget-category-summary .deduction-row{display:grid;gap:.15rem;padding-right:0}
#budgetRows[data-count="2"] .budget-category-summary .deduction-row>strong,#budgetRows[data-count="3"] .budget-category-summary .deduction-row>strong{justify-self:end}
@media(max-width:700px){
 #budgetRows[data-count="2"],#budgetRows[data-count="3"]{gap:14px}
 #budgetRows .comparison-card{border:1px solid var(--line);border-radius:15px;padding:.85rem;background:var(--panel)}
 #budgetRows .comparison-card.is-selected{border-color:var(--green)}
 #budgetRows .budget-item{padding:.55rem 2.6rem .55rem .7rem}
 #budgetRows .budget-category-summary .deduction-row{display:flex;flex-wrap:wrap;align-items:center}
 #budgetRows .budget-category-summary .deduction-row>strong{margin-left:auto;white-space:nowrap}
 #budgetRows .budget-category-summary .annual-equivalent{white-space:normal}
 #budgetRows .budget-item .card-listen{right:.3rem;top:.45rem}
}
@media print{#budgetRows .budget-breakdown-panel{display:block!important}#budgetRows .budget-chevron{display:none}}

/* Keep category amounts, speaker, and accordion chevron in distinct lanes. */
#budgetRows .budget-item:has(.budget-accordion){padding-right:.7rem}
#budgetRows .budget-category-summary{position:relative;display:block;box-sizing:border-box;min-height:48px;padding-right:88px}
#budgetRows .budget-category-summary .deduction-row,
#budgetRows[data-count="2"] .budget-category-summary .deduction-row,
#budgetRows[data-count="3"] .budget-category-summary .deduction-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:0}
#budgetRows .budget-category-summary .deduction-row>span{min-width:0;overflow-wrap:normal}
#budgetRows .budget-category-summary .deduction-row>strong{min-width:80px;max-width:130px;justify-self:end;margin:0;text-align:right;white-space:normal;font-variant-numeric:tabular-nums}
#budgetRows .budget-item:has(.budget-accordion)>.card-listen{right:34px;top:.55rem}
#budgetRows .budget-chevron{position:absolute;right:8px;top:17px;margin:0}
#budgetRows .budget-accordion[open] .budget-chevron{margin:0;transform:rotate(225deg)}
@media(max-width:700px){
 #budgetRows .budget-item:has(.budget-accordion){padding:.55rem .7rem}
 #budgetRows .budget-category-summary{padding-right:92px}
 #budgetRows .budget-category-summary .deduction-row{display:grid;grid-template-columns:minmax(0,1fr) auto}
 #budgetRows .budget-category-summary .deduction-row>strong{margin:0;min-width:72px;max-width:120px}
 #budgetRows .budget-item:has(.budget-accordion)>.card-listen{right:34px;top:.55rem}
}

/* Distinct, quiet hues for strategy comparison cards. */
#budgetRows .comparison-card{--strategy-edge:var(--green);--strategy-ink:var(--green);--strategy-tint:#e7f5ec;border:1px solid var(--strategy-edge);border-radius:15px;padding:.8rem}
#budgetRows .comparison-card,
#budgetRows[data-count="2"] .comparison-card,
#budgetRows[data-count="3"] .comparison-card{background:var(--strategy-tint)}
#budgetRows .comparison-card:nth-child(2){--strategy-edge:#2680ce;--strategy-ink:#1768b5;--strategy-tint:#e7f1fd}
#budgetRows .comparison-card:nth-child(3){--strategy-edge:#c88618;--strategy-ink:#9a5d00;--strategy-tint:#fff1d9}
#budgetRows .comparison-card.is-selected{border-color:var(--strategy-edge)!important}
#budgetRows .comparison-card h3{color:var(--strategy-ink)}
#budgetRows .comparison-card .budget-item{background:color-mix(in srgb,var(--panel) 66%,var(--strategy-tint));border:1px solid color-mix(in srgb,var(--strategy-edge) 25%,var(--line))}
#budgetRows .comparison-card .budget-item:not(.needs-shortfall) .budget-category-summary strong{color:var(--strategy-ink)}
#budgetRows .comparison-card .budget-track>span{background:var(--strategy-edge)}
html[data-theme="dark"] #budgetRows .comparison-card{--strategy-tint:#163629;--strategy-ink:#72d9a2}
html[data-theme="dark"] #budgetRows .comparison-card:nth-child(2){--strategy-tint:#173653;--strategy-ink:#8ac7ff;--strategy-edge:#459be2}
html[data-theme="dark"] #budgetRows .comparison-card:nth-child(3){--strategy-tint:#473619;--strategy-ink:#f2c46a;--strategy-edge:#d69c32}
html[data-theme="dark"] #budgetRows .comparison-card .budget-item{background:color-mix(in srgb,var(--panel2) 72%,var(--strategy-tint))}

/* Category speakers sit on the top-right border without occupying heading space. */
#budgetRows .budget-item{overflow:visible;margin-top:15px}
#budgetRows .budget-item .card-listen,
#budgetRows .budget-item:has(.budget-accordion)>.card-listen{top:-19px;right:-11px;z-index:2;border-radius:50%;background:var(--panel)}
#budgetRows .budget-item .card-listen[aria-pressed="true"]{background:var(--blue);color:#fff}
#budgetRows .budget-category-summary{padding-right:40px}
#budgetRows .budget-chevron{right:8px;top:27px}
#budgetRows .budget-accordion[open] .budget-chevron{margin:0}
@media(max-width:700px){
 #budgetRows .budget-item .card-listen,
 #budgetRows .budget-item:has(.budget-accordion)>.card-listen{top:-19px;right:-11px}
 #budgetRows .budget-category-summary{padding-right:40px}
}
html[data-contrast="high"] #budgetRows .comparison-card,
html[data-contrast="high"] #budgetRows .comparison-card .budget-item{background:var(--panel);border-color:var(--line)}

/* Zero Based headings align like the expandable strategy headings. */
#budgetRows .comparison-card .budget-item:not(:has(.budget-accordion))>.deduction-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:0 40px 0 0}
#budgetRows .comparison-card .budget-item:not(:has(.budget-accordion))>.deduction-row>span{min-width:0}
#budgetRows .comparison-card .budget-item:not(:has(.budget-accordion))>.deduction-row>strong{justify-self:end;min-width:72px;max-width:120px;margin:0;text-align:right;font-variant-numeric:tabular-nums}
#budgetRows .comparison-card .zero-share{display:block;margin-top:2px;color:var(--muted);font-size:.75rem;font-weight:500}
.comparison-shortcut-panel .shortcut-field-label{display:block;margin-bottom:5px;font-size:.88rem;font-weight:700}
.comparison-shortcut-panel .shortcut-view-buttons{width:max-content;max-width:100%}

/* Keep translated comparison controls within their desktop columns. */
.comparison-controls .salary-entry{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;gap:6px;min-width:0;width:100%}
.comparison-controls .salary-entry select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.comparison-controls .salary-entry>.input-listen,.comparison-controls .salary-entry>.voice-btn{width:40px;min-width:40px;height:40px;padding:0}
.comparison-controls .salary-field{min-width:0}
#savingsAmountEquivalent{display:block;margin:.25rem 0 .3rem;color:var(--muted);font-size:.82rem}
@media(max-width:700px){#budgetRows .comparison-card{padding:.85rem}}
/* Consistent Commissioner type throughout the mentoring form. */
.mentoring-dialog,.mentoring-dialog *,.mentoring-dialog *::placeholder{font-family:"Commissioner",Arial,sans-serif!important}

/* Compact floating settings speakers do not carry field badges. */
.comparison-shortcut-panel .input-listen::after{content:none!important;display:none!important}

/* Mentoring choice weight and consent emphasis. */
.mentoring-form fieldset legend{padding-right:0;line-height:44px}
.mentoring-form .mentor-interest-read{position:static;display:inline-flex;vertical-align:middle;margin-left:8px;border-radius:50%}
.mentoring-form .mentor-options{margin-top:7px}
.mentor-option strong{font-weight:700}
.mentor-consent span{color:#ff6b7c}
html[data-theme="light"] .mentor-consent span{color:#b22035}

/* Match the mentoring interest speaker to the round section speakers. */
.mentoring-form .mentor-interest-read{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid var(--blue);border-radius:50%;background:var(--panel2);color:var(--text);font-size:1.15rem;line-height:1;text-align:center}

/* Mentoring validation text keeps the same readable weight on every site. */
.mentoring-form .mentor-error{font-weight:500}
.mentoring-form .mentor-consent span{font-weight:500}
.mentoring-form fieldset[aria-invalid="true"] .mentor-options{outline:1px solid #e45a70;outline-offset:3px;border-radius:10px}