/* V18 draft: approved copy, menu, precise typography and compact visual refinements. */
:root{--form-value-size:18px}
#loanForm .date-holder input[type=date]:disabled{opacity:0}
.hero-desc{font-size:17px}
.top .menu-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:10px;background:none;border:0;border-radius:9px;color:var(--navy);cursor:pointer}
.menu-toggle svg{width:24px;height:24px}
.menu-toggle:hover{background:#f5f7fb}
.menu-toggle:focus-visible{outline:2px solid #8c9cc2;outline-offset:2px}
.navigation-menu{width:min(300px,calc(100% - 36px));position:fixed;inset:calc(var(--header-offset) + 8px) max(18px,env(safe-area-inset-right)) auto auto;margin:0;padding:22px;border:1px solid #e3e7ee;border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(16,40,89,.1)}
.navigation-menu::backdrop{background:rgba(8,19,41,.2)}
.navigation-menu h2{font-size:17px;margin:0 34px 12px 0;color:var(--navyd)}
.navigation-menu nav{display:grid;gap:3px}
.navigation-menu nav a{display:flex;align-items:center;min-height:44px;padding:10px 8px;border-radius:7px;font-size:14px;line-height:1.4;color:var(--navy)}
.navigation-menu nav a:hover{background:#f5f7fb}
.section-divider,.results:not([hidden])::before{display:block;content:'';width:min(220px,48%);height:1px;border:0;background:#e4e9f0;margin:0 auto}
.results:not([hidden])::before{margin-bottom:26px}
.how .section-heading{margin-left:auto;margin-right:auto;text-align:center}
.step-accordion{margin-left:auto;margin-right:auto}
.step-disclosure{--step-icon-width:80px;--step-icon-gap:14px}
.step-disclosure .step-icon{width:var(--step-icon-width)}
.step-disclosure summary{padding-left:calc(var(--step-icon-width) + var(--step-icon-gap))}
.step-heading{gap:3px}
.step-disclosure[open] .step-heading{padding-bottom:1px}
.step-description{padding-left:calc(var(--step-icon-width) + var(--step-icon-gap));margin-top:-3px}
.step-description p{font-size:15px;line-height:1.5}
.step-disclosure[open]{border-color:var(--step-active);box-shadow:0 2px 10px rgba(16,40,89,.06)}
.step-disclosure.step-entering{--step-entry-x:-56px;--step-entry-rebound:3px;--step-entry-settle:-1px;animation-duration:.7s;animation-timing-function:ease-out}
.step-disclosure:nth-child(2).step-entering{--step-entry-x:56px;--step-entry-rebound:-3px;--step-entry-settle:1px}
@keyframes step-lateral-entry{
 0%{opacity:.2;transform:translateX(var(--step-entry-x))}
 72%{opacity:1;transform:translateX(var(--step-entry-rebound))}
 88%{opacity:1;transform:translateX(var(--step-entry-settle))}
 100%{opacity:1;transform:translateX(0)}
}
.summary-grid{gap:18px;margin:11px 0 8px}
.summary-row{padding:3px 0;line-height:1.35}
.summary-total{padding-top:5px}
.summary-footnote{margin-top:3px}
.results table th,.results table td,.results table th:last-child,.results table td:last-child{text-align:center}
.footer-phone{font-size:17px}
@media(min-width:781px){:root{--form-value-size:21px}}
@media(min-width:781px) and (max-width:950px){:root{--form-value-size:18px}}
@media(max-width:780px){
 .hero-desc{font-size:13px}
 .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;width:calc(100% - 24px);max-width:360px;margin:0 auto}
 .hero-actions .btn-dark,.hero-actions .btn-ghost{width:100%}
 .step-disclosure{--step-icon-width:74px;--step-icon-gap:12px}
 .step-disclosure summary{padding-left:calc(var(--step-icon-width) + var(--step-icon-gap));min-height:75px}
 .step-description{padding-left:calc(var(--step-icon-width) + var(--step-icon-gap))}
 .step-description p{font-size:14px}
 .step-disclosure.step-entering{--step-entry-x:-44px}
 .step-disclosure:nth-child(2).step-entering{--step-entry-x:44px}
 .summary-grid{gap:8px;margin:9px 0 6px}
 .summary-group+.summary-group{padding-top:7px}
 .summary-row{padding:2px 0}
}
@media(max-width:360px){
 :root{--form-value-size:16px}
 .step-disclosure{--step-icon-width:70px;--step-icon-gap:11px}
 .step-disclosure summary{padding-left:calc(var(--step-icon-width) + var(--step-icon-gap))}
 .step-description{padding-left:calc(var(--step-icon-width) + var(--step-icon-gap))}
 .footer-phone{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.step-disclosure.step-entering{animation:none}}
@media print{
 @page{size:A4 portrait;margin:8mm}
 .section-divider,.results:not([hidden])::before{display:none}
 .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12pt;margin:4pt 0}
 .summary-row{font-size:8pt;line-height:1.2;padding:.75pt 0}
 .summary-group+.summary-group{padding:0}
 .summary-total{padding-top:2pt}
 .results table th,.results table td,.results table th:last-child,.results table td:last-child{padding:1.75pt 4pt;text-align:center}
}