.resource-page{max-width:1040px;padding-block:36px 72px}.resource-header{max-width:760px;margin:26px 0 34px}.resource-header h1{font-size:48px;margin:8px 0 18px}.resource-calculator{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:32px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:28px}.resource-inputs,.resource-output{min-width:0}.resource-inputs h2{font-size:28px;margin:0 0 20px}.resource-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;margin-bottom:22px}.resource-fields label{font-size:14px;font-weight:650;color:var(--ink)}.resource-fields label span{display:block;color:var(--muted);font-size:12px;font-weight:400}.resource-fields input{width:100%;min-height:46px;margin-top:6px;padding:10px 12px;border:1px solid #8b9ab0;border-radius:8px;background:#fff;color:var(--ink);font-variant-numeric:tabular-nums}.resource-fields input:focus-visible{outline-offset:2px}.form-error{min-height:24px;color:#a42020;font-size:14px;margin:10px 0 0}.resource-output{align-self:stretch;background:#fff;border-radius:12px;padding:24px}.resource-output dl{margin:0}.resource-output dl div{padding:16px 0;border-bottom:1px solid var(--line)}.resource-output dl div:first-child{padding-top:0}.resource-output dl div:last-child{border-bottom:0;padding-bottom:0}.resource-output dt{font-size:14px;color:var(--muted)}.resource-output dd{font-size:30px;line-height:1.2;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:5px 0 0}.output-prompt,.result-note{font-size:15px;margin:0}.result-note{margin-top:20px}.resource-explainer{max-width:760px;padding-top:38px}.resource-explainer h2{font-size:29px}.resource-explainer li{color:var(--text);margin-bottom:10px}.source-note{font-size:15px}.resource-next{background:var(--ink);border-radius:14px;padding:28px;margin-top:46px}.resource-next h2{color:#fff;margin:0 0 12px}.resource-next p{color:#c6d2e4;max-width:760px}.resource-next a{color:#8dbbff}.resource-next .store-badge{margin-top:8px}
.resource-calculator+.resource-calculator{margin-top:24px}
@media(max-width:720px){.resource-page{padding-top:24px}.resource-header h1{font-size:36px}.resource-calculator{grid-template-columns:1fr;padding:18px;gap:20px}.resource-fields{grid-template-columns:1fr}.resource-output dd{font-size:26px}.resource-next{padding:22px}}