:root{font-family:system-ui,sans-serif;color:#152c4b;background:#f3f6f8;line-height:1.55;color-scheme:light}*{box-sizing:border-box}body{margin:0}.calculator{max-width:860px;margin:auto;padding:clamp(16px,4vw,36px);background:white;overflow-wrap:anywhere}.brand{font-weight:750}.eyebrow{font-size:.8rem;letter-spacing:.08em;margin-top:2rem;color:#42546a}h1{font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.12}h2{font-size:1.35rem}h3{font-size:1rem}a{color:#174f87;text-underline-offset:.15em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ad323d;outline-offset:3px}.notice{padding:16px;background:#eff5fb;border-left:4px solid #174f87}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}label,legend{font-weight:700;display:block}input,select,button{font:inherit;min-height:48px;max-width:100%;border-radius:6px}input,select{width:100%;padding:10px;margin-top:8px;border:1px solid #65788d;background:white;color:#152c4b}fieldset{margin:24px 0 0;padding:16px;border:1px solid #b9c6d3;border-radius:8px}legend{padding:0 8px}.help{font-size:.9rem;color:#455569}.error,.field-error{color:#85212b}.error{border-color:#85212b;background:#fff1f2}button{background:#152c4b;color:white;border:0;padding:12px 24px;font-weight:700;cursor:pointer}button:hover{background:#284f79}.result{margin-top:28px;border:2px solid #456b88;border-radius:12px;padding:20px}.duration,.amount{font-weight:750;font-size:1.8rem;margin:12px 0}.duration span,.amount span{font-size:1rem;font-weight:400}.period{border-top:1px solid #bbcbd8;padding:8px 0}details{margin-top:28px;padding-top:16px;border-top:1px solid #bbcbd8}summary{cursor:pointer;font-weight:700}#feedback:focus{outline:3px solid #456b88;outline-offset:3px}@media(max-width:560px){.grid{grid-template-columns:1fr;gap:12px}button{width:100%}.calculator{padding:16px}}
