/* The /learn articles and /data pages (components/learn/LearnPage): the drawing sheet with a readable measure (about 70ch) for the running text, tables drawn as sheets, a visible placeholder for a missing fact. Tokens only. */
main[data-page^="learn-"], main[data-page^="data-"] { --measure: 70ch; }
main[data-page^="learn-"] .lead, main[data-page^="data-"] .lead { font-size: 18px; max-width: var(--measure); }
main[data-page^="learn-"] .updated, main[data-page^="data-"] .updated { margin: var(--vit-space-3) 0 0; font-family: var(--vit-f-heb); font-size: 14px; color: var(--vit-ink-2); }
main[data-page^="learn-"] .updated time, main[data-page^="data-"] .updated time { font-family: var(--vit-f-mono); direction: ltr; unicode-bidi: isolate; }
main[data-page^="learn-"] .ss-body p, main[data-page^="learn-"] .ss-body ul, main[data-page^="learn-"] .ss-body ol,
main[data-page^="data-"] .ss-body p, main[data-page^="data-"] .ss-body ul, main[data-page^="data-"] .ss-body ol { max-width: var(--measure); line-height: 1.75; }
main[data-page^="learn-"] code, main[data-page^="data-"] code { font-family: var(--vit-f-mono); direction: ltr; unicode-bidi: isolate; }
main[data-page^="learn-"] .qa h3, main[data-page^="data-"] .qa h3 { margin: var(--vit-space-4) 0 var(--vit-space-1); font-size: 17px; max-width: var(--measure); }
main[data-page^="learn-"] .qa p, main[data-page^="data-"] .qa p { margin: 0; }
main[data-page^="learn-"] .more, main[data-page^="data-"] .more { margin: 0; padding-inline-start: 1.2em; }
main .table-wrap { overflow-x: auto; margin: var(--vit-space-4) 0; border: 1.5px solid var(--vit-ink); background: var(--vit-paper); }
main .table-wrap:focus-visible { outline: 2px solid var(--vit-clay); outline-offset: 2px; }
main .table-wrap table { border-collapse: collapse; width: 100%; min-width: 34rem; font-size: 15px; }
main .table-wrap caption { text-align: start; padding: 8px var(--vit-space-3); border-bottom: 1.5px solid var(--vit-ink); font-weight: 600; background: var(--vit-paper-2); }
main .table-wrap th, main .table-wrap td { padding: 8px var(--vit-space-3); border: 1px solid var(--vit-ink-3); text-align: start; vertical-align: top; }
main .table-wrap thead th { background: var(--vit-paper-2); font-weight: 600; }
main .table-wrap tbody th { font-weight: 600; }
main .need { margin: var(--vit-space-3) 0; padding: var(--vit-space-3); border: 1.5px dashed var(--vit-clay-ink); background: var(--vit-paper-2); color: var(--vit-ink); max-width: var(--measure); }