/* Scoped to the calculator. The rest of the site's design is unchanged. */
.qq-section{padding:24px 0 48px;scroll-margin-top:90px;overflow:visible}
.qq-section>.wrap{max-width:560px}
.qq{--qq-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;position:relative;display:grid;gap:10px;padding:20px;border-radius:32px;color:#202326;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.86);box-shadow:0 18px 50px -28px rgba(26,57,42,.24);font-family:var(--qq-font);font-size:1rem;line-height:1.25;isolation:isolate}
.qq-head{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:26px}
.qq-head h2{font-family:var(--qq-font);font-size:1.3rem;line-height:1.2;letter-spacing:-.035em;font-weight:700;margin:0}
.qq-head a{font-size:.8125rem;text-decoration:none;font-weight:600;color:#244a3a;padding:5px 0;white-space:nowrap}
.qq-model{width:100%;min-height:48px;padding:12px 16px;font-size:1rem;line-height:1.25;font-weight:600;border-radius:18px;background:rgba(255,255,255,.55);border:1px solid rgba(36,74,58,.12);text-overflow:ellipsis}
.qq-model-pick{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:48px;min-width:0;padding:10px 14px;border:1px solid rgba(36,74,58,.12);border-radius:17px;background:rgba(255,255,255,.56);color:#202326;text-align:left;font:600 1rem var(--qq-font);box-shadow:inset 0 1px #fff}
.qq-model-pick>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-model-pick>svg{flex:none;color:#557262;width:18px;height:18px}
.qq-result{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;align-items:center;padding:14px 16px;min-height:100px;background:linear-gradient(135deg,#2b5844,#244a3a 62%,#1b3b2d);color:white;border:1px solid rgba(255,255,255,.55);border-radius:24px;box-shadow:inset 0 1px 1px rgba(255,255,255,.45),0 8px 18px -10px rgba(36,74,58,.5)}
.qq-result>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.qq-result span{font-size:.8125rem;font-weight:500;color:rgba(255,255,255,.82)}
.qq-result strong{font-size:2.1rem;letter-spacing:-.055em;font-weight:700;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}
.qq-result small,.qq-result small span{font-size:.75rem;color:rgba(255,255,255,.74);white-space:nowrap}
.qq-upfront{border-left:1px solid rgba(255,255,255,.2);padding-left:14px}.qq-upfront strong{font-size:1.65rem;letter-spacing:-.035em}
.qq-field{display:grid;gap:5px;min-width:0}
.qq-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:3px;min-height:17px;font-size:.875rem;font-weight:600}
.qq-label .qq-hint{font-size:.75rem;font-weight:400;color:#626b65;text-align:right}
.qq-options{position:relative;display:grid;gap:3px;border:1px solid rgba(36,74,58,.06);border-radius:19px;padding:3px;background:rgba(216,226,220,.38)}
.qq-dp{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.qq-banks{grid-template-columns:repeat(3,minmax(0,1fr))}.qq-terms{grid-template-columns:repeat(5,minmax(0,1fr))}
.qq-options>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;min-width:0;border-radius:15px;border:0;background:transparent;color:#303d35;font:600 .875rem var(--qq-font);padding:5px 2px;line-height:1.05;font-variant-numeric:tabular-nums;transition:background .15s,color .15s}
.qq-options button small{font-size:.75rem;font-weight:500;letter-spacing:-.035em;color:#5c6860}
.qq-options button[aria-pressed="true"]{color:#244a3a;background:rgba(255,255,255,.85);box-shadow:0 1px 4px rgba(30,65,43,.12),inset 0 1px white}
.qq-options button[aria-pressed="true"] small{color:#244a3a;font-weight:650}
.qq-options button:disabled{color:#8f9892;opacity:.5;cursor:not-allowed}.qq-options button:disabled small{font-weight:400}
.qq-actions{display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;gap:7px;margin-top:1px}
.qq-actions>button,.qq-actions>a{min-height:44px;border-radius:999px;border:1px solid rgba(36,74,58,.12);font:600 .875rem var(--qq-font);display:flex;align-items:center;justify-content:center;gap:4px;text-decoration:none;white-space:nowrap}
.qq-copy{background:#244a3a;color:white;box-shadow:inset 0 1px rgba(255,255,255,.32),0 4px 10px -6px rgba(36,74,58,.6)}.qq-share,.qq-advisor{background:rgba(255,255,255,.45);color:#244a3a}
.qq-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
.qq-details{border:0;background:none;font:500 .75rem var(--qq-font);color:#56675c;padding:5px 1px;text-align:left;text-decoration:underline;text-underline-offset:3px}
.qq-status{font-size:.75rem;color:#65716a;text-align:right;line-height:1.15}
.qq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.qq :focus-visible,.qq-dialog :focus-visible{outline:3px solid #244a3a;outline-offset:3px}
body[data-page="quote"]{min-height:100svh;padding:0;background:#edf1ed}
body[data-page="quote"]>:is(header.site,footer.site,.roadbar,.tabbar,.msgr-fab){display:none}
.qq-workspace{min-height:100svh;display:grid;place-items:center;padding:16px max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:radial-gradient(ellipse at 8% 0%,rgba(85,129,104,.14),transparent 60%),radial-gradient(ellipse at 90% 100%,rgba(173,194,177,.25),transparent 60%)}
.qq-workspace .qq{width:100%;max-width:470px}
.qq-dialog{position:fixed;inset:0;margin:auto;width:min(470px,calc(100% - 24px));max-height:min(720px,calc(100dvh - 32px));padding:20px;border:1px solid rgba(255,255,255,.8);border-radius:30px;background:rgba(247,250,247,.96);color:#202326;box-shadow:0 25px 90px rgba(24,49,33,.24);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;overflow:auto}
.qq-dialog::backdrop{background:rgba(25,43,33,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.qq-dialog[open]{animation:qq-dialog-in .32s cubic-bezier(.2,.8,.2,1)}
.qq-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.qq-dialog-head h2{font-size:1.25rem;letter-spacing:-.03em;margin:0}
.qq-dialog-close{width:44px;height:44px;border-radius:50%;background:rgba(106,135,117,.1);border:1px solid rgba(255,255,255,.8);font-size:1.5rem;line-height:1;color:#244a3a}
.qq-search{width:100%;height:48px;padding:12px 16px;border:1px solid rgba(36,74,58,.16);border-radius:16px;font:1rem -apple-system,BlinkMacSystemFont,Arial,sans-serif;background:rgba(255,255,255,.8);margin-bottom:12px}
.qq-model-list{display:grid;gap:4px;max-height:55dvh;overflow:auto;overscroll-behavior:contain}
.qq-model-option{padding:12px 14px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:16px;background:transparent;color:#202326;text-align:left;font:600 .9375rem -apple-system,BlinkMacSystemFont,Arial,sans-serif}
.qq-model-option small{display:block;font-size:.75rem;font-weight:400;color:#69736d;margin-top:3px}.qq-model-option[aria-pressed="true"]{background:rgba(36,74,58,.1);color:#244a3a}.qq-model-option:hover{background:rgba(36,74,58,.06)}
.qq-model-option[hidden]{display:none}
.qq-dialog-copy{display:grid;gap:14px;font-size:.9375rem;line-height:1.5}.qq-dialog-copy p{margin:0}.qq-dialog-copy h3{font-size:.9375rem;margin:0 0 5px}
.qq-manual-copy{width:100%;min-height:200px;padding:12px;font:1rem -apple-system,BlinkMacSystemFont,Arial,sans-serif;border-radius:16px;border:1px solid #becbbf;background:white}
.qq-empty{padding:24px 12px;color:#626d65;font-size:.9375rem}
@keyframes qq-dialog-in{from{opacity:0;translate:0 20px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:761px){.qq-section{padding-block:40px 64px}}
@media(max-width:760px){
 .qq-section>.wrap{padding-inline:12px}.qq{padding:15px;gap:8px;border-radius:28px}.qq-head{min-height:24px}.qq-head h2{font-size:1.2rem}
 .qq-result{min-height:90px;padding:12px 14px;border-radius:22px}.qq-result strong{font-size:1.9rem}.qq-upfront strong{font-size:1.5rem}
 .qq-label{font-size:.8125rem}.qq-options{padding:3px}.qq-options button{min-height:44px}.qq-model-pick,.qq-model{height:46px;min-height:46px}.qq-dialog{padding:16px;border-radius:26px}
}
@media(max-width:370px){.qq{padding:12px;gap:7px}.qq-result{padding:11px 12px;gap:7px}.qq-upfront{padding-left:10px}.qq-result strong{font-size:1.7rem}.qq-upfront strong{font-size:1.4rem}.qq-actions{grid-template-columns:1fr 44px 1fr;gap:5px}.qq-actions>button,.qq-actions>a{font-size:.8125rem}}
@media(max-height:700px) and (max-width:760px){.qq-workspace{padding-block:8px}.qq-workspace .qq{gap:6px;padding:12px}.qq-workspace .qq-result{min-height:82px;padding:10px 12px}.qq-workspace .qq-model-pick{height:44px}.qq-workspace .qq-footer{min-height:22px}}
@media(prefers-reduced-motion:reduce){.qq-dialog[open]{animation:none}.qq-options>button{transition:none}}
@media(forced-colors:active){.qq-result{background:Canvas;color:CanvasText;border-color:CanvasText}.qq-result :is(span,small){color:CanvasText}.qq-copy{background:ButtonFace;color:ButtonText}.qq-options button[aria-pressed="true"]{outline:2px solid Highlight}}

.qq-banks>button{font-size:.8125rem}.qq-banks button small{font-size:.6875rem}.qq-dp>button{font-size:.8125rem}
