.maintenance-options { display:flex; gap:5px; margin-top:8px; }
.maintenance-option { border:1px solid var(--line); border-radius:7px; background:transparent; color:var(--muted); min-height:36px; padding:8px 10px; font:500 9px var(--mono); cursor:pointer; }
.maintenance-option.is-selected { border-color:var(--ink); background:var(--lime); color:var(--ink); }
.house-field { margin-bottom:20px; }
.plain-input { display:flex; align-items:center; border:1px solid var(--line); border-radius:12px; background:#fff; height:52px; padding:0 14px; transition:border .15s,box-shadow .15s; }
.plain-input:focus-within { border-color:var(--ink); box-shadow:0 0 0 3px #c8e85a5c; }
.plain-input input { padding-left:0; }
.field-header { display:flex !important; align-items:center; justify-content:space-between; min-height:27px; margin:0 0 8px !important; }
.field-header > b,.field-header > label { font-size:13px; font-weight:600; }
.field-header .segmented { float:none; margin:0; }
.field-header .segment { min-height:34px; padding:7px 10px; }
.lens-preview { color:var(--muted); font:500 10px var(--mono); letter-spacing:.06em; margin:15px 0 0; text-transform:uppercase; }.lens-preview i { color:var(--orange); font-style:normal; margin:0 4px; }
.lender-section { padding:43px 2px 0; }
.lender-section .eyebrow span { color:var(--orange); margin-left:6px; }
.lender-section h2 { font-size:34px; margin-bottom:12px; }
.lender-intro { color:var(--muted); font-size:14px; line-height:1.45; margin:0 0 16px; }
.lender-prompt { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--line); border-radius:16px; background:var(--card); padding:15px; }
.lender-prompt[hidden],.lender-form[hidden],.lender-results[hidden] { display:none !important; }
.lender-prompt b,.lender-prompt small { display:block; }
.lender-prompt b { font-size:13px; }
.lender-prompt small { color:var(--muted); font-size:11px; margin-top:3px; }
.lender-prompt button,.text-button { border:0; background:transparent; color:var(--ink); font:600 12px var(--sans); text-decoration:underline; white-space:nowrap; cursor:pointer; }
.lender-form { padding:17px 0 0; }
.lender-results { border:1px solid var(--line); border-radius:16px; background:var(--card); padding:18px; }
.lender-results.low { background:#e4f2e3; }.lender-results.moderate { background:#fff0ce; }.lender-results.higher,.lender-results.above { background:#ffe0dc; }
.lender-status { display:flex; align-items:center; gap:7px; font:500 10px var(--mono); letter-spacing:.08em; }.lender-status span { width:8px; height:8px; border-radius:100%; background:var(--green); }.lender-results.moderate .lender-status span { background:var(--yellow); }.lender-results.higher .lender-status span,.lender-results.above .lender-status span { background:var(--red); }.lender-status p { margin:0; }
.lender-results > strong { display:block; font:600 27px var(--serif); letter-spacing:-.05em; margin:12px 0 15px; }
.lender-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #19332e2e; padding-top:13px; gap:10px; }.lender-grid span,.lender-grid b { display:block; }.lender-grid span { color:var(--muted); font-size:11px; line-height:1.25; }.lender-grid b { font:600 20px var(--serif); letter-spacing:-.04em; margin-top:5px; }
.lender-results > p { font-size:12px; line-height:1.45; margin:14px 0; }
.future-section { padding:43px 2px 0; }.future-section .eyebrow span { color:var(--orange); margin-left:6px; }.future-section h2 { font-size:34px; margin-bottom:12px; }.future-intro { color:var(--muted); font-size:14px; line-height:1.45; margin:0 0 16px; }.future-prompt { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--line); border-radius:16px; background:#e9f1db; padding:15px; }.future-prompt b,.future-prompt small { display:block; }.future-prompt b { font-size:13px; }.future-prompt small { color:var(--muted); font-size:11px; margin-top:3px; }.future-prompt button { border:0; background:transparent; color:var(--ink); font:600 12px var(--sans); text-decoration:underline; white-space:nowrap; cursor:pointer; }.future-form { padding:17px 0 0; }.future-results { border:1px solid var(--line); border-radius:16px; background:#e9f1db; padding:18px; }.future-prompt[hidden],.future-form[hidden],.future-results[hidden] { display:none !important; }.future-status { display:flex; align-items:center; gap:7px; font:500 10px var(--mono); letter-spacing:.08em; }.future-status span { width:8px; height:8px; border-radius:100%; background:var(--green); }.future-status p { margin:0; }.future-results > strong { display:block; font:600 27px var(--serif); letter-spacing:-.05em; margin:12px 0 15px; }.future-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #19332e2e; padding-top:13px; gap:10px; }.future-grid span,.future-grid b { display:block; }.future-grid span { color:var(--muted); font-size:11px; line-height:1.25; }.future-grid b { font:600 20px var(--serif); letter-spacing:-.04em; margin-top:5px; }.future-results > p { font-size:12px; line-height:1.45; margin:14px 0 8px; }.future-disclaimer { color:var(--muted); display:block; font-size:10px; line-height:1.4; }.future-results .text-button { margin-top:14px; }
.ladder-row.bolt { background:#ffe0dc; }.ladder-row.bolt .ladder-label i { background:var(--red); }
.ladder-row.think { background:#fff4df; }.ladder-row.think .ladder-label i { background:var(--yellow); }
.receipt-preview { margin:20px 0 0; padding:18px; border:1px solid var(--line); border-radius:17px; background:var(--ink); color:var(--paper); text-align:left; box-shadow:0 10px 22px #19332e16; }
.receipt-kicker { display:block; color:var(--lime); font:500 10px var(--mono); letter-spacing:.1em; }
.receipt-preview strong { display:block; font:600 25px/1.02 var(--serif); letter-spacing:-.05em; margin:12px 0 18px; max-width:300px; }
.receipt-metrics { display:grid; grid-template-columns:1fr 1fr; gap:10px; border-top:1px solid #ffffff38; padding-top:13px; }
.receipt-metrics span,.receipt-preview small { display:block; color:#c8d3ce; font-size:10px; line-height:1.3; }
.receipt-metrics i { display:block; color:#fff; font:600 18px var(--serif); font-style:normal; letter-spacing:-.04em; margin-bottom:3px; }
.receipt-preview small { margin-top:16px; font:500 9px var(--mono); letter-spacing:.08em; }
.share-actions button span { font-size:16px; line-height:0; }
.share-actions button:only-child { width:100%; }
.about-calculator { border-top:1px solid var(--line); margin:58px 18px 0; padding:48px 2px 10px; }
.about-calculator h2 { font-size:34px; line-height:1.02; margin:12px 0 18px; }
.about-calculator > p:not(.eyebrow) { color:var(--muted); font-size:14px; line-height:1.55; margin:0; }
.about-calculator-grid { display:grid; gap:9px; margin:22px 0; }
.about-calculator-grid article { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:15px; }
.about-calculator-grid strong,.about-calculator-grid span { display:block; }
.about-calculator-grid strong { color:var(--ink); font:600 19px var(--serif); }
.about-calculator-grid span { color:var(--muted); font-size:12px; line-height:1.45; margin-top:5px; }
.about-calculator-note { font-size:12px !important; }
@media (min-width:700px) { .about-calculator { margin-left:30px; margin-right:30px; } .about-calculator-grid { grid-template-columns:repeat(3,1fr); } }