@layer components {
  .privacy-hero-panel {
    margin-bottom: var(--space-6);
  }
  .privacy-meta-grid {
    display: grid;
    gap: var(--space-4);
    margin-top: var(--space-4);
  }
  @media (min-width: 768px) {
    .privacy-meta-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .privacy-meta-item {
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: radial-gradient(circle at top left, rgba(24, 24, 27, 0.9), rgba(9, 9, 11, 1));
    border: 1px solid var(--color-border-muted);
  }
  .privacy-meta-item .meta-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--color-text-muted);
    margin-bottom: 0.2rem;
  }
  .privacy-meta-item .meta-value {
    font-size: 0.9rem;
    color: var(--color-text-main);
  }
  .privacy-toc {
    margin-bottom: var(--space-6);
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    background: radial-gradient(circle at top left, rgba(39, 39, 42, 0.9), rgba(9, 9, 11, 1));
    border: 1px solid var(--color-border-muted);
  }
  .privacy-toc-title {
    font-size: 1.1rem;
    margin-bottom: var(--space-3);
  }
  .privacy-toc-list {
    display: grid;
    gap: 0.5rem;
    font-size: 0.9rem;
  }
  .privacy-toc-list a {
    color: var(--color-text-muted);
  }
  .privacy-toc-list a:hover {
    color: var(--color-primary);
  }
  .privacy-section .panel {
    background: radial-gradient(circle at top left, rgba(24, 24, 27, 0.95), rgba(9, 9, 11, 1));
  }
  .privacy-body h3 {
    margin-top: var(--space-3);
  }
  .privacy-list {
    display: grid;
    gap: 0.35rem;
    margin-bottom: var(--space-4);
    padding-left: 0;
  }
  .privacy-list li {
    position: relative;
    padding-left: 1.25rem;
    font-size: 0.92rem;
    color: var(--color-text-muted);
  }
  .privacy-list li::before {
    content: "";
    position: absolute;
    left: 0.3rem;
    top: 0.55rem;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--color-accent-gold), var(--color-primary));
  }
  .privacy-updated {
    font-size: 0.85rem;
    color: var(--color-text-muted);
    margin-top: var(--space-4);
  }
  .privacy-cta-row {
    margin-top: var(--space-4);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
  }
}