/* Loan Scenario product and guide pages; shared site navigation support. */
.loan-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(200px,1fr);gap:48px;align-items:center}
.loan-hero h1{font-size:clamp(40px,5.5vw,68px);overflow-wrap:normal}
.loan-hero .hero-note{font-size:13px;margin:20px 0 0;color:var(--muted)}
.loan-product-logo{width:100%;max-width:360px;justify-self:center}
.loan-preview{padding-top:0;padding-bottom:24px}.loan-figure{margin:0;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:var(--bg2)}
.loan-figure img{display:block;width:100%;height:auto}.loan-figure figcaption{padding:14px 20px;color:var(--muted);font-size:12px}
.loan-intro{max-width:780px;color:var(--muted);font-size:18px}.loan-muted{color:var(--muted)}
.loan-guide-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.loan-guide-nav a{border:1px solid var(--line);padding:8px 12px;border-radius:10px;color:#d8ccff}
.loan-support-guides{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.loan-support-guides h2{margin-top:0;font-size:24px}.loan-support-guides .btn{margin-top:20px}
.loan-support-form{margin-top:36px}.loan-link{color:#c4b5fd;text-decoration:underline}
.loan-brand-panel{text-align:center;padding:20px}.loan-brand-panel img{max-width:100%;height:auto}.loan-brand-panel p{color:var(--muted);font-size:14px}
.prose{overflow-wrap:anywhere}.prose li{margin-bottom:10px}.section[id]{scroll-margin-top:88px}a:focus-visible,button:focus-visible{outline:3px solid #67e8f9;outline-offset:4px}
@media(max-width:1100px){.nav-inner{gap:14px}.nav-links{gap:12px;font-size:13px}.nav .btn-sm{display:none}}
@media(max-width:860px){.nav-links{display:none;position:absolute;top:74px;left:14px;right:14px;padding:18px;flex-direction:column;align-items:flex-start;background:#0c1322;border:1px solid var(--line);border-radius:16px;max-height:calc(100vh - 90px);overflow:auto}.nav-links.open{display:flex}.menu-btn{display:block}.loan-hero{grid-template-columns:1fr;gap:24px}.loan-product-logo{max-width:240px}.loan-support-guides{grid-template-columns:1fr}.loan-hero h1{font-size:clamp(38px,8vw,62px)}}
@media(max-width:480px){.loan-guide-nav{flex-direction:column;align-items:stretch}.loan-product-logo{max-width:210px}.loan-hero .hero-actions .btn{width:100%}.page-hero h1{font-size:38px;line-height:1.08}.loan-figure{border-radius:14px}}