.legal-page {
  background: var(--bg);
  min-height: 100vh;
}

.legal-page-section {
  padding: 5rem 0 6rem;
}

.legal-page-section .container {
  width: min(100%, 1280px);
  margin: 0 auto;
  padding-inline: clamp(1rem, 4vw, 2rem);
}

/* CONTENT WRAPPER */

.legal-page-content {
  width: min(100%, 920px);
}

/* =========================================
   HEADER
========================================= */

.legal-page-header {
  margin-bottom: 5rem;
}

/* TITLE */

.legal-page-title {
  margin: 0 0 var(--space);

  font-size: clamp(2.8rem, 5vw, 5rem);
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: -0.06em;

  color: var(--text);
}

/* DESCRIPTION */

.legal-page-description {
  margin: 0;

  max-width: 62ch;

  font-size: var(--text-md);
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -0.01em;

  color: var(--text-secondary);

  opacity: var(--opacity-secondary);
}

/* =========================================
   META GRID
========================================= */

.legal-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: var(--space);

  margin-top: var(--space-xl);
}

.legal-meta-item {
  padding: var(--padding-lg);

  background: var(--bg-secondary);

  border: var(--border-width) solid var(--border);
  border-radius: var(--radius);

  transition:
    border-color var(--transition),
    transform var(--transition),
    background var(--transition);
}

/* .legal-meta-item:hover {
  border-color: var(--text-muted);
  transform: translateY(-2px);
} */

/* META LABEL */

.legal-meta-label {
  display: block;

  margin-bottom: var(--space-xs);

  font-size: var(--text-xs);
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  color: var(--text-muted);
}

/* META VALUE */

.legal-meta-value {
  display: block;

  font-size: var(--text-base);
  font-weight: 500;
  line-height: 1.4;

  color: var(--text);
}

/* =========================================
   SECTIONS
========================================= */

.legal-sections {
  border-top: var(--border-width) solid var(--divider);
}

.legal-section {
  padding-block: 3rem;
  border-bottom: var(--border-width) solid var(--divider);
}

/* SECTION TITLE */

.legal-section-title {
  margin: 0 0 var(--space);

  font-size: clamp(1.3rem, 2vw, 1.9rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.03em;

  color: var(--text);
}

/* SECTION TEXT */

.legal-section-text {
  margin: 0;

  max-width: 74ch;

  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: -0.01em;

  color: var(--text-secondary);

  opacity: var(--opacity-secondary);
}

/* LINKS */

.legal-section-text a {
  color: var(--primary);
  text-decoration: none;

  transition:
    color var(--transition-fast),
    opacity var(--transition-fast);
}

.legal-section-text a:hover {
  color: var(--primary-hover);
  opacity: var(--opacity-hover);
}

/* STRONG */

.legal-section-text strong {
  color: var(--text);
  font-weight: 600;
}