/* ============================================================
   LEGAL PAGES — /privacy-policy and /sms-terms (.legal-*).
   Same layout as Severn's legal.css, on Siegen Lane's tokens.
   ============================================================ */
.legal-main { padding: 64px 0 112px; }
@media (max-width: 720px) { .legal-main { padding: 40px 0 80px; } }

.legal { max-width: 720px; }

.legal__head { padding-bottom: 32px; margin-bottom: 8px; border-bottom: 1px solid var(--line-2); }
.legal__org {
  margin: 0;
  font-family: var(--font-display); font-style: italic;
  font-size: 1.3rem; line-height: 1.2; color: var(--brand-2);
}
.legal__head h1 { margin: 10px 0 0; letter-spacing: var(--display-tracking); }
.legal__date { margin: 16px 0 0; font-size: .95rem; color: var(--ink-3); }

.legal h2 { line-height: 1.15; margin: 48px 0 14px; }
.legal p, .legal li { font-size: 1.03rem; line-height: 1.7; color: var(--ink-2); }
.legal p { margin: 0; }
.legal p + p { margin-top: 14px; }
.legal ul { margin: 14px 0; padding-left: 22px; }
.legal ul + p { margin-top: 14px; }
.legal li { padding-left: 4px; }
.legal li + li { margin-top: 6px; }
.legal li::marker { color: var(--brand); }
.legal strong { color: var(--ink); font-weight: 600; }

/* /privacy-notice: the opening statement, sub-headings and the language-help list */
.legal__head + p { margin-top: 28px; }
.legal h3 { font-family: var(--font-text); font-size: 1.05rem; line-height: 1.4; font-weight: 600; color: var(--ink); margin: 28px 0 6px; }
.legal__langs { list-style: none; padding-left: 0; }
.legal__langs li { padding-left: 0; }

.legal a {
  color: var(--brand-2); text-decoration: underline;
  text-decoration-thickness: 1px; text-underline-offset: 3px;
  overflow-wrap: anywhere;
  transition: color .2s cubic-bezier(.16, 1, .3, 1), text-decoration-color .2s cubic-bezier(.16, 1, .3, 1);
}
.legal a:hover { color: var(--ink); text-decoration-color: var(--brand); }
.legal a:active { color: var(--brand); }
.legal a:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 4px; }

.legal__contact {
  margin-top: 18px; padding: 26px 28px;
  background: var(--surface-1); border: 1px solid var(--line);
  border-radius: var(--radius); box-shadow: var(--shadow);
}
.legal__contact-name { font-family: var(--font-display); font-weight: var(--display-weight); font-size: 1.4rem; line-height: 1.15; color: var(--ink); }
.legal__contact dl { margin: 14px 0 0; display: grid; grid-template-columns: max-content 1fr; gap: 8px 20px; }
.legal__contact dt { font-size: .9rem; line-height: 1.7; color: var(--ink-3); }
.legal__contact dd { margin: 0; font-size: 1rem; line-height: 1.6; color: var(--ink); }
@media (max-width: 480px) {
  .legal__contact { padding: 22px 20px; }
  .legal__contact dl { grid-template-columns: 1fr; gap: 0; }
  .legal__contact dd + dt { margin-top: 10px; }
}

.footer-links a[aria-current="page"] { color: var(--on-ink-strong); }