/* Privacy and terms pages. Builds on styles.css (tokens, bar, buttons). */

.l-main { padding-block: clamp(3rem, 8vw, 6rem) calc(var(--section) / 2); }
.l-title { font-size: var(--step-head); max-width: 14em; }
.l-lede { font-size: var(--step-lead); line-height: 1.35; max-width: 34ch; margin-top: 1.5rem; }
.l-date { margin-top: 1.25rem; font-size: var(--step-small); color: var(--muted); }
.l-body { margin-top: clamp(2.5rem, 6vw, 4.5rem); max-width: 62ch; }
.l-body h2 { font-size: var(--step-lead); letter-spacing: -0.02em; line-height: 1.2; margin-top: 2.75rem; }
.l-body h2:first-child { margin-top: 0; }
.l-body p, .l-body ul { margin: 0.9rem 0 0; }
.l-body ul { padding-left: 1.2rem; }
.l-body li + li { margin-top: 0.5rem; }
.l-body a { text-underline-offset: 0.18em; text-decoration-thickness: 0.07em; }
.l-body a:hover { color: var(--accent); }
.l-body code { font-size: 0.9em; background: var(--surface); padding: 0.05em 0.35em; border-radius: var(--radius); }
.l-body strong { font-weight: 600; }

.l-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem 2rem; padding: 28px var(--margin) 36px; border-top: 1px solid var(--surface-2); font-size: var(--step-small); color: var(--muted); }
.l-foot nav { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.l-foot a:hover { color: var(--ink); }

@media (max-width: 560px) {
  .l-bar .bar-links .link { display: none; }
}