/* ──────────────────────────────────────────────
   DJ GQ WORLDWIDE — legal.css
   Shared layout for the Privacy / Cookie / Accessibility pages.
   ────────────────────────────────────────────── */

.legal{
  max-width: 860px; margin: 0 auto;
  padding: clamp(56px, 10vh, 110px) var(--pad) clamp(48px, 8vw, 90px);
}
.legal h1{
  font-size: clamp(34px, 5vw, 54px); font-weight: 600;
  letter-spacing: -.01em; line-height: 1.05; margin: 0 0 10px; color: var(--ink);
}
.legal__updated{
  font-size: 12px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--ink-3); margin: 0 0 34px;
}
.legal h2{
  font-size: 19px; font-weight: 600; color: var(--ink); margin: 38px 0 12px;
}
.legal p, .legal li{
  font-size: 15.5px; font-weight: 300; line-height: 1.7; color: var(--ink-2);
}
.legal ul{ padding-left: 22px; margin: 10px 0; }
.legal li{ margin-bottom: 6px; }
.legal a{
  color: var(--ink); border-bottom: 1px solid var(--line);
  transition: color .2s ease, border-color .2s ease;
}
.legal a:hover{ color: var(--accent); border-color: var(--accent); }

.legal__scroll{ overflow-x: auto; }
.legal table{
  width: 100%; border-collapse: collapse; font-size: 14px; margin: 14px 0 6px;
}
.legal th, .legal td{
  text-align: left; padding: 10px 12px; border: 1px solid var(--line);
  color: var(--ink-2); font-weight: 300; vertical-align: top;
}
.legal th{
  color: var(--ink); font-weight: 600; font-size: 12.5px;
  letter-spacing: .08em; text-transform: uppercase;
}

.legal__btn{
  font-family: inherit; cursor: pointer;
  font-size: 11.5px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
  color: #0B0B0B; background: var(--accent);
  border: 0; border-radius: 6px; padding: 10px 16px;
  transition: opacity .2s ease;
}
.legal__btn:hover{ opacity: .85; }