/* The /data page: how Anshira's agent handles data, in plain words. Same discipline as the rest: hairlines, mono for labels, no cards or badges. */
.dp { padding: 40px 0 72px; }
.dp-wrap { max-width: 880px; }
.dp-h1 { font-size: clamp(2rem, 4.6vw, 3rem); line-height: 1.04; letter-spacing: -0.03em; }
.dp-h1 .turn { display: block; }
.dp-lede { margin-top: 18px; max-width: 62ch; font-size: 1.0625rem; }
.dp section { margin-top: 44px; }
.dp h2 { font-size: 1.375rem; line-height: 1.2; letter-spacing: -0.02em; }
.dp section > ul, .dp section > p { margin-top: 14px; }
.dp ul { padding-left: 1.2em; margin-bottom: 0; }
.dp li { margin: 8px 0; max-width: 70ch; }
.dp p { max-width: 70ch; }
.dp b { color: var(--an-ink); font-weight: 600; }
.dp-short { padding: 22px 24px; background: var(--an-paper); border: 1px solid var(--an-line-2); border-radius: var(--an-r-m); }
.dp-short h2 { font-size: 1.125rem; }
.dp-rows { margin-top: 16px; background: var(--an-paper); border: 1px solid var(--an-line-2); border-radius: var(--an-r-m); }
.dp-r { display: grid; grid-template-columns: 1.1fr 1.2fr 1.1fr 1.4fr; gap: 0 20px; padding: 16px 20px; border-top: 1px solid var(--an-line); font-size: 0.9375rem; line-height: 1.5; }
.dp-r:first-child { border-top: 0; }
.dp-head { padding-block: 10px; font: 400 0.6875rem var(--an-mono); color: var(--an-muted); background: var(--an-panel); border-radius: var(--an-r-m) var(--an-r-m) 0 0; }
.dp-what b { display: block; }
.dp-foot { margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--an-line); font-size: 0.9375rem; color: var(--an-muted); }
.dp-foot a { color: inherit; }
.dp-foot .dot { margin-inline: 0.3em; }
@media (max-width: 860px) {
  .dp { padding-top: 24px; }
  .dp-head { display: none; }
  .dp-r { grid-template-columns: minmax(0, 1fr); gap: 8px 0; padding: 16px; }
  .dp-r > span[data-l]::before { content: attr(data-l); display: block; font: 400 0.6875rem var(--an-mono); color: var(--an-muted); margin-bottom: 1px; }
  .dp-short { padding: 18px; }
}