/* Privacy page for /dsb (12-11-2026). Builds on style.css: same bar, type, cards and ticks. */
.topbar__back { flex: none; }
.legal { padding: calc(var(--top) + 40px) 0 64px; }
.legal__head { padding-bottom: 28px; }
.legal__head h1 { font-size: clamp(34px, 8.4vw, 60px); font-weight: 800; max-width: 16ch; text-wrap: balance; }
.legal__meta { margin-top: 14px; font-size: 13px; color: var(--faint); }
.legal__grid { display: grid; gap: 28px; margin-top: 32px; }
.legal__card .ticks li { color: #d9dce2; }
.legal__card .card__note { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); }
.prose { max-width: 68ch; }
.prose h2 { font-size: clamp(22px, 4.6vw, 28px); font-weight: 800; margin: 40px 0 12px; }
.prose h2:first-child { margin-top: 0; }
.prose p, .prose li { color: #c9ced6; font-size: 16.5px; }
.prose p + p { margin-top: 12px; }
.prose ul { margin: 12px 0 0; padding-left: 20px; }
.prose li + li { margin-top: 6px; }
.prose a { color: var(--text); text-decoration-color: var(--red-2); text-underline-offset: 3px; }
.prose a:hover { color: var(--red-2); }
.prose .quiet { font-size: 14.5px; color: var(--faint); }
@media (min-width: 900px) {
  .legal { padding: calc(var(--top) + 64px) 0 96px; }
  .legal__grid { grid-template-columns: minmax(0, 1fr) 340px; gap: 64px; align-items: start; }
  .legal__card { order: 2; position: sticky; top: calc(var(--top) + 24px); }
}
.prose ul + p { margin-top: 14px; }