/* Static documents: their existing single-column flow, using the reference sections. */
.doc { max-width: 56rem; margin: 0 auto; padding: var(--s4); }
.doc.legal { max-width: 740px; }
.doc .topbar { margin-bottom: var(--s8); gap: var(--s4); }
.doc h1 { font-size: var(--t3); font-weight: var(--w-display); line-height: var(--lh3); margin-bottom: var(--s5); }
.doc .section h2 { font-size: var(--t3); font-weight: var(--w-display); line-height: var(--lh3); }
.doc h3 { font-size: var(--t1); line-height: var(--lh1); margin-top: var(--s5); }
.doc p, .doc li { font-family: var(--text); font-size: var(--t0); line-height: var(--lh0); }
.doc p + p { margin-top: var(--s4); }
.doc .lede, .doc .opening { font-size: var(--t1); line-height: var(--lh1); margin-bottom: var(--s5); }
.doc .opening, .doc .pullquote { font-style: italic; }
.doc .stamp, .doc .sub, .doc .fine { font-family: var(--mono); font-size: var(--t-1); line-height: var(--lh-1); color: var(--ink-soft); }
.doc .stamp { margin-bottom: var(--s6); }
.doc .note, .doc .toc { margin-block: var(--s5); background: var(--paper); border: 0; }
.doc .note .lbl, .doc .toc .lbl { display: block; font-weight: var(--w-label); margin-bottom: var(--s3); }
.doc .toc ol { columns: 2; column-gap: var(--s5); padding-left: var(--s5); }
.doc .toc li { break-inside: avoid; }
.doc li { margin-bottom: var(--s3); }
.doc .toc a, .doc .back, .doc a.solo, footer a { display: inline-flex; align-items: center; min-height: var(--tap); }
.doc table { margin-block: var(--s5); }
.doc .rule { margin-top: var(--s7); }
.doc .close { text-align: center; border-top: 1px solid var(--rule); padding-block: var(--s7); }
.doc .close .line { font-size: var(--t2); line-height: var(--lh2); }
.doc .seal { margin-block: var(--s5); }
.doc .foot, footer { border-top: 1px solid var(--rule); margin-top: var(--s8); padding-block: var(--s6); font-size: var(--t-1); color: var(--ink-soft); }
footer { padding-inline: var(--s4); text-align: center; }
footer .links { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s2) var(--s5); }
footer .fine { margin: var(--s4) auto 0; font-size: var(--t-1); color: var(--ink-soft); }
@media (min-width: 760px) { .doc { padding: var(--s7); } }
@media (max-width: 600px) { .doc .toc ol { columns: 1; } }