/* Support + Privacy: the same world, set for reading. */
.legal { padding: 40px 16px 64px; }
.legal .wrap {
  max-width: 760px; margin-inline: auto;
  background: var(--paper); border: var(--line) solid var(--ink); border-radius: 6px;
  box-shadow: 0 14px 30px rgba(18, 15, 28, .16);
  padding: 28px 22px 36px;
}
.legal h1 {
  font-family: var(--display); font-weight: 400; font-size: clamp(2.4rem, 9vw, 3.6rem); line-height: 1;
  text-transform: uppercase; margin-bottom: 6px;
}
.legal h2 { font-family: var(--display); font-weight: 400; font-size: 1.6rem; line-height: 1.1; margin: 34px 0 10px; }
.legal h3 { font-family: var(--display); font-weight: 400; font-size: 1.25rem; margin: 24px 0 8px; }
.legal p, .legal li { font-size: 1.02rem; line-height: 1.65; max-width: 68ch; }
.legal p + p { margin-top: 12px; }
.legal ul, .legal ol { list-style: disc; padding-left: 1.3em; margin: 10px 0; }
.legal li + li { margin-top: 6px; }
.legal a { color: var(--violet); font-weight: 700; text-underline-offset: 3px; }
.legal .updated { display: inline-block; font-size: .85rem; font-weight: 700; color: #57507a; margin-bottom: 18px; }
.legal .intro-banner {
  background: var(--gold); border: 3px solid var(--ink); border-radius: 6px;
  padding: 14px 16px; font-weight: 600;
}
.legal table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: .95rem; }
.legal th, .legal td { border: 2px solid var(--ink); padding: 8px 10px; text-align: left; vertical-align: top; }
.legal th { background: var(--cyan); font-weight: 800; }
.footer { padding-bottom: 40px; }
@media (min-width: 760px) { .legal .wrap { padding: 40px 48px 48px; } }

.legal-availability{display:flex;flex-direction:column;align-items:center;gap:8px}.legal-disclosure{font-size:10px;line-height:1.5;color:var(--ink);text-align:center;max-width:220px}.masthead .legal-availability{margin-left:auto}@media(max-width:600px){.legal-availability{width:100%;margin-left:0}.legal-disclosure{max-width:none}}
