/* ==========================================================================
   Privacy, cookies and terms
   Page hero and the chevron detail list are shared blocks and live in
   layout.css / components.css.
   ========================================================================== */

.legal-updated {
  margin-block-start: var(--space-md);
  color: var(--color-muted);
  font-size: var(--text-sm);
  letter-spacing: var(--tracking-wide);
}

/* --- Contents -------------------------------------------------------------- */

.legal-contents {
  padding: var(--space-lg);
  border-inline-start: 3px solid var(--color-orange);
  background-color: var(--color-surface-alt);
}

.legal-contents__title {
  margin-block-end: var(--space-sm);
  color: var(--color-teal);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
}

.legal-contents__list {
  display: grid;
  gap: var(--space-2xs);
  margin: 0;
  font-size: var(--text-base);
}

@media (min-width: 48em) {
  .legal-contents__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-xl);
  }
}

/* --- Sections -------------------------------------------------------------- */

.legal-section {
  margin-block-start: var(--section-gap);
  scroll-margin-block-start: var(--space-lg);
}

.legal-section__title {
  margin-block-end: var(--space-md);
  color: var(--color-orange-dark);
  font-size: var(--text-xl);
  font-weight: var(--weight-regular);
}

.legal-section__subtitle {
  margin-block: var(--space-lg) var(--space-2xs);
  color: var(--color-teal);
  font-size: var(--text-md);
}

.legal-body {
  max-width: 72ch;
}

.legal-body .detail-list {
  margin-block-start: var(--space-sm);
}

/* --- Tables ---------------------------------------------------------------- */

.table-scroll {
  overflow-x: auto;
  margin-block-start: var(--space-md);
  max-width: 100%;
}

.legal-table {
  width: 100%;
  min-width: 34rem;
  font-size: var(--text-sm);
  text-align: start;
}

.legal-table th,
.legal-table td {
  padding: var(--space-xs) var(--space-sm);
  border-block-end: 1px solid var(--color-line);
  vertical-align: top;
}

.legal-table thead th {
  border-block-end: 2px solid var(--color-orange);
  color: var(--color-teal);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wide);
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

.legal-table tbody th {
  color: var(--color-teal);
  font-weight: var(--weight-medium);
  text-align: start;
}

/* --- Inline cookie settings control ---------------------------------------- */

.legal-actions {
  margin-block-start: var(--space-md);
}