/* ============================================================
   tevyy® — plain text pages (privacy policy, 404)
   builds on style.css + case.css (.casepage, .cfoot)
   ============================================================ */

.legal { max-width: 760px; margin: 0 auto; padding: 9rem var(--pad) clamp(4rem, 9vh, 6rem); }
.legal__kick { font-size: 0.72rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 1.4rem; }
.legal__title {
  font-family: var(--grotesk); font-weight: 700; text-transform: uppercase;
  font-size: clamp(2.6rem, 7vw, 4.6rem); letter-spacing: -0.04em; line-height: 0.96;
}
.legal__title em {
  font-family: var(--serif); font-style: italic; font-weight: 420; text-transform: none;
  letter-spacing: -0.01em; color: var(--accent); font-size: 0.62em; vertical-align: 0.1em; margin-right: 0.14em;
}
.legal__lede {
  font-family: var(--serif); font-style: italic; font-weight: 460;
  font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.5; color: var(--ink-soft);
  margin: 1.4rem 0 3rem; max-width: 46ch;
}
.legal section { border-top: 1px solid var(--line); padding: 1.8rem 0 0.4rem; }
.legal h2 { font-family: var(--grotesk); font-weight: 700; font-size: 1.25rem; letter-spacing: -0.02em; margin-bottom: 0.9rem; }
.legal p, .legal li { font-size: 1rem; line-height: 1.7; color: var(--ink); }
.legal p + p { margin-top: 0.8rem; }
.legal ul { list-style: disc; padding-left: 1.3rem; margin: 0.6rem 0 0.8rem; display: grid; gap: 0.45rem; }
.legal p a, .legal li a { color: var(--accent-ink); border-bottom: 1px solid currentColor; }
.legal__actions { display: flex; gap: 0.8rem; flex-wrap: wrap; margin-top: 2rem; }
.legalpage .cfoot a { color: var(--accent-ink); }
@media (max-width: 640px) { .legal { padding-top: 6.5rem; } }