@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#142033;--muted:#566477;--paper:#f3f6f9;--line:#dbe2eb;--green:#c6f36b;--blue:#aecbff;--orange:#ffb18b;--purple:#c7b8fa;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,summary{cursor:pointer}button{color:var(--ink)}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #356bed;outline-offset:4px}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:20}.skip:focus{top:0}header{max-width:1320px;margin:auto;min-height:84px;border-bottom:1px solid var(--line);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:700 27px var(--display);letter-spacing:-1.3px;text-decoration:none;display:flex;align-items:center;gap:10px}.brand>span{background:var(--ink);color:var(--green);border-radius:9px;width:32px;height:32px;text-align:center;font-size:29px;line-height:30px}.header-note{font-size:11px;font-weight:700;letter-spacing:1.4px}.outline{background:transparent;border:1px solid #c9d3df;border-radius:30px;padding:9px 17px;font-size:14px}main{max-width:1240px;padding:0 32px;margin:auto}.intro{padding:32px 0 24px}.eyebrow{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:1.5px}h1{font:500 clamp(32px,4vw,50px)/1.08 var(--display);letter-spacing:-2px;margin:0 0 12px}h1 em{font-style:normal;color:#52762c}.intro>p:last-child{margin:0;color:var(--muted)}.journey{display:flex;justify-content:center;gap:20px;align-items:center;margin:0 0 24px;background:#f3f6f9ed;backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:16px;padding:13px 16px;position:sticky;top:10px;z-index:5}.journey a{display:flex;align-items:center;gap:10px;font-size:14px;text-decoration:none;font-weight:600}.journey b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #b8c4d2;font-size:12px}.journey a.active b{background:var(--ink);border-color:var(--ink);color:white}.journey>span{color:#8090a3;font-size:18px}.chapter{background:white;border:1px solid var(--line);border-radius:22px;padding:29px 32px;scroll-margin-top:90px;overflow:clip}.chapter-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.chapter h2{font:500 clamp(24px,2.4vw,32px)/1.16 var(--display);letter-spacing:-.9px;margin:0}.sub{color:var(--muted);font-size:15px;margin:12px 0 24px}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:11px;padding:4px;gap:3px;background:#f3f5f8;flex-shrink:0}.segmented button{border:0;background:transparent;padding:8px 13px;border-radius:7px;font-size:13px;white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 2px 5px #0001}.pay-map{background-image:radial-gradient(#ccd6e2 1px,transparent 1px);background-size:18px 18px;background-color:#fbfcfe;border:1px solid var(--line);border-radius:16px;padding:23px 24px}.pay-origin{display:flex;align-items:center;gap:16px;max-width:660px;margin:0 auto 15px}.origin{border:2px solid var(--ink);background:white;flex:1;border-radius:11px;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.origin span{font-size:14px}.origin b{font:600 28px var(--display);white-space:nowrap}.origin-plus{border:1px dashed #8873c0;background:#f1ebff;flex:1;border-radius:11px;padding:11px 16px;display:flex;flex-direction:column;font-size:12px}.origin-plus b{font:600 23px var(--display)}.map-caption{font-size:13px;text-align:center;color:var(--muted);margin:8px 0 17px}.split-arrows{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:12px;text-align:center;font-size:23px;line-height:1;margin:0 0 7px;color:#61768e}.destinations{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:12px}.destination{border:2px solid transparent;border-radius:13px;min-height:136px;padding:15px 18px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:5px;transition:transform .2s,border-color .2s}.destination:hover{transform:translateY(-3px)}.destination[aria-pressed=true]{border-color:var(--ink)}.destination span{font-size:14px;font-weight:600}.destination strong{font:600 34px var(--display);letter-spacing:-1px;white-space:nowrap}.destination small{font-size:12px}.green{background:var(--green)}.blue{background:var(--blue)}.orange{background:var(--orange)}.purple{background:var(--purple)}.dark{background:var(--ink);color:white}.pay-strip{display:flex;height:13px;border-radius:8px;overflow:hidden;margin-top:19px;gap:2px}.pay-strip>span{height:100%}.pay-strip-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:7px}.explain{display:flex;align-items:center;gap:16px;background:#f5f7fa;padding:14px 18px;border-radius:12px;margin-top:17px;font-size:14px;min-height:72px}.explain>span{font-size:26px}.explain p{margin:0}.explain strong{display:block}.continue{display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-size:14px;font-weight:600;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.continue>span{font-size:20px}.continue:hover{text-decoration:underline}.connector-line{height:35px;width:2px;background:var(--line);margin:auto}.period-tag,.real-tag{font-size:10px;font-weight:600;letter-spacing:.8px;color:var(--muted);flex-shrink:0}.real-tag{background:#e6f5d4;color:#38571c;border-radius:20px;padding:8px 12px}.social-map{max-width:750px;margin:27px auto 0}.social-input{display:flex;align-items:center;gap:18px}.source{flex:1;min-width:0;border-radius:13px;padding:17px 21px;display:flex;flex-direction:column;gap:4px}.source span{font-size:14px;font-weight:600}.source strong{font:600 32px var(--display)}.source small{font-size:12px}.join{font-size:26px}.flow-arrow{text-align:center;font-size:27px;line-height:1.2;margin:8px}.social-pool{background:var(--ink);color:white;border-radius:14px;display:grid;grid-template-columns:1fr auto;padding:19px 23px;align-items:center}.social-pool>span{font-size:15px}.social-pool strong{font:500 32px var(--display);grid-row:span 2}.social-pool small{font-size:12px;color:#c4d1e3}.protection-line{font-size:24px;text-align:center}.benefits{display:flex;gap:12px}.benefits button{border:1px solid #cad5e3;border-radius:12px;background:#f7f9fc;padding:13px 15px;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}.benefits button span{font-size:22px}.benefits button[aria-pressed=true]{border-color:var(--ink);background:#edf3fa}.benefit-note{font-size:14px;color:var(--muted);text-align:center;min-height:42px;margin:16px 0 0}.small-note{font-size:12px;color:var(--muted);line-height:1.65;margin:19px 0 0}.timeline{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;gap:20px;margin-top:26px}.advance,.settlement{border:1px solid var(--line);border-radius:15px;padding:23px;align-self:stretch;background:#fcfdff}.tag{border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700;letter-spacing:.7px;display:inline-block}.timeline h3{font:500 23px var(--display);margin:17px 0 16px;letter-spacing:-.5px}.months{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:17px 0}.month{border:1px solid #f2a883;background:#fff0e7;border-radius:7px;text-align:center;padding:8px 2px;font-size:11px;color:#644431}.month b{display:block;font-size:13px}.advance>strong{font-size:16px}.timeline p{font-size:14px;color:var(--muted);margin:12px 0}.timeline-arrow{font-size:28px;text-align:center}.compare-line{display:flex;align-items:center;gap:10px;font-size:13px}.compare-line>span{background:#eef2f7;border-radius:8px;padding:10px;flex:1;text-align:center}.compare-line>span:last-child{background:#fff0e7}.settle-result{padding:12px 0 7px;font:600 21px var(--display)}.settlement>small{font-size:11px;color:var(--muted)}.bridge{background:#f3f5f9;border-radius:12px;padding:15px 20px;display:flex;gap:15px;align-items:center;margin-top:20px}.bridge>span{font-size:26px}.bridge p{font-size:14px;margin:0}.bridge strong{display:block}.base-bridge{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 0;border:1px solid var(--line);border-radius:14px;padding:16px 20px;background:#f7f9fc}.base-bridge>span{font:600 23px var(--display);min-width:0}.base-bridge small{font:400 11px/1.4 'DM Sans',sans-serif;display:block;margin-top:5px;color:var(--muted)}.base-bridge>b{font-size:20px;color:#7c8c9e}.base-bridge .base-result{color:#34671b}.tax-lab{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;margin-top:28px;border-top:1px solid var(--line);padding-top:28px}.controls{align-self:start;position:sticky;top:98px}.controls>label,.amount-control>label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}.controls select{width:100%;background:white;color:var(--ink);padding:12px;border:1px solid #bfcddd;border-radius:9px;font-size:14px}.controls small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:9px}.amount-control{border-top:1px solid var(--line);margin-top:23px;padding-top:21px}.amount-control output{font:600 37px var(--display);letter-spacing:-1px;display:block}.amount-control input{width:100%;accent-color:var(--ink);height:28px;cursor:ew-resize;margin:10px 0 0}.range-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.primary{border:0;border-radius:10px;background:var(--ink);color:white;padding:13px 12px;font-size:14px;margin-top:22px;width:100%}.primary:disabled{opacity:.5;cursor:default}.text-button{display:block;border:0;background:none;font-size:12px;text-decoration:underline;padding:12px 0;color:var(--muted)}.delta{background:#eaf4dd;border-radius:10px;padding:14px;font-size:13px;line-height:1.5;margin-top:4px}.delta strong{display:block}.reading-key{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:11px;color:var(--muted)}.reading-key span{display:flex;align-items:center;gap:7px}.reading-key i{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.breakdown{min-width:0}.breakdown-top h3{font:500 25px var(--display);letter-spacing:-.6px;margin:0 0 6px}.breakdown-top p{margin:0 0 15px;font-size:14px;color:var(--muted)}.modes{display:flex;width:max-content;max-width:100%}.modes button{font-size:12px}.row-guide{font-size:12px;line-height:1.5;color:var(--muted);margin:14px 0}.bracket-row{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:15px 17px;background:#fff;transition:background .3s}.bracket-row.reached{border-color:#b8cbdc}.bracket-row.changed{background:#f3f9eb;border-color:#aacb85}.row-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.row-top>span{font-size:12px;color:var(--muted)}.row-top .row-state{font-size:10px;background:#eef2f7;padding:3px 6px;border-radius:5px}.row-top .row-state.filling{background:#e6f4d1;color:#365719}.row-equation{display:flex;align-items:center;justify-content:space-between;gap:9px}.row-amount{font:600 22px var(--display);letter-spacing:-.5px;white-space:nowrap}.row-amount small{display:block;font:400 10px 'DM Sans',sans-serif;color:var(--muted);margin-top:3px}.row-rates{display:flex;align-items:center;gap:5px;font-size:12px;flex-wrap:wrap}.rate{padding:6px 8px;border-radius:7px;white-space:nowrap;font-weight:600}.row-equal{color:#8896a8}.row-tax{text-align:right;font:600 22px var(--display);white-space:nowrap;letter-spacing:-.4px}.row-tax small{font:400 10px 'DM Sans',sans-serif;display:block;color:var(--muted)}.portion-bar{height:20px;background:#eef2f6;border-radius:6px;overflow:hidden;margin-top:14px;position:relative}.portion-fill{height:100%;display:flex;transition:width .18s;min-width:0}.portion-fill i{height:100%;transition:width .18s;display:block}.row-split{display:flex;justify-content:flex-end;gap:12px;font-size:10px;color:var(--muted);margin-top:7px;flex-wrap:wrap}.row-split span{display:flex;align-items:center;gap:4px}.row-split i{width:7px;height:7px;border-radius:2px}.empty-message{padding:25px 18px;border-radius:12px;background:#f3f6f9;font-size:15px}.unused summary{font-size:12px;color:var(--muted);margin:17px 0}.unused .bracket-row{opacity:.7}.sum{border-radius:13px;background:var(--ink);color:white;padding:21px;margin-top:21px}.sum-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:9px}.sum-line span{display:flex;gap:8px;align-items:center}.sum-line i{width:10px;height:10px;border-radius:3px}.sum-total{border-top:1px solid #415064;padding-top:15px;margin-top:15px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px}.sum-total strong{font:500 31px var(--display);white-space:nowrap}.sum small{display:block;color:#bfcde0;font-size:11px;margin-top:10px}.rates-summary{display:flex;gap:15px;margin:14px 0 0;font-size:12px;color:var(--muted)}.rates-summary>span{flex:1;border-radius:10px;background:#f2f5f8;padding:12px}.rates-summary b{display:block;font:600 22px var(--display);color:var(--ink);margin-bottom:3px}.not-final{margin-top:26px;background:#fff4eb;border-left:4px solid #ec9c69;padding:17px 20px;border-radius:0 10px 10px 0;font-size:14px}.not-final p{margin:5px 0 0;color:#665346}.minimum{margin-top:20px;font-size:13px}.minimum summary{font-weight:600}.minimum p{color:var(--muted);font-size:13px}.minimum-equation{display:flex;align-items:center;justify-content:center;gap:20px;background:#f3f5f9;border-radius:12px;padding:20px;margin-top:15px;text-align:center;font-size:12px}.take-home{margin-top:24px;display:flex;align-items:center;gap:16px;border:1px solid #c7dfab;background:#f0f8e5;padding:20px;border-radius:12px}.take-home>span{font-size:30px}.take-home p{font-size:15px;margin:0}.take-home strong{display:block}footer{padding:30px 0;display:flex;justify-content:space-between;gap:30px;font-size:13px;color:var(--muted)}footer>span{font:600 20px var(--display);white-space:nowrap}footer>span small{display:block;font:400 12px 'DM Sans',sans-serif;margin-top:5px}footer details{max-width:750px;text-align:right}footer p,footer ul{text-align:left;font-size:12px}#toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 20px;border-radius:12px;z-index:10;font-size:14px;max-width:90vw;width:max-content}.pay-cost{text-align:center;font-size:12px;margin:13px 0 0;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){main{padding:0 22px}.chapter{padding:25px 23px}.chapter-head{gap:15px}.period-tag{display:none}.tax-lab{grid-template-columns:225px minmax(0,1fr);gap:20px}.row-equation{gap:5px}.row-rates{font-size:11px;gap:3px}.rate{padding:5px}.row-amount,.row-tax{font-size:19px}.timeline{gap:12px;grid-template-columns:1fr 20px 1fr}.advance,.settlement{padding:18px}.destination strong{font-size:29px}}
@media(max-width:760px){html{scroll-padding-top:78px}header{padding:17px 18px;min-height:74px}.header-note{display:none}.brand{font-size:25px}.outline{font-size:12px;padding:8px 13px}main{padding:0 12px}.intro{padding:26px 7px 20px}h1{font-size:35px;letter-spacing:-1.5px}.intro>p:last-child{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1px}.journey{gap:6px;justify-content:space-between;padding:10px 8px;top:5px;border-radius:12px;margin-bottom:18px}.journey a{gap:5px;font-size:10px;line-height:1.2}.journey b{height:20px;width:20px;font-size:10px;flex-shrink:0}.journey>span{font-size:12px}.chapter{padding:22px 16px;border-radius:17px;scroll-margin-top:77px}.chapter h2{font-size:26px;letter-spacing:-.7px}.chapter-head{align-items:flex-start;flex-direction:column;gap:15px}.chapter-head .segmented{align-self:flex-end}.sub{font-size:14px;margin-bottom:17px}.pay-map{padding:16px 12px}.pay-origin{gap:8px}.origin{flex-direction:column;gap:4px;align-items:flex-start;padding:10px 12px}.origin b{font-size:26px}.origin span{font-size:12px}.origin-plus{padding:10px;line-height:1.3;font-size:11px}.origin-plus b{font-size:21px}.map-caption{font-size:11px;margin-bottom:13px}.destinations{grid-template-columns:1fr 1fr;gap:8px}.destination:first-child{grid-column:1/-1;min-height:108px}.destination{min-height:125px;padding:12px}.destination strong{font-size:27px}.destination span{font-size:13px}.destination small{font-size:11px}.split-arrows{display:none}.explain{padding:12px;font-size:13px;align-items:flex-start;gap:10px}.explain>span{font-size:20px}.continue{font-size:13px;gap:10px}.connector-line{height:26px}.social-input{gap:9px}.source{padding:13px 12px}.source span{font-size:12px}.source strong{font-size:27px}.source small{font-size:11px}.join{font-size:22px}.social-pool{padding:16px;gap:8px;grid-template-columns:1fr}.social-pool strong{grid-row:auto;font-size:32px}.social-pool>span{font-size:13px}.benefits{gap:6px}.benefits button{flex-direction:column;gap:2px;padding:10px 5px;font-size:11px}.benefit-note{font-size:13px;min-height:62px}.small-note{font-size:11px}.timeline{grid-template-columns:1fr;gap:10px}.timeline-arrow{transform:rotate(90deg);line-height:1}.timeline h3{font-size:24px}.advance,.settlement{padding:20px 17px}.month{font-size:10px}.month b{font-size:12px}.bridge{padding:14px;gap:10px;align-items:flex-start}.bridge p{font-size:13px}.base-bridge{display:flex;flex-direction:column;gap:10px;padding:16px;text-align:center}.base-bridge>span{font-size:21px}.base-bridge>b{text-align:center}.base-bridge .base-result{border-top:1px solid var(--line);padding-top:8px;width:100%}.base-bridge small{font-size:11px}.tax-lab{display:block;padding-top:22px;margin-top:22px}.controls{position:static}.controls small{font-size:12px}.amount-control{margin-top:17px;padding-top:16px}.amount-control output{font-size:37px}.amount-control input{height:36px}.primary{margin-top:16px}.delta{font-size:13px}.reading-key{gap:6px;margin-top:14px;font-size:11px}.breakdown{margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}.breakdown-top h3{font-size:24px}.modes{width:100%;justify-content:space-between}.modes button{font-size:11px;padding:8px}.row-guide{font-size:12px}.bracket-row{padding:13px 12px}.row-equation{display:grid;grid-template-columns:1fr auto;gap:10px}.row-rates{grid-column:1;grid-row:2;gap:6px;font-size:12px}.row-equal{display:none}.row-tax{grid-column:2;grid-row:1/3;align-self:center;font-size:23px}.row-amount{font-size:22px}.row-amount small,.row-tax small{font-size:11px}.row-top>span{font-size:11px}.rate{padding:5px 7px}.row-split{justify-content:flex-start;font-size:10px;gap:10px}.sum{padding:18px}.sum-total{align-items:flex-end}.sum-total strong{font-size:28px}.rates-summary{font-size:11px;gap:9px}.not-final{font-size:13px;padding:14px}.minimum-equation{flex-direction:column;gap:10px}.take-home{padding:15px;font-size:14px}.take-home p{font-size:14px}footer{flex-direction:column;gap:16px;padding:25px 6px}footer details{text-align:left}.real-tag{font-size:10px}.pay-cost{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.eyebrow,.header-note,.period-tag,.real-tag,.tag,.small-note,.map-caption,.destination small,.pay-strip-label,.pay-cost,.origin-plus,.source small,.social-pool small,.month,.settlement>small,.base-bridge small,.controls small,.range-ends,.text-button,.reading-key,.row-top .row-state,.row-amount small,.row-tax small,.row-split,.sum small,footer p,footer ul{font-size:12px}.sub,.timeline p,.bridge p,.benefit-note,.explain,.not-final,.take-home p{font-size:16px}.row-top>span,.row-guide,.controls>label,.amount-control>label,.sum-line{font-size:14px}.row-rates{flex-wrap:nowrap}.row-tax,.row-amount{flex-shrink:0}.row-split{gap:10px}.rates-summary{font-size:14px}.minimum{font-size:14px}.minimum p{font-size:14px}.breakdown-top p{font-size:16px}.primary{font-size:14px}.unused summary{font-size:14px}.sum-total{flex-wrap:wrap}.journey a{font-size:14px}
@media(max-width:1000px){.row-equation{display:grid;grid-template-columns:1fr auto;gap:10px}.row-rates{grid-column:1;grid-row:2;justify-self:start}.row-rates:before{content:'×';margin-right:3px}.row-equal{display:none}.row-tax{grid-column:2;grid-row:1/3;align-self:center}}
@media(max-width:760px){.journey a{font-size:12px;gap:4px}.journey{gap:4px}.journey>span{display:none}.row-top>span{font-size:12px}.row-rates{gap:3px;font-size:12px}.rate{padding:5px}.row-tax{font-size:21px}.row-amount{font-size:21px}.benefits button{font-size:12px}.source span{font-size:14px}.source strong{font-size:25px}.row-split{font-size:12px}.segmented button{font-size:12px}.modes button{padding:8px 5px}.rates-summary{font-size:12px}.origin-plus{font-size:12px}.origin{padding:10px}.origin-plus{padding:10px}.pay-origin{gap:7px}.origin b{font-size:24px}.destination strong{font-size:27px}.chapter-head .segmented{align-self:flex-start}.base-bridge{flex-direction:row;flex-wrap:wrap;text-align:left}.base-bridge>span{flex:1 1 100%}.base-bridge>b{flex:0 0 15px;text-align:left}.base-bridge>span:not(:first-child){flex:1 1 calc(100% - 35px)}.base-bridge .base-result{width:auto}.months{grid-template-columns:repeat(4,1fr)}.row-top .row-state{font-size:11px}.sum-total strong{font-size:27px}}
@media(max-width:360px){.journey a{font-size:11px}.journey b{width:18px;height:18px}.row-equation{grid-template-columns:1fr}.row-rates{grid-row:2}.row-tax{grid-column:1;grid-row:3;text-align:left}.pay-origin{flex-wrap:wrap}.origin-plus{min-width:100%}.pay-origin>span{display:none}}
.chapter-intro{max-width:850px;margin:18px 0 24px}.chapter-intro p{font-size:16px;line-height:1.7;color:#445369;margin:9px 0}.chapter-intro strong{color:var(--ink)}.term{font:inherit;border:0;border-bottom:1px dashed #688c3f;background:none;padding:0;color:var(--ink);font-weight:600;cursor:help;text-align:left}.term>span{font-size:12px;color:#577630}.deduction-explainer{background:#edf4e5;padding:16px 20px;border-radius:12px;font-size:15px;line-height:1.65}.deduction-explainer strong{display:block}.two-parts{margin-top:22px;display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;border:1px solid var(--line);padding:19px 22px;border-radius:12px}.two-parts p{font-size:14px;margin:10px 0 0}.two-parts>b{font-size:24px}.two-parts .two-parts-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;font-size:15px}.salary-form{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end}.salary-form label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.salary-form input,.salary-form select{width:100%;padding:12px;border:1px solid #bfcddd;border-radius:9px;background:white;color:var(--ink);font-size:16px}.salary-form .primary{margin:0;width:auto;padding:14px 20px}.salary-summary{margin-top:22px;padding:23px;background:#edf4e5;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.salary-summary>div>span{font-size:12px}.salary-summary h3{font:500 23px/1.3 var(--display);margin:12px 0}.salary-summary h3 strong{display:block;font-size:32px;letter-spacing:-.8px;margin-top:6px}.salary-summary p{font-size:14px;margin:10px 0}.salary-waterfall>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ceddc3;padding:12px 0;font-size:14px}.salary-waterfall b{white-space:nowrap}.salary-net{font-weight:700}.salary-detail,.salary-method{margin-top:20px;font-size:14px}.salary-detail p,.salary-method p{line-height:1.7}.salary-detail .outline{margin-top:18px}.salary-waterfall{max-width:630px}.salary-method{padding-top:16px;border-top:1px solid var(--line)}#salary-error{color:#a22c20;font-size:14px;margin-top:10px}.period-tag{display:inline-block!important}#term-help{position:fixed;inset:auto;margin:0;width:330px;max-width:calc(100vw - 24px);border:1px solid #bcc9da;border-radius:13px;padding:20px;background:white;color:var(--ink);box-shadow:0 12px 55px #14203335;font-size:15px;z-index:30}#term-help strong{display:block;padding-right:25px;font:600 20px var(--display)}#term-help p{line-height:1.6;margin:12px 0 0}#term-close{position:absolute;right:10px;top:8px;border:0;background:#eef2f7;border-radius:50%;height:28px;width:28px;font-size:20px}.salary-method summary,.salary-detail summary{font-weight:600}.intro a{text-underline-offset:3px}
@media(max-width:760px){.chapter-intro{margin:16px 0 20px}.chapter-intro p{font-size:16px;line-height:1.65}.two-parts{padding:16px;gap:12px;grid-template-columns:1fr}.two-parts>b{text-align:center;line-height:1}.two-parts .two-parts-note{grid-column:1}.two-parts p{font-size:15px}.deduction-explainer{padding:15px}.salary-form{grid-template-columns:1fr;gap:16px}.salary-form .primary{width:100%}.salary-summary{grid-template-columns:1fr;padding:18px;gap:15px}.salary-summary h3 strong{font-size:30px}.salary-summary p{font-size:15px}.salary-waterfall>div{font-size:13px;gap:10px}.period-tag{font-size:12px}.salary-detail,.salary-method{font-size:15px}}
.worked-example{background:#f0f4f8;border-radius:10px;padding:14px 16px;font-size:15px;line-height:1.65;color:#425169;margin:15px 0}