/* ─────────────────────────────────────────────────────────────
   legal.css — single-column readable layout for /privacy and
   /terms. Reuses landing.css design tokens (--font-*, --ink-*,
   --rail, --accent, --line, --surface-2). Keep narrow and
   long; these pages are read end-to-end.
   ───────────────────────────────────────────────────────────── */

.dw-legal__opening {
  max-width: 720px;
  margin: 0 auto;
  padding: 72px var(--rail) 40px;
}

.dw-legal__title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(36px, 5vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.015em;
  margin: 0 0 20px;
  color: var(--ink);
}

.dw-legal__lede {
  font-family: var(--font-reader);
  font-style: italic;
  font-size: clamp(17px, 1.6vw, 20px);
  line-height: 1.55;
  color: var(--ink-2);
  margin: 0 0 24px;
}

.dw-legal__byline {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.4px;
  color: var(--ink-3);
  border-top: 0.5px solid var(--line);
  padding-top: 16px;
}

.dw-legal__doc {
  max-width: 720px;
  margin: 0 auto;
  padding: 8px var(--rail) 64px;
  font-family: var(--font-reader);
  font-size: 17px;
  line-height: 1.72;
  color: var(--ink);
}

.dw-legal__sec {
  margin-bottom: 36px;
}

.dw-legal__sec p {
  margin: 0 0 1em;
}

.dw-legal__sec a {
  color: var(--accent-ink, var(--accent));
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 3px;
}
.dw-legal__sec a:hover { text-decoration-thickness: 1px; }

.dw-legal__sec em {
  font-style: italic;
  color: var(--ink);
}

.dw-legal__sec code {
  font-family: var(--font-mono);
  font-size: 0.9em;
  background: var(--surface-2);
  padding: 1px 6px;
  border-radius: 4px;
  color: var(--accent-ink, var(--accent));
}

.dw-legal__h2 {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.005em;
  margin: 0 0 12px;
  color: var(--ink);
}

.dw-legal__list {
  margin: 0 0 1em;
  padding-left: 1.2em;
}
.dw-legal__list li {
  margin-bottom: 0.5em;
}

@media (max-width: 720px) {
  .dw-legal__opening { padding: 48px var(--rail) 28px; }
  .dw-legal__doc { font-size: 16px; padding-bottom: 40px; }
  .dw-legal__h2 { font-size: 20px; }
}