/* Page-specific styles for privacy.html � extracted from inline <style> for CSP compliance */
.page-container {
      max-width: 700px;
      margin: 0 auto;
      padding: 80px 24px;
    }
    .page-header {
      text-align: center;
      margin-bottom: 48px;
    }
    .page-title {
      font-family: var(--font-display);
      font-size: 2rem;
      font-weight: 300;
      color: var(--color-text);
      margin-bottom: 12px;
    }
    .page-subtitle {
      font-size: 0.85rem;
      color: var(--color-text-dim);
    }
    .content-section {
      margin-bottom: 40px;
    }
    .content-section h2 {
      font-size: 1rem;
      font-weight: 500;
      color: var(--color-gold);
      margin-bottom: 16px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
    }
    .content-section p, .content-section li {
      font-size: 0.9rem;
      color: var(--color-text-muted);
      line-height: 1.7;
      margin-bottom: 12px;
    }
    .content-section ul {
      list-style: none;
      padding-left: 0;
    }
    .content-section li {
      padding-left: 20px;
      position: relative;
    }
    .content-section li::before {
      content: "→";
      position: absolute;
      left: 0;
      color: var(--color-text-dim);
    }
    .back-link {
      display: inline-block;
      margin-bottom: 32px;
      font-size: 0.75rem;
      color: var(--color-text-dim);
      text-decoration: none;
      transition: color 0.2s ease;
    }
    .back-link:hover {
      color: var(--color-gold);
    }
    .last-updated {
      font-size: 0.75rem;
      color: var(--color-text-dim);
      text-align: center;
      margin-top: 48px;
      padding-top: 24px;
      border-top: 1px solid var(--color-border);
    }

/* Responsive */
@media (max-width: 768px) {
  .legal-container { padding: 40px 16px; }
  .legal-section { padding: 20px; }
}
@media (max-width: 480px) {
  .legal-title { font-size: 1.4rem; }
}