/* Shared inner-page hero, reused across loan detail / about / services / contact / legal pages */
.page-hero{padding:64px 0 44px;background:linear-gradient(180deg,#fff 0%,#fffdf7 100%);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-2px;margin:0 0 14px;max-width:760px}
.page-hero h1 span{color:#c9980d}
.page-hero p{color:var(--muted);font-size:16px;max-width:680px;margin:0}
.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:14px}
.breadcrumb a{color:#9a740b;font-weight:700}

/* Loan detail pages */
.loan-detail-section{padding:60px 0 90px}
.loan-detail-layout{display:grid;grid-template-columns:1.35fr .9fr;gap:34px;align-items:start}
.loan-detail-main h2{font-size:24px;letter-spacing:-.6px;margin:34px 0 12px}
.loan-detail-main h2:first-child{margin-top:0}
.loan-detail-main p{color:var(--muted);font-size:14.5px;margin:0 0 14px}
.feature-list,.eligibility-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.feature-list li,.eligibility-list li{display:flex;gap:10px;font-size:14px;color:#34404a;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 15px}
.feature-list li::before{content:"✓";color:#9a740b;font-weight:900}
.eligibility-list li::before{content:"•";color:#c9980d;font-weight:900}
.loan-sidebar{position:sticky;top:100px;display:grid;gap:16px}
.loan-sidebar-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 10px 34px rgba(25,35,45,.05)}
.loan-sidebar-card h3{margin:0 0 14px;font-size:16px}
.loan-range{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:13px}
.loan-range:first-of-type{border-top:0}
.loan-range span:first-child{color:var(--muted)}
.loan-range span:last-child{font-weight:800}
.loan-sidebar-card .btn{width:100%;margin-top:16px}
.other-loans{display:grid;gap:9px}
.other-loans a{display:block;padding:11px 14px;border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:700;background:#fff}
.other-loans a:hover{border-color:#d5a91d}

/* About page */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.about-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}
.about-card h3{margin:0 0 10px;font-size:18px}
.about-card p{margin:0;color:var(--muted);font-size:14px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}

/* Services listing page */
.services-intro{max-width:720px}

/* Contact page */
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}
.contact-info-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;gap:18px}
.contact-info-row{display:flex;gap:14px;align-items:flex-start}
.contact-info-row .icon-circle{flex-shrink:0}
.contact-info-row strong{display:block;font-size:14px;margin-bottom:3px}
.contact-info-row span, .contact-info-row a{font-size:13px;color:var(--muted)}
.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 12px 40px rgba(25,35,45,.05)}

/* Legal / policy pages */
.legal-section{padding:56px 0 90px}
.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}
.legal-toc{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:2px}
.legal-toc a{font-size:12.5px;font-weight:700;color:#4c5862;padding:8px 10px;border-radius:9px}
.legal-toc a:hover{background:var(--soft);color:#111}
.legal-body{background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px}
.legal-body h2{font-size:19px;letter-spacing:-.4px;margin:30px 0 10px;scroll-margin-top:100px}
.legal-body h2:first-child{margin-top:0}
.legal-body p,.legal-body li{color:#454f58;font-size:14px;margin:0 0 12px}
.legal-body ul{padding-left:20px;margin:0 0 14px}
.legal-updated{font-size:11.5px;color:var(--muted);margin-bottom:26px}

@media(max-width:950px){
  .loan-detail-layout,.about-grid,.contact-layout{grid-template-columns:1fr}
  .loan-sidebar{position:static}
  .value-grid{grid-template-columns:1fr 1fr}
  .legal-layout{grid-template-columns:1fr}
  .legal-toc{position:static}
}
@media(max-width:650px){
  .value-grid{grid-template-columns:1fr}
  .legal-body{padding:24px 18px}
}