/* ============================================
   Neighborhoods Page Styles
   ============================================ */

/* ================================================================
   HERO - MINI VERSION
   ================================================================ */
.hero--mini {
  min-height: 50vh;
  padding-bottom: clamp(2rem, 6vh, 4rem);
}

@media (max-width: 768px) {
  .hero--mini {
    min-height: 45vh;
  }
}


/* ================================================================
   NEIGHBORHOOD HIGHLIGHTS LIST
   ================================================================ */
.neighborhood-highlights {
  list-style: none;
  padding: 0;
  margin: var(--space-xl) 0;
}

.neighborhood-highlights li {
  font-size: var(--fs-body);
  color: var(--text-secondary);
  padding: var(--space-xs) 0;
  padding-left: var(--space-lg);
  position: relative;
}

.neighborhood-highlights li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--accent);
  font-weight: var(--fw-semibold);
  font-size: 1.2em;
}

@media (max-width: 768px) {
  .neighborhood-highlights {
    margin: var(--space-lg) 0;
  }

  .neighborhood-highlights li {
    font-size: var(--fs-small);
    padding: var(--space-2xs) 0;
    padding-left: var(--space-md);
  }
}


/* ================================================================
   SPLIT LAYOUT ADJUSTMENTS FOR NEIGHBORHOODS
   ================================================================ */
.split {
  scroll-margin-top: var(--space-4xl);
}

.split__content h2 {
  color: var(--text-primary);
}

.split__content .eyebrow {
  color: var(--text-secondary);
}

.split__content .divider {
  background: var(--accent);
}

.section--alt .split__content .divider {
  background: var(--accent);
}

/* Alternating split layouts */
.section:nth-of-type(2) .split {
  direction: rtl;
}

.section:nth-of-type(2) .split > * {
  direction: ltr;
}

.section:nth-of-type(4) .split {
  direction: rtl;
}

.section:nth-of-type(4) .split > * {
  direction: ltr;
}

@media (max-width: 768px) {
  .section:nth-of-type(2) .split,
  .section:nth-of-type(4) .split {
    direction: ltr;
  }
}


/* ================================================================
   CTA BANNER ADJUSTMENTS
   ================================================================ */
.cta-banner {
  scroll-margin-top: var(--space-4xl);
}