/* The data statement (plan 8, Task 20): one printable column, readable at 375 px. Tokens are tokens.css's, dark mode included. */
body.data { background: var(--paper); color: var(--ink); margin: 0; }
.data-page { max-width: 44rem; margin: 0 auto; padding: 24px 16px 48px; font: 16px/1.5 var(--body); overflow-wrap: break-word; }
.data-page h1, .data-page h2 { font-family: var(--head); }
.data-page h1 { font-size: 1.5rem; margin: 0 0 8px; }
.data-page h2 { font-size: 1.15rem; margin: 28px 0 8px; }
.data-page p { margin: 0 0 10px; }
.data-page ul { padding-left: 20px; margin: 0 0 10px; }
.data-page li { margin-bottom: 6px; }
.data-page .lede, .data-page .alt { color: var(--muted); }
.data-page .alt { margin-top: 32px; }
.data-page a { color: var(--blue); }
.data-page blockquote { margin: 8px 0 12px; padding: 8px 12px; border-left: 3px solid var(--blue); background: var(--card); }
.marks dt { font: 600 14px var(--mono); color: var(--blue); margin-top: 12px; overflow-wrap: anywhere; }
.marks dd { margin: 2px 0 0; }
@media print { .data-page { max-width: none; padding: 0; } .data-page a { color: inherit; } }