.document-shell { max-width: 1040px; margin: auto; padding: 32px 28px 72px; }
.document-nav { display: flex; flex-wrap: wrap; gap: 12px 24px; padding-bottom: 24px; border-bottom: 1px solid var(--rule); }
.publication-note { margin: 28px 0 38px; padding: 20px 24px; background: var(--draft-paper); border-left: 3px solid var(--draft-ink); }
.document-shell article { font-size: 16px; line-height: 1.7; }
.document-shell article h1 { font-size: clamp(34px, 7vw, 58px); line-height: 1.12; margin: 0 0 26px; letter-spacing: -.04em; }
.document-shell article h2 { margin: 44px 0 18px; padding-top: 26px; border-top: 1px solid var(--rule); font-size: 27px; }
.document-shell article h3 { margin: 28px 0 12px; font-size: 21px; }
.document-shell article p, .document-shell article ul, .document-shell article ol { margin: 0 0 18px; }
.document-shell article li { margin: 5px 0; }
.document-shell article code { overflow-wrap: anywhere; }
.document-shell article pre { padding: 20px; background: var(--field); overflow: auto; white-space: pre; }
.document-shell article pre code { overflow-wrap: normal; }
.document-shell article table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; margin: 24px 0; font-size: 14px; }
.document-shell article th, .document-shell article td { padding: 12px; border-bottom: 1px solid var(--rule); text-align: left; vertical-align: top; }
.document-shell article th { background: var(--field); }
.document-shell article blockquote { margin: 20px 0; border-left: 2px solid var(--rule); padding-left: 22px; color: var(--muted); }
.document-shell article video { display: block; width: 100%; aspect-ratio: 16 / 9; background: var(--field); margin: 20px 0; }
.document-shell footer { margin-top: 48px; border-top: 1px solid var(--rule); padding-top: 24px; font-size: 13px; color: var(--muted); }
@media (max-width: 600px) { .document-shell { padding: 22px 18px 48px; } .publication-note { padding: 16px; } .document-shell article { font-size: 15px; } }