*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:#203442;font-family:system-ui,"Microsoft JhengHei",sans-serif;line-height:1.8;font-size:17px;background:#faf8f3}a{color:#365c6d;text-underline-offset:4px}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #aab8b8;background:#fffdf8;color:#203442;padding:10px 17px;border-radius:9px;min-height:46px}button:hover{background:#ecefe7}button[aria-pressed=true],button.primary{background:#203442;color:#fffdf8;border-color:#203442}:focus-visible{outline:3px solid #966d25;outline-offset:4px}header{border-bottom:1px solid #dddcd6;background:#faf8f3}.nav{max-width:1160px;margin:auto;padding:18px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:24px;font-weight:750}.logo small{font-size:13px;display:block;font-weight:500;letter-spacing:2px;line-height:1.2}nav{display:flex;gap:22px}nav a{padding:8px 0;text-decoration:none;font-size:15px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:9;padding:8px}main{max-width:1100px;margin:auto;padding:0 28px}section{scroll-margin-top:24px}.hero{padding:55px 0 20px}.eyebrow{font-size:13px;letter-spacing:2px;color:#65776e;font-weight:650}.badge{display:inline-block;background:#e8eee4;color:#3a5544;border-radius:5px;padding:3px 10px;font-size:13px;margin:18px 0 10px}h1{font-size:clamp(36px,5.3vw,64px);line-height:1.35;letter-spacing:-2px;margin:12px 0 24px;font-weight:720}h1 span{position:relative;color:#86622b}h2{font-size:clamp(27px,3.6vw,38px);line-height:1.5;letter-spacing:-1px;margin:12px 0 24px}h3{font-size:21px;line-height:1.6;margin:0 0 12px}.lead{font-size:20px;color:#536570;max-width:780px}blockquote{margin:30px 0;padding:18px 24px;border-left:3px solid #dbb86e;background:#f3efe5;font-size:19px}blockquote small{display:block;font-size:13px;margin-top:7px;color:#536570}.hero-case{margin-top:35px;padding:28px;border:1px solid #d4ddd4;background:#f0f4ed;border-radius:18px}.case-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.case-heading h2{font-size:23px;margin:0}.buttons{display:flex;gap:9px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.metric{padding:17px 20px;background:#fffdf8;border:1px solid #dfe1d8;border-radius:11px}.metric small{display:block;font-size:14px;color:#536570}.metric strong{display:block;font-size:clamp(23px,3vw,32px);line-height:1.45;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:8px 0}.metric span{font-size:13px;color:#536570}.negative{color:#984f3f}.positive{color:#326453}.takeaway{font-size:20px;font-weight:650;margin-bottom:8px}.muted{font-size:14px;color:#536570}.section{padding:54px 0;border-bottom:1px solid #dddcd6}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{padding:25px;border:1px solid #d8ded6;border-radius:14px;background:#fffdf8}.card p{margin-bottom:0}.card b{font-size:20px}.equation{background:#203442;color:#faf8f3;padding:25px 30px;border-radius:12px;margin:30px 0;font-size:20px}.equation strong{color:#eed8a7}.presets{margin:24px 0}form{padding:28px;background:#f0eee7;border-radius:16px}fieldset{border:0;padding:0;margin:0 0 24px}legend{font-size:21px;font-weight:650;margin-bottom:18px}legend small{font-size:13px;color:#536570;font-weight:400}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 22px}.field label{display:block;font-size:14px;margin-bottom:5px;font-weight:600}.field input,.field select{width:100%;border:1px solid #a7b4b4;border-radius:7px;background:#fffefb;color:#203442;padding:10px 12px;min-height:46px;min-width:0}.field small{font-size:12px;color:#536570}.field input[readonly]{background:#e7e9e2}.notice{font-size:15px;border-left:3px solid #b38d44;padding:15px 20px;background:#f6efd9;margin:24px 0;overflow-wrap:anywhere}.privacy{font-size:14px;color:#536570}.advanced{margin:22px 0}.advanced .form-grid{margin-top:20px}.advanced p{font-size:14px}summary{cursor:pointer;font-weight:650;padding:12px 0;min-height:46px}#error{color:#933f32;font-weight:650}#error:empty{display:none}#results{margin-top:34px}.table-wrap{max-width:100%;overflow-x:auto;border:1px solid #d8ded6;border-radius:9px;margin:18px 0;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;font-size:14px;background:#fffefb}caption{text-align:left;padding:12px;font-weight:650}th,td{padding:12px 14px;border-bottom:1px solid #e4e5de;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}thead{background:#e9eee6}tbody tr:last-child td{border-bottom:0}.horizon{margin:24px 0}.horizon h3{font-size:19px}.horizon .delta{font-weight:700}#stress-select{max-width:100%;padding:10px;border-radius:8px;background:#fffefb;display:block;margin:8px 0 20px;border:1px solid #a7b4b4}.question{background:#e8eee4;border-radius:14px;padding:28px;margin:30px 0 0}.question p{font-size:19px}ul{padding-left:23px}li{margin-bottom:10px}.source{padding:18px 0;border-bottom:1px solid #dddcd6}.source p{font-size:14px;margin:6px 0}.source a{font-weight:600;overflow-wrap:anywhere}footer{padding:36px 28px;text-align:center;border-top:1px solid #dddcd6}footer small{color:#536570}.status{padding:18px 22px;background:#e8eee4;border-radius:10px;margin:20px 0}#copy-status{margin-left:12px;font-size:14px}#ledger,#stress-ledger{max-height:460px}.hidden,[hidden]{display:none!important}@media(max-width:780px){.three{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.metrics{gap:10px}.metric{padding:14px 12px}.two{grid-template-columns:1fr}.nav{padding:15px 22px}nav{gap:15px}.hero{padding-top:35px}main{padding:0 22px}}@media(max-width:500px){body{font-size:16px}.nav{flex-wrap:wrap;gap:10px}.logo{font-size:23px}nav{width:100%;justify-content:space-between;border-top:1px solid #dddcd6;padding-top:7px}h1{letter-spacing:-1px}.lead{font-size:18px}.desktop{display:none}.hero-case,form{padding:19px}.hero-case .metrics{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metric strong{font-size:29px}.metric{padding:15px 18px}.form-grid{grid-template-columns:1fr}.section{padding:40px 0}.card{padding:22px}.equation{font-size:17px;padding:22px}blockquote{padding:16px 18px}.buttons button{flex-grow:1}.case-heading{gap:16px}.hero-case .buttons{width:100%}.question{padding:22px}table{font-size:13px}th,td{padding:10px}legend small{display:block}h2{font-size:28px}.badge{font-size:12px}}
#export-content{width:100%;max-width:100%;font:13px/1.6 monospace;border:1px solid #a7b4b4;border-radius:8px;padding:12px;resize:vertical}
/* V0.1B: progressive disclosure and readable mobile comparisons. */
h1{font-size:clamp(33px,4.5vw,54px);letter-spacing:-1px}.hero{padding-top:42px}.hero-case{margin-top:24px}.hero-numbers{margin-top:0}.hero-verdict{font-size:clamp(23px,3vw,32px);line-height:1.6;font-weight:750;margin:18px 0}.takeaway .muted{display:block;font-weight:400}.cat{border-left:3px solid #86a28b;padding:8px 0 8px 18px;margin:26px 0 0;color:#3a5544}.cat b{display:block;font-size:15px;letter-spacing:1px}.assumption-strip{background:#e8eee4;padding:12px 16px;border-radius:8px;font-size:16px}.state{padding:15px 18px;background:#203442;color:#fffdf8;border-radius:10px;margin:24px 0 12px}.state b{font-size:14px;letter-spacing:1px;display:block;color:#eed8a7}.state span{display:block;font-size:19px;overflow-wrap:anywhere;margin-top:5px}.human-value{display:block;font-size:20px;font-weight:700;color:#365b48;padding-top:5px}.field label{font-size:16px}.field small,.metric span,.muted,.privacy,.advanced p,.source p,.source-meta{font-size:15px}.metric small{font-size:16px}.field small{display:block}.form-grid+.form-grid{margin-top:22px}details{border-top:1px solid #d8ded6;margin-top:15px}summary{padding:15px 0}.horizon{border:1px solid #d8ded6;background:#fffdf8;padding:22px;border-radius:12px}.horizon .delta{font-size:19px;margin:8px 0}.horizon .delta strong{font-size:28px}.horizon>p{margin:10px 0}.comparison-cards,.ab-extra{display:none}.payment-gap{padding:22px;background:#f6efd9;border-radius:12px;margin:22px 0}.payment-gap .metrics{margin:16px 0}.exhaustion-alert{border:2px solid #ad673f;background:#fff5e4;padding:22px;border-radius:12px;margin:24px 0}.exhaustion-alert h3{color:#86432f}.scenario-buttons{padding:12px 0 22px}.scenario-buttons button{white-space:normal;overflow-wrap:anywhere;text-align:left;flex:1 1 240px}.presets button[aria-pressed=true],.scenario-buttons button[aria-pressed=true]{box-shadow:0 0 0 3px #dbb86e}.presets button[aria-pressed=true]::before,.scenario-buttons button[aria-pressed=true]::before{content:'✓ ';color:#eed8a7}.ab-extra{overflow:auto}.source-meta{color:#536570}
@media(max-width:600px){main{padding:0 18px}.hero{padding-top:26px}.hero-case{padding:17px}.hero-numbers{gap:0!important;display:block!important;border-radius:10px;overflow:hidden;background:#fffdf8;border:1px solid #dfe1d8}.hero-numbers .metric{display:grid;grid-template-columns:1fr auto;padding:10px 13px;border:0;border-radius:0;border-bottom:1px solid #e4e5de;align-items:center}.hero-numbers .metric strong{font-size:24px;margin:0}.hero-numbers .metric span{display:none}.hero-numbers .metric small{font-size:16px}.hero-verdict{font-size:24px}.lead{font-size:18px}.badge,.eyebrow{font-size:14px}.horizon{padding:18px}.ab-desktop{display:none}.comparison-cards{display:grid;gap:14px;margin:18px 0}.comparison-card{border:1px solid #d8ded6;border-radius:10px;padding:14px;background:#faf8f3}.comparison-card h4{font-size:18px;margin:0 0 10px}.comparison-card dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.comparison-card dl>div{min-width:0}.comparison-card dt{font-size:15px;color:#536570}.comparison-card dd{margin:3px 0;font-size:19px;font-weight:650;overflow-wrap:anywhere}.comparison-card .difference{grid-column:1/-1;border-top:1px solid #d8ded6;padding-top:8px;display:flex;justify-content:space-between;gap:8px;align-items:center}.ab-extra{display:block}.ab-extra table{table-layout:fixed;font-size:15px}.ab-extra th,.ab-extra td{white-space:normal;overflow-wrap:anywhere;padding:8px 4px}.payment-gap{padding:18px}.payment-gap .metrics{gap:10px}.payment-gap .metric{padding:13px 15px}.payment-gap .metric strong{font-size:27px}.state span{font-size:18px}.scenario-buttons button{flex-basis:100%}.form-grid{grid-template-columns:1fr}.field input{font-size:18px}.source p{font-size:16px}.table-wrap table{font-size:15px}}
@media(max-width:600px){h1{font-size:28px;line-height:1.45}.nav{flex-wrap:nowrap;padding:14px 18px;gap:10px}.logo{font-size:20px;gap:7px}.logo img{width:27px}.logo small{font-size:11px;letter-spacing:1px}nav{width:auto;border:0;padding:0;gap:9px}nav a{font-size:14px;white-space:nowrap}.hero{padding-top:22px}}
@media(max-width:600px){#stress-result>.metrics .metric{padding:12px 16px}#stress-result>.metrics .metric strong{margin:3px 0}.payment-gap .metrics{display:block}.payment-gap .metric{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin:8px 0;align-items:center}.payment-gap .metric strong{font-size:23px;margin:0}.payment-gap .metric span{grid-column:1/-1}}
h1 span{display:inline-block;white-space:nowrap}