:root{color-scheme:light;--paper:#f1f5f6;--surface:#fff;--ink:#142835;--muted:#485e69;--teal:#103c43;--mint:#a5e4cc;--line:#d6e1e3;--field-line:#788e97;--error:#982834;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:100%;line-height:1.55}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body,h1,h2,p,dl,dd{margin:0}fieldset{border:0;min-inline-size:0;margin:0;padding:0}legend{padding:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--teal);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.visually-hidden,.segments input{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1;background:var(--surface);padding:.625rem 1rem;position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:none}.shell{width:min(100% - clamp(2rem,7vw,6rem),69rem);margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.header-content{justify-content:space-between;align-items:center;gap:.5rem 1.5rem;min-height:4.375rem;display:flex}.brand{letter-spacing:-.025em;white-space:nowrap;align-items:center;gap:.625rem;min-height:44px;font-size:1.0625rem;font-weight:720;text-decoration:none;display:inline-flex}.brand svg{flex:none}.header-content nav{align-items:center;gap:clamp(.65rem,3vw,1.75rem);font-size:.875rem;display:flex}.header-content nav a{min-height:44px;color:var(--muted);align-items:center;text-decoration:none;display:inline-flex}.header-content nav a:hover{text-decoration:underline}.intro{padding-block:clamp(2rem,5vw,4rem) clamp(1.375rem,3vw,2.125rem)}h1{letter-spacing:-.065em;font-size:clamp(2.125rem,5vw,3.875rem);font-weight:750;line-height:1.06}.intro p{color:var(--muted);margin-top:.875rem;font-size:clamp(1rem,2vw,1.2rem)}.instrument{background:var(--surface);border:1px solid var(--line);border-radius:1.125rem;grid-template-columns:minmax(0,1.22fr) minmax(0,.88fr);display:grid}#calculator,.result{min-width:0;padding:clamp(1rem,4vw,2.125rem)}.input-group legend{margin-bottom:.625rem;font-size:1rem;font-weight:710}.segments{border:1px solid var(--line);background:var(--paper);border-radius:.625rem;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:.1875rem;padding:.1875rem;display:grid}.holding-period .segments{grid-template-columns:repeat(2,minmax(0,1fr))}.segments label{cursor:pointer;display:flex;position:relative}.segments span{width:100%;min-height:44px;color:var(--muted);text-align:center;border-radius:.4rem;place-items:center;padding:.35rem .4rem;font-size:.875rem;font-weight:600;line-height:1.25;display:grid}.segments input:checked+span{background:var(--surface);box-shadow:0 0 0 1px var(--field-line);color:var(--teal)}.segments input:focus-visible+span{outline:2px solid var(--teal);outline-offset:1px}.segments input:disabled+span{cursor:default}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.return-fields,.duration-fields{margin-top:1rem}#percent-fields{grid-template-columns:minmax(0,1fr)}.field label{margin-bottom:.25rem;font-size:.875rem;font-weight:640;display:block}.field input,.field select{border:1px solid var(--field-line);background-color:var(--surface);font-variant-numeric:tabular-nums;border-radius:.45rem;width:100%;min-width:0;min-height:46px;padding:.5rem .675rem}.field input::placeholder{color:var(--muted)}.field input[aria-invalid=true]{border-color:var(--error)}.field-error{color:var(--error);margin-top:.25rem;font-size:.8125rem;font-weight:630}.field-help{color:var(--muted);margin-top:.625rem;font-size:.8125rem;line-height:1.45}.field-help+.field-help{margin-top:.25rem}.holding-period{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.125rem}.holding-period legend{float:left;width:100%}.form-actions{flex-wrap:wrap;align-items:center;gap:.375rem 1rem;margin-top:1.375rem;display:flex}.calculate-button{border:1px solid var(--teal);background:var(--teal);min-height:46px;color:var(--surface);border-radius:.45rem;padding:.6rem 1.35rem;font-weight:650}.calculate-button:hover:not(:disabled){background:var(--ink)}.calculate-button:disabled{opacity:.55}.example-button{min-height:44px;color:var(--teal);text-align:start;text-underline-offset:.2em;background:0 0;border:0;padding:.35rem 0;font-size:.875rem;text-decoration:underline}.example-button:hover:not(:disabled){text-decoration-thickness:2px}.example-button:disabled{color:var(--muted)}.result{background:var(--teal);color:var(--surface);border-radius:0 1.0625rem 1.0625rem 0;flex-direction:column;align-items:stretch;display:flex}.result :focus-visible{outline-color:var(--mint)}.result h2{font-size:1.0625rem;font-weight:660}.result-value{color:var(--mint);font-variant-numeric:tabular-nums;letter-spacing:-.06em;overflow-wrap:anywhere;margin-top:.45rem;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:710;line-height:1.06}.result-value[data-compact]{letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2.5rem)}.result-empty{color:#d3e9e6;max-width:32ch;min-height:clamp(5.5rem,10vw,7.125rem);padding-block:.7rem 1.25rem}.example-result{color:var(--mint);margin-top:.5rem;font-size:.8125rem;font-weight:600}.result-facts{border-top:1px solid #ffffff40;margin-top:.875rem}.result-facts div{border-bottom:1px solid #ffffff40;grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);align-items:start;gap:.65rem;padding-block:.7rem;display:grid}.result-facts dt{color:#e1efee}.result-facts dd{text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:640}.result-note{color:#d3e9e6;overflow-wrap:anywhere;margin-top:.75rem;font-size:.875rem;line-height:1.5}.copy-actions{flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin-top:auto;padding-top:1.375rem;display:flex}.copy-button{min-height:44px;color:var(--surface);background:0 0;border:1px solid #ffffff80;border-radius:.45rem;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.875rem;font-weight:640;display:inline-flex}.copy-button:hover:not(:disabled){background:#ffffff1a}.copy-button:disabled{opacity:.65}.copy-status{color:var(--mint);font-size:.875rem}.copy-fallback{margin-top:.875rem;font-size:.875rem}.copy-fallback textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--ink);resize:vertical;border-radius:.45rem;margin-top:.35rem;padding:.5rem;font-size:1rem;display:block}.methodology{max-width:47rem;margin-top:clamp(2.75rem,7vw,4.875rem);margin-bottom:3.5rem}.methodology section+section{border-top:1px solid var(--line);margin-top:1.75rem;padding-top:1.75rem}.methodology h2{letter-spacing:-.035em;font-size:clamp(1.375rem,3vw,1.875rem);font-weight:720;line-height:1.15}.methodology p{color:var(--muted);margin-top:.75rem}.formula{border-inline-start:3px solid var(--teal);background:var(--surface);gap:.55rem;margin-block:1rem;padding:.875rem 1rem;display:grid}.formula p{color:var(--ink);margin:0}.formula sup{padding-inline:.15em;line-height:0}.examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:.875rem;display:grid}.examples dt{font-weight:660}.examples dd{color:var(--muted);margin-top:.25rem}.examples strong{color:var(--teal);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.3rem}@media (width<=44rem){.instrument{grid-template-columns:minmax(0,1fr)}.result{border-radius:0 0 1.0625rem 1.0625rem}.result-empty{min-height:0;padding-bottom:.5rem}}@media (width<=28rem){.header-content{flex-wrap:wrap;min-height:3.75rem}.brand{gap:.375rem;font-size:1rem}.brand svg{width:28px;height:28px}#date-fields,.examples{grid-template-columns:minmax(0,1fr)}}