@layer components {
  .hero-legal {
    padding-top: var(--space-10);
    padding-bottom: var(--space-8);
  }
  .hero-legal .hero-title {
    max-width: 40rem;
  }
  .hero-legal .hero-subtitle {
    max-width: 44rem;
  }
  .legal-card {
    padding: var(--space-6);
  }
  .legal-block p {
    font-size: 0.96rem;
  }
  .legal-list {
    margin-top: var(--space-2);
    margin-bottom: var(--space-3);
    padding-left: 1.1rem;
  }
  .legal-list li {
    position: relative;
    padding-left: 0.4rem;
    margin-bottom: 0.35rem;
    color: var(--color-text-muted);
    font-size: 0.95rem;
  }
  .legal-subtitle {
    font-size: 1.05rem;
    margin-top: var(--space-3);
    margin-bottom: var(--space-2);
  }
  .legal-link {
    color: var(--color-primary-dark);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }
  .legal-link:hover {
    color: var(--color-accent);
  }
  .legal-cta-inner {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    align-items: flex-start;
  }
  .legal-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
  }
}
@layer utilities {
  .privacy-page {
    scroll-margin-top: 5rem;
  }
  @media (min-width: 768px) {
    .hero-legal {
      padding-top: var(--space-12);
      padding-bottom: var(--space-10);
    }
    .legal-card {
      padding: var(--space-6) var(--space-8);
    }
    .legal-cta-inner {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
  }
}