:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8fa;color:#18212f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:linear-gradient(180deg,#ffffffe6,#f7f8faf5),radial-gradient(circle at top left,rgba(31,111,139,.12),transparent 32rem)}button,input,select{font:inherit}.app-shell{width:min(1480px,calc(100% - 40px));margin:0 auto;padding:28px 0 36px;overflow-x:clip}.language-bar{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.flag-button{display:inline-flex;gap:7px;align-items:center;min-height:38px;padding:7px 10px;border:1px solid #d5dde8;border-radius:999px;background:#fff;color:#526071;font-size:.78rem;font-weight:850;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 24px #18212f0f}.flag-button[aria-pressed=true]{border-color:#1f6f8b;background:#e9f4f7;color:#172033}.flag-button:focus-visible{outline:3px solid rgba(31,111,139,.22);outline-offset:2px}.flag-symbol{font-size:1.05rem;line-height:1}.topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(560px,.72fr);gap:24px;align-items:end;min-width:0;margin-bottom:22px}.title-block{min-width:0}.eyebrow{margin:0 0 6px;color:#5d6b7d;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:980px;margin:0;color:#172033;font-size:clamp(2rem,3.8vw,4.2rem);line-height:1.02;letter-spacing:0}.scenario-line{margin:14px 0 0;color:#526071;font-size:1rem;line-height:1.45}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;width:100%;min-width:0;padding:14px;border:1px solid #dce2ea;border-radius:8px;background:#ffffffd6;box-shadow:0 16px 40px #18212f14}.field,.switch{min-width:0;max-width:100%;border:1px solid #d7dee8;border-radius:8px;background:#fff}.field{display:grid;gap:8px;padding:10px 12px}.salary-field{grid-column:1 / -1;gap:12px}.field-row,.range-scale{display:flex;gap:12px;align-items:baseline;justify-content:space-between;min-width:0}.salary-values{display:grid;gap:2px;justify-items:end;flex:0 0 auto;text-align:right}.field-row strong{flex:0 0 auto;color:#172033;font-size:1.04rem;line-height:1}.salary-values small{color:#697686;font-size:.74rem;font-weight:780;line-height:1.1;white-space:nowrap}.range-scale{color:#697686;font-size:.74rem;font-weight:760}.field span,.switch span:last-child{color:#526071;font-size:.78rem;font-weight:800;letter-spacing:.02em;overflow-wrap:anywhere}.field input,.field select{width:100%;min-width:0;max-width:100%;border:0;outline:0;background:transparent;color:#172033;font-size:1.04rem;font-weight:750}.chart-scale-control{display:grid;gap:5px;justify-items:end;min-width:min(280px,100%);color:#596779}.chart-scale-control span{color:#526071;font-size:.72rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.chart-scale-control select{width:100%;max-width:280px;min-height:38px;padding:7px 32px 7px 10px;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#172033;font-size:.9rem;font-weight:820}.chart-scale-control small{max-width:280px;color:#596779;font-size:.78rem;font-weight:620;line-height:1.25;text-align:right}.field input[type=range]{height:22px;padding:0;accent-color:#1f6f8b;cursor:pointer}.field input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#d7dee8}.field input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;border:3px solid #ffffff;border-radius:50%;background:#1f6f8b;box-shadow:0 2px 8px #18212f3d;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#d7dee8}.field input[type=range]::-moz-range-thumb{width:16px;height:16px;border:3px solid #ffffff;border-radius:50%;background:#1f6f8b;box-shadow:0 2px 8px #18212f3d}.field-select{grid-column:auto}.switch{display:flex;gap:10px;align-items:center;min-height:64px;padding:12px;cursor:pointer}.switch input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.switch-ui{position:relative;flex:0 0 auto;width:44px;height:24px;border-radius:999px;background:#c9d2dd;transition:background .16s ease,box-shadow .16s ease}.switch-ui:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #18212f47;content:"";transition:transform .16s ease}.switch input:checked+.switch-ui{background:#1f6f8b}.switch input:focus-visible+.switch-ui{box-shadow:0 0 0 3px #1f6f8b38}.switch input:checked+.switch-ui:after{transform:translate(20px)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{position:relative;min-width:0;min-height:150px;padding:18px 18px 16px;overflow:hidden;border:1px solid #dde3ec;border-radius:8px;background:#fff;box-shadow:0 16px 40px #18212f12}.metric-card *{min-width:0;overflow-wrap:anywhere}.metric-card:before{position:absolute;inset:0 auto 0 0;width:5px;content:""}.accent-employer:before{background:#1f6f8b}.accent-vat:before{background:#c33c54}.accent-net:before{background:#2f7d49}.accent-tax:before{background:#c2410c}.metric-label{display:block;min-height:34px;color:#596779;font-size:.76rem;font-weight:800;letter-spacing:.04em;line-height:1.25;text-transform:uppercase}.metric-card strong{display:block;margin:12px 0 8px;color:#172033;font-size:clamp(1.65rem,2.3vw,2.45rem);line-height:1;letter-spacing:0}.metric-card strong.metric-pair,.metric-card strong:has(.metric-secondary){display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.metric-card strong .metric-secondary{color:#c33c54}.accent-tax .metric-secondary{color:#c2410c}.metric-card>span:last-child{display:block;color:#5b6878;font-size:.91rem;line-height:1.4}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.33fr);gap:18px;align-items:start;min-width:0}.chart-panel,.details-panel{min-width:0;border:1px solid #dce2ea;border-radius:8px;background:#ffffffeb;box-shadow:0 20px 50px #18212f14}.chart-panel,.details-panel{padding:18px}.section-heading{display:flex;gap:14px;align-items:start;justify-content:space-between;margin-bottom:14px}.section-heading.compact{margin-bottom:12px}.section-heading h2{margin:0;color:#172033;font-size:clamp(1.15rem,1.6vw,1.5rem);line-height:1.18;letter-spacing:0}.section-heading p:last-child{max-width:300px;margin:0;color:#596779;font-size:.9rem;line-height:1.35;text-align:right}.section-heading .chart-scale-control:last-child{margin:0}.canvas-wrap{position:relative;width:100%;height:min(72vh,780px);min-height:640px}.canvas-wrap canvas{width:100%!important;height:100%!important}.sankey-explanation{display:grid;gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid #dce2ea}.explanation-text h3,.salary-sweep h3{margin:0;color:#172033;font-size:1.05rem;line-height:1.25;letter-spacing:0}.explanation-text p{max-width:920px;margin:8px 0 0;color:#536172;font-size:.95rem;line-height:1.55}.cycle-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.42fr);gap:18px;align-items:start}.decay-bars{display:grid;gap:9px;min-width:0}.decay-row{display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;color:#536172;font-size:.82rem;font-weight:760}.decay-track{height:12px;overflow:hidden;border-radius:999px;background:#e5eaf0}.decay-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1f6f8b,#c98f1f)}.decay-row strong{color:#172033;font-size:.84rem;text-align:right}.cycle-table{width:100%;border-collapse:collapse;color:#536172;font-size:.82rem}.cycle-table th,.cycle-table td{padding:7px 0;border-bottom:1px solid #e7ecf2;text-align:right;white-space:nowrap}.cycle-table th:first-child,.cycle-table td:first-child{text-align:left}.cycle-table th{color:#172033;font-weight:820}.salary-sweep{display:grid;gap:12px;min-width:0}.mini-chart-wrap{position:relative;width:100%;height:260px;min-height:260px}.mini-chart-wrap canvas{width:100%!important;height:100%!important}.chart-note{margin:-2px 0 0;color:#536172;font-size:.86rem;line-height:1.4}.breakdown-list{display:grid;gap:8px;margin:0}.breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e7ecf2}.breakdown-row:first-child{border-top:1px solid #e7ecf2}.breakdown-row:last-child{border-bottom:0}.breakdown-row dt{min-width:0}.breakdown-row dt span{display:block;color:#222b39;font-size:.94rem;font-weight:760;line-height:1.2}.breakdown-row small{display:block;margin-top:3px;color:#697686;font-size:.78rem;line-height:1.25}.breakdown-row dd{margin:0;color:#172033;font-weight:820;text-align:right;white-space:nowrap}.breakdown-row.is-deduction dd{color:#c33c54}.assumptions{margin-top:18px;padding-top:14px;border-top:1px solid #dce2ea}.assumptions h3{margin:0 0 10px;color:#172033;font-size:1rem;letter-spacing:0}.assumptions ul{display:grid;gap:8px;margin:0;padding-left:18px;color:#536172;font-size:.88rem;line-height:1.42}.discussion-panel,.legal-panel{margin-top:18px;padding:18px;border:1px solid #dce2ea;border-radius:8px;background:#ffffffeb;box-shadow:0 18px 44px #18212f12}.discussion-panel h2,.legal-panel h2{margin:0;color:#172033;font-size:clamp(1.1rem,1.4vw,1.35rem);line-height:1.22;letter-spacing:0}.discussion-panel p,.legal-panel>p{max-width:980px;margin:9px 0 0;color:#536172;font-size:.94rem;line-height:1.5}.discussion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:14px 0 0;padding-left:18px;color:#536172;font-size:.9rem;line-height:1.45}.legal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.legal-card{min-width:0;padding:14px;border:1px solid #e1e7ef;border-radius:8px;background:#fff}.legal-card h3{margin:0 0 10px;color:#172033;font-size:1rem;line-height:1.25;letter-spacing:0}.legal-copy{display:grid;gap:10px;color:#536172;font-size:.86rem;line-height:1.45}.legal-copy p{margin:0}.legal-copy strong{color:#172033;font-weight:820}.legal-copy mark{padding:1px 4px;border-radius:4px;background:#fff3bf;color:#6a4a00}.legal-copy a{color:#1f6f8b;font-weight:780}.legal-reveal{margin-top:12px;min-height:38px;padding:8px 12px;border:1px solid #1f6f8b;border-radius:8px;background:#e9f4f7;color:#172033;font-size:.84rem;font-weight:840;cursor:pointer}.legal-reveal:disabled{border-color:#d5dde8;background:#f3f6f9;color:#697686;cursor:default}@media(max-width:1180px){.topbar,.workspace{grid-template-columns:1fr}.controls{max-width:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details-panel{order:-1}.cycle-layout,.discussion-list,.legal-grid{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{width:calc(100% - 24px);padding-top:18px}.language-bar{justify-content:flex-start}h1{font-size:clamp(1.65rem,8.2vw,2.35rem);line-height:1.08}.controls,.metric-grid{grid-template-columns:1fr}.metric-card{min-height:130px}.section-heading{display:grid}.section-heading p:last-child{max-width:none;text-align:left}.chart-scale-control{justify-items:start}.chart-scale-control small{max-width:none;text-align:left}.chart-panel,.details-panel,.discussion-panel,.legal-panel{padding:14px}.canvas-wrap{height:720px;min-height:720px}.decay-row{grid-template-columns:minmax(62px,auto) minmax(0,1fr) auto;gap:8px}.cycle-table{font-size:.78rem}.mini-chart-wrap{height:230px;min-height:230px}}