/* =====================================================
   Legal pages — /terms, /privacy
   Rides styles.css tokens + the glossary term-page layout
   (.gl-term, .gl-label, .gl-prose) with headings/lists added.
   ===================================================== */

.legal-meta {
  font-family: var(--mono); font-size: 0.78rem; color: var(--ink-2);
  margin-bottom: 34px;
}

.gl-prose h2 {
  font-family: var(--body); font-weight: 700; letter-spacing: -0.01em;
  font-size: 1.4rem; line-height: 1.25; color: var(--ink);
  margin: 44px 0 14px;
}
.gl-prose h2:first-child { margin-top: 0; }
.gl-prose ul, .gl-prose ol {
  margin: 0 0 20px; padding-left: 22px;
}
.gl-prose li {
  font-size: 1.05rem; line-height: 1.7; margin-bottom: 10px;
}
.gl-prose li:last-child { margin-bottom: 0; }
.gl-prose li > ul, .gl-prose li > ol { margin: 10px 0 0; }
.gl-prose strong { font-weight: 700; }

@media (max-width: 640px) {
  .gl-prose h2 { font-size: 1.2rem; margin: 34px 0 12px; }
}