/* MDN nationwide financing page and homepage content enhancements */
.nationwide-home-promo{padding:3.75rem 0;background:#eff2f6;color:#18263c}
.nationwide-home-inner{display:flex;gap:2rem;align-items:center;justify-content:space-between}
.nationwide-home-inner>div{max-width:48rem}
.nationwide-home-inner h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.16;margin:.4rem 0 .75rem}
.nationwide-home-inner p{line-height:1.75}
.nationwide-eyebrow,.national-kicker{font-size:.81rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nationwide-home-inner .button{flex-shrink:0}
.national-hero{padding:6rem 0 5rem;background:#13263b;color:#fff}
.national-hero h1{max-width:850px;font-size:clamp(2.2rem,5vw,4.25rem);line-height:1.11;margin:.7rem 0 1.25rem}
.national-hero .national-lead{max-width:800px;font-size:1.13rem;line-height:1.75}
.national-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;margin-top:2rem}
.national-hero-link{color:#fff;text-decoration:underline;text-underline-offset:4px}
.national-disclaimer{margin-top:2rem;max-width:850px;font-size:.9rem;line-height:1.65;opacity:.85}
.national-intro,.national-regions,.national-steps,.national-faq-section{padding-top:4.5rem;padding-bottom:4.5rem}
.national-intro h2,.national-regions h2,.national-steps h2,.national-faq-section h2{max-width:850px;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.2;margin:.5rem 0 1.3rem}
.national-intro p,.national-regions p,.national-steps p{line-height:1.7}
.national-service-grid,.national-region-grid,.national-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}
.national-service-grid a,.region-card,.national-step-grid>div{display:block;border:1px solid #d8e0e8;border-radius:12px;padding:1.4rem;background:#fff;color:#142b45;text-decoration:none}
.national-service-grid a:hover,.national-service-grid a:focus-visible{border-color:#8ea6b8;box-shadow:0 5px 20px rgba(10,30,55,.08)}
.national-service-grid h3,.region-card h3,.national-step-grid h3{font-size:1.15rem;margin:0 0 .65rem}
.national-service-grid p,.region-card p,.national-step-grid p{margin:0;font-size:.96rem;line-height:1.65}
.national-regions,.national-faq-section{background:#f4f6f8}
.national-region-note{font-size:.92rem}
.national-faq-list{max-width:920px;margin-top:1.5rem}
.national-faq{border-bottom:1px solid #cbd4dc;padding:1rem .25rem}
.national-faq summary{font-weight:700;cursor:pointer;line-height:1.5}
.national-faq p{padding:.5rem 0;line-height:1.75}
@media(max-width:860px){.national-service-grid,.national-region-grid,.national-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nationwide-home-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.national-service-grid,.national-region-grid,.national-step-grid{grid-template-columns:1fr}.national-hero{padding:4rem 0}.nationwide-home-promo{padding:2.5rem 0}}


/* Nationwide page design alignment — shared MDN brand variables and animation system. */
.national-page .national-hero-layout { padding-top:30px; padding-bottom:58px; min-height:610px; }
.national-page .national-hero-copy { padding-top:40px; padding-bottom:30px; }
.national-page .national-hero-copy .national-hero-lead { max-width:700px; margin:26px 0 0; font-size:17px; line-height:1.72; color:#d6dfeb; }
.national-page .national-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:30px; }
.national-page .national-hero-note { color:#c0cedd; font-size:12px; max-width:700px; line-height:1.65; margin:24px 0 0; }
.national-page .national-hero-aside { min-width:0; }
.national-page .national-hero-aside strong { font-size:12px; }
.national-page .national-hero-aside .summary-row { align-items:center; }
.national-page .national-services { background:#fff; }
.national-page .national-services .split-heading > p { font-size:16px; }
.national-page .national-services-grid .program-card { color:var(--navy); text-decoration:none; }
.national-page .national-services-grid .program-card h3 { color:var(--navy); margin-top:30px; }
.national-page .national-services-grid .program-card:hover h3 { color:#825405; }
.national-page .national-card-arrow { display:inline-block; color:var(--gold-text); margin-top:22px; font-size:20px; font-weight:750; }
.national-page .national-coverage-section { background:var(--navy); color:#fff; }
.national-page .national-coverage-section .section-heading { max-width:850px; }
.national-page .national-state-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#38526c; border:1px solid #38526c; }
.national-page .national-state-card { background:#0b2949; padding:34px 29px; min-width:0; }
.national-page .national-state-card > span { display:block; color:var(--gold-light); font-size:11px; font-weight:750; letter-spacing:.12em; }
.national-page .national-state-card h3 { font:650 27px/1.18 var(--font-display),Georgia,serif; margin:22px 0 15px; color:#fff; }
.national-page .national-state-card p { color:#c5d4e2; font-size:14px; line-height:1.73; margin:0; }
.national-page .national-coverage-note { color:#c5d4e2; font-size:13px; margin:25px 0 0; }
.national-page .national-process-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.national-page .national-process-grid article { margin:0; min-height:222px; }
.national-page .national-process-grid h3 { margin-top:30px; }
.national-page .national-process-links { color:var(--muted); font-size:15px; line-height:1.7; margin-top:28px; }
.national-page .national-process-links a { color:var(--gold-text); font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.national-page .national-faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:72px; align-items:start; }
.national-page .national-faq-layout .section-heading { margin-bottom:25px; }
.national-page .national-faq-layout .faq-list { min-width:0; }
.national-page .national-faq-layout .faq-list summary { line-height:1.2; }
.national-page .cta-inner h2 em { font-style:italic; }
@media (prefers-reduced-motion: no-preference) {
  .motion-ready .national-state-card { transition:transform .32s ease,background .3s ease; }
  .national-state-card:hover { background:#10365e; transform:translateY(-3px); }
}
@media(max-width:1000px) {
  .national-page .national-hero-layout { grid-template-columns:1fr 0.8fr; gap:35px; }
  .national-page .national-hero-layout h1 { font-size:clamp(42px,5vw,65px); }
  .national-page .national-coverage-section .national-state-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .national-page .national-faq-layout { grid-template-columns:1fr; gap:15px; }
}
@media(max-width:760px) {
  .national-page .national-hero-layout { display:flex; flex-direction:column; align-items:stretch; gap:15px; padding:45px 0 68px; min-height:0; }
  .national-page .national-hero-copy { padding:0; }
  .national-page .national-hero-layout h1 { font-size:clamp(40px,8vw,58px); }
  .national-page .national-hero-aside { width:100%; margin-top:28px; }
  .national-page .national-services .split-heading { display:block; }
  .national-page .national-services .split-heading > p { margin-top:25px; }
  .national-page .national-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .national-page .national-process-grid { grid-template-columns:1fr; }
}
@media(max-width:560px) {
  .national-page .national-hero-layout { padding:40px 0 55px; }
  .national-page .national-hero-layout h1 { font-size:43px; }
  .national-page .national-hero-actions { align-items:stretch; flex-direction:column; gap:18px; }
  .national-page .national-hero-actions .button { width:100%; }
  .national-page .national-hero-actions .text-link { align-self:flex-start; }
  .national-page .national-services-grid,.national-page .national-coverage-section .national-state-grid { grid-template-columns:1fr; }
  .national-page .national-state-card { padding:28px 24px; }
}
