.legal-page {
      padding: 140px 5% 80px;
      min-height: 100vh;
      background: var(--off-white);
    }
    .legal-content {
      max-width: 800px;
      margin: 0 auto;
      background: var(--white);
      border-radius: var(--radius);
      padding: 48px 56px;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
    }
    .legal-content h1 {
      font-family: 'Playfair Display', serif;
      font-size: 2.4rem;
      color: var(--blue-deep);
      margin-bottom: 32px;
    }
    .legal-content h2 {
      font-size: 1.2rem;
      color: var(--blue-deep);
      margin: 28px 0 12px;
      font-family: 'DM Sans', sans-serif;
      font-weight: 500;
    }
    .legal-content h3 {
      font-size: 1rem;
      color: var(--blue-mid);
      margin: 20px 0 8px;
      font-family: 'DM Sans', sans-serif;
      font-weight: 500;
    }
    .legal-content p,
    .legal-content li {
      color: var(--text-muted);
      line-height: 1.75;
      font-size: 0.95rem;
      margin-bottom: 12px;
    }
    .legal-content ul,
    .legal-content ol {
      margin-left: 20px;
      margin-bottom: 16px;
    }
    .legal-content a {
      color: var(--blue-bright);
      text-decoration: none;
    }
    .legal-content a:hover {
      text-decoration: underline;
    }
    .back-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--blue-mid);
      text-decoration: none;
      font-size: 0.9rem;
      margin-bottom: 24px;
      transition: color 0.2s;
    }
    .back-link:hover {
      color: var(--blue-bright);
    }
    @media (max-width: 600px) {
      .legal-content {
        padding: 32px 24px;
      }
      .legal-content h1 {
        font-size: 1.8rem;
      }
    }