@layer components {
  .privacy-main {
    background: radial-gradient(circle at top left, rgba(223, 202, 158, 0.28), transparent 55%), radial-gradient(circle at bottom right, rgba(15, 59, 51, 0.16), transparent 60%), var(--color-bg);
  }
  .privacy-container {
    max-width: 840px;
  }
  .privacy-heading {
    text-align: left;
  }
  .privacy-heading .section-title {
    letter-spacing: 0.12em;
  }
  .privacy-content {
    margin-top: var(--space-6);
  }
  .privacy-grid {
    display: grid;
    gap: var(--space-6);
  }
  .privacy-block h2 {
    font-size: var(--font-size-xl);
    margin-bottom: var(--space-3);
  }
  .privacy-list {
    padding-left: var(--space-4);
  }
  .privacy-list li {
    margin-bottom: var(--space-2);
    color: var(--color-text-soft);
    list-style: disc;
  }
  .privacy-cta {
    margin-top: var(--space-10);
  }
  .privacy-cta-inner {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    align-items: flex-start;
  }
  .privacy-cta h2 {
    font-size: var(--font-size-xl);
    margin-bottom: var(--space-2);
  }
  .privacy-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
  }
  @media (min-width: 768px) {
    .privacy-cta-inner {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    .privacy-cta-text {
      max-width: 520px;
    }
  }
}