/*
 * Scope: final CTA panels plus the two Home-specific refinements requested
 * on 2026-07-17. Loaded after all cumulative route CSS.
 */

:is(
  .home-pieces-page .home-cta-section .home-cta-panel,
  .danielle-page .about-process-cta .home-cta-panel,
  .reviews-redesign-page .reviews-final-cta-panel,
  .marketing-page-approved .marketing-cohesive-cta .home-cta-panel,
  .playbook-redesign-page .playbook-cta-panel,
  .areas-page .home-cta-section.inner-cta .home-cta-panel,
  .community-page .home-cta-section.inner-cta .home-cta-panel,
  .listings-page .listing-cta-panel
) {
  text-align: center;
  justify-items: center;
}

:is(
  .home-pieces-page .home-cta-section .home-cta-panel,
  .danielle-page .about-process-cta .home-cta-panel,
  .reviews-redesign-page .reviews-final-cta-panel,
  .marketing-page-approved .marketing-cohesive-cta .home-cta-panel,
  .playbook-redesign-page .playbook-cta-panel,
  .areas-page .home-cta-section.inner-cta .home-cta-panel,
  .community-page .home-cta-section.inner-cta .home-cta-panel,
  .listings-page .listing-cta-panel
) :is(.eyebrow, h1, h2, p:not(.eyebrow)) {
  margin-inline: auto;
  text-align: center;
  justify-self: center;
}

:is(
  .home-pieces-page .home-cta-section .home-cta-panel,
  .danielle-page .about-process-cta .home-cta-panel,
  .reviews-redesign-page .reviews-final-cta-panel,
  .marketing-page-approved .marketing-cohesive-cta .home-cta-panel,
  .playbook-redesign-page .playbook-cta-panel,
  .areas-page .home-cta-section.inner-cta .home-cta-panel,
  .community-page .home-cta-section.inner-cta .home-cta-panel,
  .listings-page .listing-cta-panel
) > div {
  margin-inline: auto;
  justify-content: center;
  justify-self: center;
  text-align: center;
}

.home-pieces-page .zillow-section .zillow-copy > .zillow-pill {
  margin-bottom: 20px;
}

@media (max-width: 980px) {
  .site-header .nav-bar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }

  .site-header .brand-wordmark {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 360px) {
  .site-header .brand-wordmark {
    gap: 6px;
  }

  .site-header .brand-remax-mark {
    width: 88px;
    height: 42px;
  }

  .site-header .brand-wordmark .brand-text > span {
    font-size: 16px;
  }

  .site-header .brand-wordmark .brand-text small {
    font-size: 7px;
  }
}