.rate-page{color:#102f23;--rate-muted:#4c6254;--rate-line:#d6e2d9;--rate-accent:#176b4d}.rate-heading{padding:30px 0}.rate-heading h1{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.03em;max-width:22ch}.rate-heading p{font-size:17px;line-height:1.6;max-width:65ch;margin-top:18px;color:var(--rate-muted)}.rate-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}.rate-form{background:#fff;padding:28px;border-radius:16px;box-shadow:0 10px 32px #102f2308}.rate-form-title,.rate-output-title{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:24px}.rate-form-title h2,.rate-output-title h2{font-size:22px;letter-spacing:-.02em}.rate-form-title button,.rate-output-title button{min-height:44px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:750;color:var(--rate-accent);background:none;border:0;cursor:pointer}.rate-field{display:block;margin-bottom:24px}.rate-field>span,.rate-select>span{display:block;font-weight:750;font-size:14px;margin-bottom:9px}.rate-input-box{display:flex;align-items:center;border:1px solid #c6d3c9;border-radius:10px;background:#fcfdfb;min-height:52px}.rate-input-box input{width:100%;min-width:0;padding:13px 15px;background:none;border:0;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:#102f23}.rate-input-box>span{padding-right:14px;font-size:13px;color:var(--rate-muted)}.rate-input-box input::placeholder{font-size:15px;color:#617468;font-weight:400}.rate-field small,.rate-select small{display:block;font-size:12px;line-height:1.6;color:var(--rate-muted);margin-top:8px}.rate-page :is(button,input,select,summary,a,textarea):focus-visible{outline:3px solid var(--rate-accent);outline-offset:3px}.rate-error{display:block;color:#973722;font-size:13px;line-height:1.5;margin-top:8px}.rate-input-box.invalid{border-color:#973722}.rate-mode{border:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.rate-mode legend{font-size:14px;font-weight:750;margin-bottom:10px}.rate-mode label{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--rate-line);padding:8px 12px;border-radius:10px;font-size:13px;cursor:pointer}.rate-mode label:has(:checked){background:#edf5ea;border-color:var(--rate-accent)}.rate-page input[type=radio],.rate-page input[type=checkbox]{accent-color:var(--rate-accent);width:18px;height:18px;flex-shrink:0}.rate-method{border-block:1px solid var(--rate-line);padding:20px 0;margin-bottom:20px}.rate-method h3{font-size:16px;margin-bottom:16px}.rate-select{display:block;margin-top:16px}.rate-select select{width:100%;min-width:0;min-height:48px;border:1px solid #c6d3c9;border-radius:10px;background:#fcfdfb;color:#102f23;padding:10px;font-size:14px}.rate-extras summary,.rate-formula summary{font-size:14px;font-weight:750;cursor:pointer;min-height:44px;line-height:1.6;padding-block:10px;color:var(--rate-accent)}.rate-extras>div{padding-top:14px}.rate-unknown{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:18px 0 24px;cursor:pointer}.rate-submit{width:100%;min-height:52px}.rate-private{display:flex;align-items:flex-start;gap:8px;color:var(--rate-muted);font-size:12px;line-height:1.6;margin-top:14px}.rate-private svg{flex-shrink:0;margin-top:2px}.rate-example{font-size:13px;line-height:1.6;padding:12px;background:#edf5ea;border-radius:10px;margin-bottom:20px}.rate-output{min-width:0;position:sticky;top:90px;outline:none}.rate-status{font-size:13px;line-height:1.6;color:var(--rate-muted);margin-bottom:16px}.rate-interest{padding:25px;background:#103e2b;color:#fff;border-radius:16px;display:grid;gap:12px}.rate-interest>span{font-size:14px}.rate-interest strong{font-size:clamp(32px,3.3vw,46px);letter-spacing:-.03em;overflow-wrap:anywhere;color:#d9f99d;line-height:1.2}.rate-interest small{font-size:12px;line-height:1.6;color:#d4e7d7}.rate-ledger{margin:16px 0 0}.rate-ledger>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:14px;padding:13px 0;border-bottom:1px solid var(--rate-line)}.rate-ledger dd{margin:0;flex-shrink:0;font-weight:750;font-variant-numeric:tabular-nums}.rate-ledger-total{font-weight:750}.rate-equation,.rate-note,.rate-formula p{font-size:13px;line-height:1.65;color:var(--rate-muted);margin:16px 0;overflow-wrap:anywhere}.rate-warning{background:#fff2d2;padding:14px;font-size:14px;line-height:1.6;border-radius:10px;margin-top:18px}.rate-save{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.rate-save>*{flex:1;min-height:46px;font-size:13px}.rate-next{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:750;line-height:1.6;color:var(--rate-accent);margin-top:24px}.rate-empty{padding:28px 0}.rate-empty>svg{color:var(--rate-accent)}.rate-empty h2{font-size:28px;letter-spacing:-.02em;margin:24px 0 14px;line-height:1.3}.rate-empty p{font-size:15px;line-height:1.7;color:var(--rate-muted);max-width:48ch;margin-top:16px}.rate-limits{border-top:1px solid var(--rate-line);padding-top:28px;margin-top:40px;max-width:80ch}.rate-limits h2{font-size:22px;line-height:1.4}.rate-limits p{font-size:14px;line-height:1.8;margin-top:16px;color:var(--rate-muted)}.rate-limits a{display:inline-block;margin-top:16px;font-size:13px;color:var(--rate-accent);line-height:1.6}.rate-output textarea{width:100%;padding:14px;font:inherit;border:1px solid var(--rate-line);border-radius:10px}.rate-note:empty{display:none}@media (max-width:800px){.rate-workspace{grid-template-columns:1fr;gap:28px}.rate-form{padding:22px 18px}.rate-output{position:static}.rate-heading p{font-size:15px}.rate-heading{padding-top:16px}.rate-ledger>div{font-size:13px}.rate-interest strong{font-size:36px}}@media (max-width:359px){.rate-form{padding:20px 14px}.rate-ledger>div{font-size:12px}.rate-interest{padding:20px}.rate-interest strong{font-size:30px}.rate-mode label{width:100%}}.rate-page .button{border-radius:10px}.rate-heading-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px}.rate-heading-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--rate-accent);font-size:14px;font-weight:750}.rate-form{scroll-margin-top:90px}.rate-quick-days{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 24px}.rate-quick-days button{background:#fff;color:var(--rate-accent);min-height:44px;padding:8px 12px;border:1px solid var(--rate-line);border-radius:10px;cursor:pointer;font-size:13px;font-weight:700}.rate-quick-days button[aria-pressed=true]{background:#edf5ea;border-color:var(--rate-accent)}.rate-quick-days button:hover{background:#edf5ea}.rate-term-compare{margin-top:24px;padding-top:22px;border-top:1px solid var(--rate-line)}.rate-term-compare h3{font-size:18px}.rate-term-compare>p{font-size:13px;color:var(--rate-muted);line-height:1.6;margin:8px 0 14px}.rate-term-compare table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px}.rate-term-compare caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.rate-term-compare th,.rate-term-compare td{padding:12px 8px;text-align:right;border-bottom:1px solid var(--rate-line);vertical-align:top}.rate-term-compare th:first-child{text-align:left}.rate-term-compare th{font-weight:750}.rate-term-compare tr.is-current{background:#e4efdd}.rate-term-compare th small{display:block;font-size:11px;margin-top:4px;color:var(--rate-accent)}.rate-term-compare>small{display:block;font-size:12px;line-height:1.65;color:var(--rate-muted);margin-top:12px}.rate-help{max-width:80ch;padding-top:40px;scroll-margin-top:90px}.rate-help h2{font-size:24px;line-height:1.4;letter-spacing:-.02em;margin-bottom:20px}.rate-help ol{padding-left:22px}.rate-help li{font-size:15px;line-height:1.8;margin-bottom:14px}.rate-worked-example{background:#edf5ea;border-radius:16px;padding:24px;margin:28px 0 36px}.rate-worked-example h3{font-size:19px;line-height:1.4}.rate-worked-example p{font-size:14px;line-height:1.8;margin-top:14px}.rate-faq details{border-bottom:1px solid var(--rate-line)}.rate-faq summary{padding:18px 0;cursor:pointer;font-size:15px;font-weight:750;line-height:1.6}.rate-faq p{padding-bottom:20px;font-size:14px;line-height:1.8;color:var(--rate-muted)}.rate-page ::selection{background:#d5efb9;color:#102f23}.rate-page input{caret-color:var(--rate-accent)}@media (max-width:359px){.rate-term-compare table{font-size:11px}.rate-term-compare th,.rate-term-compare td{padding:12px 4px}.rate-worked-example{padding:18px}.rate-help h2{font-size:22px}}.rate-term-compare table{table-layout:fixed}.rate-term-compare th:first-child{width:24%}.rate-term-compare td{overflow-wrap:anywhere}
