/* ============================================================
   terms.css — TERMS & CONDITIONS page-specific styles.
   Shared chrome + page-hero + banner + primitives in /site.css.
   ============================================================ */

.legal { padding: 70px 0 96px; }
.legal-wrap { max-width: 824px; margin: 0 auto; }
.legal-title {
  font-family: var(--sans); font-weight: 500;
  font-size: 30px; line-height: 38px; letter-spacing: -0.02em; color: var(--ink);
  margin-bottom: 28px;
}
.legal-h { font-weight: 700; font-size: 18px; letter-spacing: -0.02em; color: var(--ink); margin: 28px 0 10px; }
.legal-sub { font-weight: 600; font-size: 20px; letter-spacing: -0.02em; color: var(--ink); margin: 28px 0 12px; }

.legal ol, .legal ul { margin: 0 0 4px; padding-left: 26px; }
.legal > .legal-wrap > ol { padding-left: 22px; }
.legal li { color: var(--ink-soft); font-size: 15px; line-height: 23px; margin-bottom: 8px; padding-left: 6px; }
.legal li > ol, .legal li > ul { margin-top: 8px; }
.legal ol ol { list-style: lower-alpha; }
.legal li li { margin-bottom: 5px; }
.legal p { color: var(--ink-soft); font-size: 14px; line-height: 22px; margin-bottom: 12px; }
.legal a { color: var(--navy); text-decoration: underline; text-underline-offset: 2px; word-break: break-word; }

@media (max-width: 900px) { .legal-wrap { max-width: 100%; } }