/* Homebuyer education and links share the site's white and forest palette. */
.site-header nav { gap: 20px; }
.breadcrumbs { padding-block: 25px 0; font-size: 11px; color: var(--muted); }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; }
.breadcrumbs li + li::before { content: '/'; margin-right: 10px; color: #95a499; }
.breadcrumbs a { text-decoration: underline; text-underline-offset: 3px; }
.homebuyer-preview { background: #f7f8f4; border-block: 1px solid var(--line); }
.homebuyer-preview-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: start; }
.homebuyer-preview h2, .buyer-section-heading h2, .buyer-relocation h2, .buyer-contact h2 { font-size: clamp(32px, 3.7vw, 50px); font-weight: 600; line-height: 1.17; margin-top: 17px; }
.homebuyer-preview p { font-size: 14px; line-height: 1.9; color: var(--muted); margin-bottom: 23px; }
.homebuyer-preview-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 35px; margin-top: 45px; }
.homebuyer-preview-links > a { display: grid; grid-template-columns: 1fr auto; gap: 15px; padding-block: 23px; border-top: 1px solid #b8c6b6; }
.homebuyer-preview-links > a > span { grid-column: 1 / -1; font-size: 9px; letter-spacing: .1em; font-weight: 700; color: var(--muted); }
.homebuyer-preview-links strong { font-size: 19px; font-weight: 600; letter-spacing: -.03em; }
.homebuyer-preview-links a:hover strong { text-decoration: underline; text-underline-offset: 4px; }
.buyer-hero { padding-bottom: 54px; }
.buyer-hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 75px; align-items: center; padding-top: 40px; }
.buyer-hero h1 { font-size: clamp(42px, 4.5vw, 65px); font-weight: 650; line-height: 1.12; margin-block: 21px 25px; }
.buyer-hero-grid > div > p { font-size: 14px; line-height: 1.9; color: var(--muted); max-width: 510px; }
.buyer-hero-grid > div > .buyer-lead { font-size: 18px; color: var(--ink); line-height: 1.65; margin-bottom: 18px; }
.buyer-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; margin-top: 28px; }
.buyer-hero-grid > div > .buyer-credentials { font-size: 10px; margin-top: 27px; }
.buyer-hero figure { margin: 0; min-width: 0; }
.buyer-hero img { display: block; width: 100%; height: 430px; object-fit: cover; }
.buyer-hero figcaption { font-size: 10px; padding-block: 15px; border-bottom: 1px solid var(--line); }
.buyer-topics { background: #f5f7f2; border-block: 1px solid var(--line); }
.buyer-topics > div { display: flex; flex-wrap: wrap; gap: 18px 38px; padding-block: 22px; }
.buyer-topics a { font-size: 12px; font-weight: 600; }
.buyer-topics a:hover { text-decoration: underline; text-underline-offset: 5px; }
.buyer-section-heading { max-width: 730px; }
.buyer-section-heading > p { color: var(--muted); font-size: 14px; line-height: 1.9; margin-top: 22px; }
.buyer-section-heading > .text-link { margin-top: 23px; }
.buyer-three-column { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 45px; margin-top: 38px; }
.buyer-three-column article { padding-top: 23px; border-top: 1px solid #b8c6b6; }
.buyer-three-column h3, .buyer-checklist h3 { font-size: 24px; margin-bottom: 16px; }
.buyer-three-column p, .buyer-checklist > p, .buyer-checklist li, .buyer-loan-grid p, .buyer-costs dd, .buyer-relocation p, .buyer-contact p { font-size: 14px; line-height: 1.9; color: var(--muted); }
.buyer-section-links { display: flex; align-items: center; flex-wrap: wrap; gap: 22px 40px; margin-top: 33px; }
.source-link { display: inline-flex; align-items: center; gap: 12px; font-size: 11px; line-height: 1.7; color: #42624c; text-decoration: underline; text-underline-offset: 4px; }
.source-link .icon { width: 14px; height: 14px; flex-basis: 14px; }
.buyer-section-heading > .source-link { margin-top: 24px; display: flex; width: fit-content; }
.buyer-tint { background: #f4f6f1; border-block: 1px solid #e6ebe2; }
.buyer-split { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: start; }
.buyer-checklist { padding: 32px; background: #fff; border: 1px solid var(--line); }
.buyer-checklist h3 { margin-top: 15px; }
.buyer-checklist ul { list-style: none; margin: 21px 0; padding: 0; }
.buyer-checklist li { padding: 12px 0; border-top: 1px solid var(--line); }
.buyer-checklist > .small-note { font-size: 11px; line-height: 1.85; }
.buyer-checklist > .source-link { margin-top: 20px; }
.buyer-loan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 50px; margin-top: 40px; }
.buyer-loan-grid article { border-top: 1px solid #b8c6b6; padding-block: 25px 0; }
.buyer-loan-grid h3 { font-size: 27px; margin-top: 15px; }
.buyer-loan-grid p { max-width: 480px; margin-block: 17px 23px; }
.buyer-note { color: var(--muted); font-size: 11px; line-height: 1.9; border-top: 1px solid var(--line); margin-top: 35px; padding-top: 22px; }
.buyer-costs dl { margin: 0 0 23px; }
.buyer-costs dl > div { border-top: 1px solid #b8c6b6; padding-block: 24px; }
.buyer-costs dt { font-weight: 600; font-size: 22px; letter-spacing: -.03em; margin-bottom: 10px; }
.buyer-costs dd { margin: 0; }
.buyer-relocation { display: grid; grid-template-columns: 1.3fr .7fr; gap: 100px; border-bottom: 1px solid var(--line); }
.buyer-relocation h2 { max-width: 640px; }
.buyer-relocation p { margin-block: 24px; }
.buyer-relocation ul { list-style: none; padding: 0; margin: 0; }
.buyer-relocation li { display: flex; gap: 25px; border-bottom: 1px solid var(--line); padding-block: 17px; font-size: 17px; }
.buyer-relocation li span { font-size: 11px; font-weight: 700; color: var(--muted); min-width: 25px; padding-top: 4px; }
.buyer-contact { display: grid; grid-template-columns: 1.25fr .75fr; gap: 85px; align-items: center; }
.buyer-contact h2 { max-width: 620px; }
.buyer-contact p { margin-top: 20px; max-width: 630px; }
.buyer-contact .small-note { font-size: 10px; }
.buyer-direct { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding-left: 35px; border-left: 1px solid #c6d1c0; }
.buyer-direct strong { font-size: 25px; }
.buyer-direct span { font-size: 10px; color: var(--muted); }
.buyer-direct a { font-size: 16px; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.buyer-direct p { font-size: 11px; margin-top: 0; }
.buyer-editorial-note { padding-block: 22px; }
.buyer-editorial-note p { font-size: 10px; color: var(--muted); line-height: 1.8; max-width: 950px; }

@media (min-width: 1101px) and (max-width: 1250px) {
  .site-header nav { gap: 14px; }
  .site-header nav > a { font-size: 10px; }
}
@media (max-width: 1000px) {
  .homebuyer-preview-intro, .buyer-hero-grid, .buyer-split, .buyer-relocation, .buyer-contact { gap: 40px; }
  .buyer-hero img { height: 440px; }
  .buyer-actions { gap: 20px; }
  .buyer-three-column { gap: 25px; }
  .buyer-three-column h3 { font-size: 21px; }
  .buyer-checklist { padding: 25px; }
  .buyer-direct { padding-left: 25px; }
}
@media (max-width: 700px) {
  .homebuyer-preview-intro, .buyer-hero-grid, .buyer-three-column, .buyer-split, .buyer-relocation, .buyer-contact { grid-template-columns: 1fr; gap: 30px; }
  .homebuyer-preview h2, .buyer-section-heading h2, .buyer-relocation h2, .buyer-contact h2 { font-size: 35px; line-height: 1.16; }
  .homebuyer-preview p { font-size: 13px; }
  .homebuyer-preview-links { grid-template-columns: 1fr; gap: 0; margin-top: 28px; }
  .homebuyer-preview-links > a { padding-block: 20px; gap: 12px; }
  .homebuyer-preview-links > a > span { font-size: 8px; }
  .homebuyer-preview-links strong { font-size: 20px; }
  .breadcrumbs { padding-top: 22px; font-size: 10px; }
  .buyer-hero { padding-bottom: 38px; }
  .buyer-hero-grid { padding-top: 32px; }
  .buyer-hero h1 { font-size: clamp(35px, 10vw, 48px); margin-block: 19px 21px; }
  .buyer-hero-grid > div > p { font-size: 13px; }
  .buyer-hero-grid > div > .buyer-lead { font-size: 17px; }
  .buyer-hero img { height: 300px; }
  .buyer-actions .button { font-size: 12px; gap: 15px; }
  .buyer-topics > div { gap: 15px 25px; padding-block: 20px; }
  .buyer-topics a { font-size: 11px; }
  .buyer-three-column { gap: 28px; margin-top: 30px; }
  .buyer-section-heading > p, .buyer-three-column p, .buyer-checklist > p, .buyer-checklist li, .buyer-loan-grid p, .buyer-costs dd, .buyer-relocation p, .buyer-contact p { font-size: 13px; }
  .buyer-three-column h3, .buyer-checklist h3 { font-size: 24px; }
  .buyer-section-links { gap: 23px; }
  .buyer-checklist { padding: 24px; }
  .buyer-checklist > .small-note { font-size: 11px; }
  .buyer-loan-grid { grid-template-columns: 1fr; gap: 25px; margin-top: 30px; }
  .buyer-loan-grid h3 { font-size: 25px; }
  .buyer-costs dt { font-size: 22px; }
  .buyer-contact .small-note { font-size: 10px; }
  .buyer-direct { padding-left: 0; padding-top: 25px; border-left: 0; border-top: 1px solid #c6d1c0; }
  .buyer-direct p { font-size: 11px; }
}