.calc-page{flex-direction:column;gap:28px;padding-block:24px 72px;display:flex}.calc-crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.calc-crumbs a{color:var(--text-3);align-items:center;min-height:32px;text-decoration:none;display:inline-flex}.calc-crumbs a:hover{color:var(--teal)}.calc-head{flex-direction:column;gap:14px;max-width:780px;display:flex}.calc-meta{color:var(--text-4);flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.calc-meta li{align-items:center;gap:6px;display:flex}.calc-calc{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.calc-inputs{flex-direction:column;flex:380px;gap:24px;min-width:0;padding:clamp(20px,3vw,28px);display:flex}.calc-inputs hr{background:var(--line-soft);border:0;height:1px;margin:0}.calc-field{flex-direction:column;gap:8px;display:flex}.calc-field label,.calc-pre legend{font-size:15px;font-weight:600}.calc-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.calc-label-row .muted{font-size:14px}.calc-money{border:1px solid var(--field);background:#fff;border-radius:12px;align-items:center;gap:6px;min-height:52px;padding:0 14px;display:flex}.calc-money span{color:var(--text-4);font-size:17px}.calc-money input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:18px;font-weight:600}.calc-money:focus-within,.calc-input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #1c616b2e}.calc-input{border:1px solid var(--field);font-variant-numeric:tabular-nums;background:#fff;border-radius:12px;min-height:52px;padding:0 14px;font-size:18px;font-weight:600}.calc-inputs input[type=range]{width:100%;height:28px;accent-color:var(--teal);margin:0}.calc-range-ends{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.calc-two{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:20px 16px;display:grid}.calc-check{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.calc-check input{width:22px;height:22px;accent-color:var(--teal);margin:0}.calc-check>span{flex-direction:column;display:flex}.calc-check .muted{color:var(--text-4);font-size:14px}.calc-pre{background:var(--tint-2);border:1px solid #d3e3e0;border-radius:14px;flex-direction:column;gap:20px;padding:20px;display:flex}.calc-pre[hidden]{display:none}.calc-pre fieldset{border:0;margin:0;padding:0}.calc-pre legend{margin-bottom:8px;padding:0}.calc-seg{flex-wrap:wrap;gap:8px;display:flex}.calc-seg button{border:1px solid var(--field);min-height:44px;color:var(--ink-2);cursor:pointer;box-shadow:0 2px 0 var(--line-soft);background:#fff;border-radius:10px;flex:96px;padding:0 10px;font-size:14px;font-weight:600}.calc-seg button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 3px 0 var(--teal-edge)}.calc-help{color:var(--text-4);margin-top:-8px;font-size:14px}.calc-results{background:var(--ink);color:#fff;border-radius:20px;flex-direction:column;flex:420px;gap:24px;min-width:0;padding:clamp(20px,3vw,32px);display:flex;box-shadow:inset 0 1px #ffffff14,0 10px 0 -2px #0a2227,0 30px 50px #0d2b313d}.calc-r-label{color:#bcd0d4;font-size:15px}.calc-big{font-family:var(--font-serif);margin-top:6px;font-size:clamp(3.2rem,2.5rem + 2.2vw,4.4rem);line-height:1}.calc-stats{grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:16px;margin:0;display:grid}.calc-stats dt{color:var(--on-dark-muted);font-size:13px}.calc-stats dd{margin:2px 0 0;font-size:19px;font-weight:600}.calc-split{flex-direction:column;gap:10px;display:flex}.calc-split-bar{border-radius:999px;gap:2px;height:12px;display:flex;overflow:hidden}.calc-split-bar .p{background:var(--principal);transition:width .4s var(--ease)}.calc-split-bar .i{background:var(--interest);flex:1}.calc-split-key{color:var(--on-dark);flex-wrap:wrap;gap:6px 20px;font-size:14px;display:flex}.calc-split-key>span{align-items:center;gap:8px;display:flex}.calc-split-key b{font-weight:400}.calc-split-key i{border-radius:3px;width:10px;height:10px}.calc-split-key i.p{background:var(--principal)}.calc-split-key i.i{background:var(--interest)}.calc-save{color:var(--on-dark);background:#00bf631f;border:1px solid #00bf6352;border-radius:14px;flex-direction:column;gap:6px;padding:18px;font-size:15px;display:flex}.calc-save[hidden]{display:none}.calc-save strong{color:#fff}.calc-save-head{color:#fff;font-size:22px;font-weight:600;line-height:1.3}.calc-save-head span{color:var(--green)}.calc-note-dark{color:var(--on-dark);background:#ffffff0f;border-radius:14px;padding:16px;font-size:15px}.calc-note-dark[hidden]{display:none}.calc-actions{flex-wrap:wrap;gap:8px;display:flex}.calc-actions .btn{flex:110px;min-height:44px;padding:0 14px;font-size:14px}.calc-actions #share{flex-basis:170px}.calc-action-status{color:var(--green);min-height:1px;font-size:14px}.calc-panel{flex-direction:column;gap:16px;padding:clamp(20px,3vw,28px);display:flex}.calc-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.calc-legend{color:var(--text-3);flex-wrap:wrap;gap:6px 20px;font-size:14px;display:flex}.calc-legend[hidden]{display:none}.calc-legend span{align-items:center;gap:8px;display:flex}.calc-small{font-size:14px}.calc-chart{grid-template-columns:56px minmax(0,1fr);column-gap:8px;display:grid}.calc-ylabels,.calc-plot{height:240px;position:relative}.calc-ylabels span{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;position:absolute;right:0;transform:translateY(-50%)}#gridlines span{background:var(--line-soft);height:1px;position:absolute;left:0;right:0}.calc-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.calc-area{fill:var(--chart-green);fill-opacity:.08}.calc-base{fill:none;stroke:var(--chart-base);stroke-width:2px;stroke-dasharray:6 5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.calc-base.solo{stroke:var(--chart-green);stroke-dasharray:none}.calc-scen{fill:none;stroke:var(--chart-green);stroke-width:2.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.calc-plot svg{animation:calc-reveal 1.4s var(--ease) backwards}@keyframes calc-reveal{0%{clip-path:inset(-4px 100% -4px -4px)}to{clip-path:inset(-4px)}}.calc-xlabels{height:24px;margin-top:6px;position:relative}.calc-xlabels span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;position:absolute;top:0;transform:translate(-50%)}.calc-hit{cursor:crosshair;touch-action:pan-y;position:absolute;inset:0}.calc-hover{pointer-events:none;position:absolute;inset:0}.calc-hover[hidden]{display:none}.calc-hover .vline{top:0;bottom:0;left:var(--x);background:#98aaae;width:1px;position:absolute}.calc-hover .dot{left:var(--x);border-radius:999px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff}.calc-hover .dot.base{background:var(--chart-base)}.calc-hover .dot.scen{background:var(--chart-green)}.calc-hover .dot[hidden]{display:none}.calc-hover .tip{top:4px;left:calc(var(--x) + 12px);background:#fff;border:1px solid #d5e1df;border-radius:10px;flex-direction:column;gap:4px;min-width:180px;padding:10px 12px;font-size:13px;display:flex;position:absolute;box-shadow:0 8px 24px #0d2b311f}.calc-hover.flip .tip{left:auto;right:calc(100% - var(--x) + 12px)}.calc-hover .row{color:var(--text-3);justify-content:space-between;gap:12px;display:flex}.calc-hover .row[hidden]{display:none}.calc-hover .row b{color:var(--ink)}.calc-row{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.calc-tenure{flex:2 480px;min-width:0}.calc-row .ad-slot{flex:300px}.calc-table{border-collapse:collapse;width:100%;font-size:15px}.calc-table th,.calc-table td{text-align:right;border-bottom:1px solid var(--line-faint);padding:11px 12px}.calc-table th:first-child{text-align:left}.calc-table thead th{color:var(--text-4);border-bottom-color:var(--line);font-size:13px;font-weight:600}.calc-table tbody th{font-weight:400}.calc-table tr.current{background:#eaf3f2;font-weight:600}.calc-table tr.current th{font-weight:600}.yours{background:var(--teal);color:#fff;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:600}.calc-ghost{border:1px solid var(--field);min-height:44px;color:var(--teal);cursor:pointer;box-shadow:0 3px 0 var(--line-soft);background:#fff;border-radius:10px;padding:0 16px;font-size:14px;font-weight:600}.calc-sched{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.calc-sched[hidden]{display:none}.calc-sched table{min-width:600px;font-size:14px}.calc-sched thead th{background:var(--ground)}.calc-guide{padding-top:16px}.calc-formula{flex-direction:column;gap:10px;padding:20px 22px;display:flex}.calc-formula .serif{color:var(--ink);font-size:26px}.calc-faq details{border-bottom:1px solid var(--line);padding:4px 0}.calc-faq summary{cursor:pointer;min-height:44px;color:var(--ink);align-items:center;font-weight:600;list-style:none;display:flex}.calc-faq summary::-webkit-details-marker{display:none}.calc-faq summary:after{content:"+";color:var(--teal);margin-left:auto;padding-left:16px;font-size:22px;font-weight:400}.calc-faq details[open] summary:after{content:"−"}.calc-faq details p{color:var(--text-3);margin:0 0 14px;font-size:16px}.calc-method{border-top:4px solid var(--teal);flex-direction:column;gap:8px;display:flex}.calc-method h3{margin:0;font-size:17px}.calc-related{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;display:grid}.calc-related a,.calc-related .soon{border:1px solid var(--line);min-height:56px;box-shadow:0 3px 0 var(--line-soft);color:var(--ink);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;font-weight:600;text-decoration:none;display:flex}.calc-related .soon{color:var(--muted);font-weight:500}.calc-related .tag{white-space:nowrap;background:var(--tint);color:var(--teal);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}@media print{.calc-results{border:1px solid var(--line);color:var(--ink)!important;box-shadow:none!important;background:#fff!important}.calc-results *{color:var(--ink)!important}.calc-save{background:#fff!important}.calc-sched[hidden]{display:block!important}.calc-hit,.calc-hover,.calc-guide{display:none!important}.calc-sched table{min-width:0}}
