/* Phase 3: progressive detail, using the site's existing dark / gold palette. */
.tool-main .hero{padding:28px 0 22px}.tool-main .hero h1{font-size:clamp(30px,4.2vw,46px)}.tool-main .hero p{margin-bottom:0}.tool-main .layout{gap:22px}.tool-main h2{font-size:22px}.tool-main h3{margin-top:6px}.tool-main .field input,.tool-main .field select{font-size:16px;max-width:100%}.tool-main .field input[type=date]{appearance:none;-webkit-appearance:none;min-width:0}.field-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.auto-badge{display:inline-block;line-height:1.2;font-size:10px;border-radius:20px;padding:4px 7px;background:#163229;color:#a7e5c4;border:1px solid #31574a;letter-spacing:.03em}.auto-badge.manual{background:#30271a;color:#f1cb83;border-color:#5d4d30}.auto-badge:focus-visible{outline-offset:2px}.section-summary{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.section-summary b{color:var(--gold);white-space:nowrap}.fee-panel .fields{margin-top:18px}.fee-panel{margin-top:15px}.section-note{margin:10px 0 16px;font-size:13px;color:var(--mut)}.date-note{padding:12px 14px;border-left:2px solid var(--gold);font-size:13px;color:var(--mut);margin:18px 0}.credit-status{display:inline-block;padding:6px 11px;border-radius:20px;background:#163229;color:#a7e5c4;font-size:13px;font-weight:700}.credit-status.amber{background:#342a1b;color:#f1cb83}.result-label{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;margin:18px 0 8px}.tool-main .row span{min-width:0}.tool-main .row b{font-variant-numeric:tabular-nums}.tool-main .row.subtotal{border-top:1px solid #5d5036;font-weight:700}.tool-main .row.subtotal b{color:var(--gold)}.tool-main .row.detail{font-size:13px;color:var(--mut);padding:8px 0}.review-card{margin:24px 0;background:linear-gradient(130deg,#26291f,#101a23 70%);border:1px solid #5f5134;border-radius:18px;padding:24px}.review-card h2{font-size:22px;line-height:1.3;max-width:760px}.review-card p{max-width:720px}.review-card .actions{margin:18px 0 12px}.review-card .small{margin-bottom:0}.tool-main .button{display:inline-block}.check-line{padding:12px 14px;margin-top:14px;border:1px solid #344034;border-radius:10px;color:#c6d7c9;font-size:14px}.check-line strong{display:block;color:#dce9df;margin-bottom:4px}.guide-nav{display:flex;gap:8px;flex-wrap:wrap}.guide-nav button{flex:1;min-width:140px;font-size:13px}.guide-content details p{max-width:75ch}.guide-content details{padding:18px 0}.guide-content summary{font-size:16px}.guide-checklist{display:none}.coe-sample{background:#edf0e9;color:#25302d;border:1px solid #c3c9bf;border-radius:4px;padding:22px;margin:22px 0 10px;box-shadow:0 5px 0 #202b32;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.coe-sample .doc-caption{font:700 10px/1.5 -apple-system,sans-serif;letter-spacing:.12em;color:#58615a;margin-bottom:14px;text-transform:uppercase}.coe-sample .highlight{display:block;background:#f5df9c;padding:10px;margin:10px -7px 0;color:#2b2b22;border-left:3px solid #a97e20}.coe-caption{font-size:12px;line-height:1.6}.specific-price{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.quick-picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quick-picks button{font-size:13px;padding:7px 13px;border:1px solid #3a4855;border-radius:30px;background:#0c151e;color:var(--ink)}.quick-picks button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#28261f}.stand-card{margin-top:18px}.stand-card dl{margin:0}.stand-card dl div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.stand-card dt{color:var(--mut)}.stand-card dd{margin:0;text-align:right;font-weight:600;white-space:nowrap}.tool-page-error{color:#ffd4d4;background:#301c22;border:1px solid #91565e;padding:13px;border-radius:10px;margin:15px 0}.payoff-dates{font-size:20px;font-weight:700;color:var(--gold);margin:8px 0 20px}.tool-main .learn{margin-top:24px}.tool-main .learn p,.tool-main .learn li{max-width:80ch}.tool-main .notice{line-height:1.6}.tool-main input:focus-visible,.tool-main select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tool-main .input:focus-within{outline:2px solid var(--gold);outline-offset:2px}.assumption-title{font-weight:700;color:var(--gold)}
@media(max-width:860px){.tool-main .hero{padding-top:22px}.tool-main .panel{padding:20px}.review-card{padding:21px}.tool-main .row{gap:12px;font-size:14px}.tool-main .row.detail{font-size:12px}.tool-main .row b{flex-shrink:0}.tool-main .metric{font-size:34px}.section-summary{font-size:14px}.coe-sample{padding:18px;font-size:12px}.guide-nav button{min-width:0;flex-basis:28%;padding:10px 8px}.tool-main .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-main .field.wide{grid-column:1/-1}.tool-main .table-wrap table{font-size:12px}.tool-main .table-wrap th,.tool-main .table-wrap td{padding:10px 3px}.stand-card dl div{font-size:13px}}
@media(max-width:420px){.tool-main .fields{grid-template-columns:minmax(0,1fr)}.tool-main .hero h1{font-size:32px}.tool-main .panel{padding:18px}.tool-main .field.wide{grid-column:auto}.section-summary{gap:8px}.tool-main .row{font-size:13px}.tool-main .metric{font-size:32px}}
@media print{.review-card,.quick-picks,.auto-badge,.guide-nav,.tool-page-error{display:none!important}.tool-main .row b,.section-summary b,.credit-status,.assumption-title,.payoff-dates{color:#000!important}.tool-main .layout{display:block}.tool-main .panel{break-inside:auto}.tool-main details{display:block}.tool-main details::details-content{content-visibility:visible}.tool-main details> *{display:block}.tool-main input,.tool-main select{border-color:#bbb}.tool-main .coe-sample{box-shadow:none}.tool-main .stand-card{break-inside:avoid}}
/* Only the checklist prints on the Loan Estimate guide. */
@media print{@page{size:letter;margin:.38in}body.loan-guide{color:#111;background:#fff}body.loan-guide>*:not(main){display:none!important}body.loan-guide main>*:not(.guide-checklist){display:none!important}body.loan-guide main{max-width:none;padding:0}body.loan-guide .guide-checklist{display:block!important;font:9pt/1.22 Arial,sans-serif;color:#111}body.loan-guide .guide-checklist h1{font-size:19pt;margin:0 0 5pt;letter-spacing:0}body.loan-guide .guide-checklist h2{font-size:11pt;margin:9pt 0 4pt}body.loan-guide .guide-checklist p{color:#111;font-size:9pt;margin:4pt 0}body.loan-guide .check-columns{display:grid;grid-template-columns:1fr 1fr;gap:18pt}body.loan-guide .print-item{break-inside:avoid;display:flex;gap:5pt;font-size:9pt;margin:0 0 4pt;color:#111}body.loan-guide .print-box{width:7pt;height:7pt;border:1px solid #333;display:inline-block;flex-shrink:0;margin-top:1pt}body.loan-guide .print-five{border:1px solid #aaa;padding:7pt 10pt;break-inside:avoid;margin-top:8pt}body.loan-guide .check-footer{border-top:1px solid #aaa;padding-top:5pt;margin-top:8pt;color:#111}}

.tool-main .actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.tool-main .button{display:inline-block;background:var(--gold);color:#080e14;border:1px solid transparent;border-radius:9px;padding:11px 16px;font-size:14px;line-height:1.5;font-weight:700;text-decoration:none}.tool-main .button.secondary{background:transparent;color:var(--gold);border-color:var(--line)}.tool-main .button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

.auto-badge{display:inline-flex;align-items:center;min-height:24px}

/* Keep the existing payoff intro compact on a phone. */
.payoff-intro-short{display:none}
@media(max-width:650px){.payoff-intro-full{display:none}.payoff-intro-short{display:inline;font-size:13px;white-space:nowrap}}