/* ============================================================
   LEGAL PAGES — legal.css
   Shared styles for cookie-policy and any future legal pages
   ============================================================ */

.legal-wrap {
  padding: calc(var(--nav-h) + 4rem) 0 6rem;
  background: var(--white);
}
.legal-header {
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  border-bottom: 0.5px solid var(--gray-200);
}
.legal-h1 {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 500; color: var(--near-black);
  letter-spacing: -0.3px; margin-bottom: 0.5rem;
}
.legal-meta {
  font-size: 13px; color: var(--gray-600);
}
.legal-body {
  max-width: 760px;
  display: flex; flex-direction: column; gap: 2.5rem;
}
.legal-section h2 {
  font-size: 17px; font-weight: 500;
  color: var(--near-black); margin-bottom: 0.875rem;
}
.legal-section p {
  font-size: 15px; color: var(--gray-800);
  line-height: 1.75; margin-bottom: 0.75rem;
}
.legal-section p:last-child { margin-bottom: 0; }
.legal-section a { color: var(--green-600); }
.legal-section a:hover { text-decoration: underline; }

.legal-table-wrap {
  overflow-x: auto;
  border-radius: var(--radius-md);
  border: 0.5px solid var(--gray-200);
  margin: 1rem 0;
}
.legal-table {
  width: 100%; border-collapse: collapse;
  font-size: 13px;
}
.legal-table th {
  background: var(--off-white);
  padding: 0.75rem 1rem;
  text-align: left; font-weight: 500;
  color: var(--near-black);
  border-bottom: 0.5px solid var(--gray-200);
  white-space: nowrap;
}
.legal-table td {
  padding: 0.75rem 1rem;
  color: var(--gray-800); line-height: 1.5;
  border-bottom: 0.5px solid var(--gray-200);
  vertical-align: top;
}
.legal-table tbody tr:last-child td { border-bottom: none; }
.legal-table code {
  font-family: monospace; font-size: 12px;
  background: var(--off-white); padding: 2px 6px;
  border-radius: 4px; color: var(--near-black);
}

.legal-consent-controls {
  display: flex; gap: 12px; flex-wrap: wrap;
  margin: 1.25rem 0 0.5rem;
}
.legal-consent-status {
  font-size: 13px; color: var(--green-600);
  font-weight: 500; min-height: 1.4em;
}
.legal-address {
  font-style: normal;
  font-size: 15px; color: var(--gray-800);
  line-height: 1.75; margin-top: 0.5rem;
}
.legal-address a { color: var(--green-600); }