/*
 * House & Land page surface rhythm
 *
 * This file is intentionally loaded after the page component and typography
 * styles. It maps the approved white / New Builds soft-blue sequence to named
 * sections without changing the frozen shell, Hero, trust rail, Final CTA or
 * Footer.
 */

html body.house-land-page {
  --hl-surface-white: #fff;
  --hl-surface-soft: #f5fafc;
  --hl-surface-ink: #123047;
  --hl-surface-muted: #536b7a;
  --hl-surface-line: #d7e6ed;
}

html body.house-land-page #house-land-value,
html body.house-land-page #package-finder,
html body.house-land-page #new-builds-router,
html body.house-land-page #hl-faq {
  background: var(--hl-surface-white) !important;
}

html body.house-land-page #home-design-directions,
html body.house-land-page #design-location-fit {
  background: var(--hl-surface-soft) !important;
}

/* Match the Journey component's established ID + class specificity so this
   later semantic surface map controls only its outer section background. */
html body.house-land-page #main-content #house-land-journey.hl-journey {
  background: var(--hl-surface-soft) !important;
}

/* Home Design Directions: retain the image-led card hierarchy on a lighter,
   more architectural New Builds surface. */
html body.house-land-page #home-design-directions {
  color: var(--hl-surface-ink);
}

html body.house-land-page #main-content #home-design-directions .hl-designs__heading h2 {
  color: var(--hl-surface-ink) !important;
}

html body.house-land-page #main-content #home-design-directions .hl-designs__heading > p {
  color: var(--hl-surface-muted) !important;
}

html body.house-land-page #home-design-directions .hl-designs__toolbar,
html body.house-land-page #home-design-directions .hl-designs__boundary {
  border-color: rgba(18, 48, 71, .14);
}

html body.house-land-page #home-design-directions .hl-designs__filters button,
html body.house-land-page #home-design-directions .hl-designs__count {
  color: #607886 !important;
}

html body.house-land-page #home-design-directions .hl-designs__filters button:hover,
html body.house-land-page #home-design-directions .hl-designs__filters button:focus-visible,
html body.house-land-page #home-design-directions .hl-designs__filters button.is-active {
  color: var(--hl-surface-ink) !important;
}

html body.house-land-page #home-design-directions .hl-design-card {
  border-color: var(--hl-surface-line);
  background: var(--hl-surface-white);
  box-shadow: 0 12px 34px rgba(18, 48, 71, .055);
}

html body.house-land-page #home-design-directions .hl-designs__boundary > span {
  border-color: rgba(45, 152, 201, .58);
  color: #1687b8;
}

html body.house-land-page #main-content #home-design-directions .hl-designs__boundary p {
  color: var(--hl-surface-muted) !important;
}

html body.house-land-page #home-design-directions .hl-designs__boundary strong {
  color: var(--hl-surface-ink);
}

/* The Journey sits on the alternating New Builds soft-blue surface. The inner
   experience keeps a faint soft-blue field so the interactive panel remains
   legible without becoming another dark block. */
html body.house-land-page #house-land-journey .hl-journey__panel {
  border: 1px solid var(--hl-surface-line);
  background: var(--hl-surface-soft);
}

/* Package Finder: conversion tool on the alternating white section. */
html body.house-land-page main #package-finder {
  color: var(--hl-surface-ink);
}

html body.house-land-page #package-finder::before {
  background: none;
}

html body.house-land-page #main-content #package-finder .hl-section-heading h2 {
  color: var(--hl-surface-ink) !important;
}

html body.house-land-page #main-content #package-finder .hl-section-heading > p {
  color: var(--hl-surface-muted) !important;
}

html body.house-land-page #package-finder .hl-finder__shell {
  border-color: var(--hl-surface-line);
  background: var(--hl-surface-soft);
  box-shadow: 0 22px 54px rgba(18, 48, 71, .09);
}

html body.house-land-page #package-finder .hl-finder__progress {
  border-bottom: 1px solid var(--hl-surface-line);
  background: var(--hl-surface-white);
}

html body.house-land-page #package-finder .hl-finder__progress span {
  border-color: var(--hl-surface-line);
  color: #6b818d;
}

html body.house-land-page #package-finder .hl-finder__progress b {
  border-color: #b8d4e0;
  color: #426173;
}

html body.house-land-page #package-finder .hl-finder__progress .is-active {
  background: #e8f6fb;
  color: var(--hl-surface-ink);
  box-shadow: inset 0 -3px var(--hl-sky-strong);
}

html body.house-land-page #package-finder .hl-finder__progress .is-active b {
  border-color: var(--hl-sky-strong);
  background: var(--hl-sky-strong);
  color: #fff;
}

html body.house-land-page main #package-finder .hl-finder-step__intro h3 {
  color: var(--hl-surface-ink) !important;
}

html body.house-land-page main #package-finder .hl-finder-step__intro p,
html body.house-land-page main #package-finder .hl-finder-result p,
html body.house-land-page main #package-finder .hl-finder-result li {
  color: var(--hl-surface-muted) !important;
}

html body.house-land-page #package-finder .hl-finder-step__intro > span,
html body.house-land-page #package-finder .hl-finder-result span {
  color: #1687b8;
}

html body.house-land-page #package-finder .hl-finder-fields label {
  color: var(--hl-surface-ink);
}

html body.house-land-page #package-finder .hl-finder-fields select,
html body.house-land-page #package-finder .hl-finder-fields input,
html body.house-land-page #package-finder .hl-finder-fields textarea {
  border-color: #b9d0dc;
  background: var(--hl-surface-white);
}

html body.house-land-page #package-finder .hl-finder-result {
  border-color: var(--hl-surface-line);
  background: var(--hl-surface-white);
}

html body.house-land-page #package-finder .hl-finder-result > div {
  border-color: var(--hl-surface-line);
}

html body.house-land-page #package-finder .hl-finder-result h4,
html body.house-land-page #package-finder .hl-finder-result strong {
  color: var(--hl-surface-ink);
}

html body.house-land-page #package-finder .hl-finder-handoff,
html body.house-land-page #package-finder .hl-finder__design-selection {
  border-color: #b8dfea;
  background: #eaf7fc;
}

html body.house-land-page #package-finder .hl-finder-handoff p,
html body.house-land-page #main-content #package-finder .hl-finder__design-selection p {
  color: var(--hl-surface-muted) !important;
}

html body.house-land-page #package-finder .hl-finder-handoff strong,
html body.house-land-page #package-finder .hl-finder__design-selection strong {
  color: var(--hl-surface-ink);
}

html body.house-land-page #package-finder .hl-finder__design-selection button {
  border-color: #8abfd4;
  color: var(--hl-surface-ink);
}

html body.house-land-page #package-finder .hl-button--text {
  color: #1a779e;
}

html body.house-land-page #package-finder .hl-finder-message {
  color: #8a5a18;
}

@media (max-width: 720px) {
  html body.house-land-page #home-design-directions .hl-design-card {
    box-shadow: 0 8px 24px rgba(18, 48, 71, .05);
  }

  html body.house-land-page #package-finder .hl-finder__shell {
    box-shadow: 0 12px 32px rgba(18, 48, 71, .07);
  }
}