/* Fixed presentation for validated document HTML; authored attributes never supply CSS. */
.document-content { min-width: 0; line-height: 1.8; overflow-wrap: anywhere; }
.document-content p, .document-content ul, .document-content ol,
.document-content blockquote, .document-content pre, .document-content .document-table-scroll,
.document-content .document-video, .document-content img { margin-block: 1rem; }
.document-content h2, .document-content h3, .document-content h4 { font-weight: 700; line-height: 1.4; margin-block: 1.5rem .75rem; scroll-margin-top: 1rem; }
.document-content h2 { font-size: 1.5rem; }
.document-content h3 { font-size: 1.25rem; }
.document-content h4 { font-size: 1.125rem; }
.document-content ul { list-style-type: disc; padding-inline-start: 1.75rem; }
.document-content ol { list-style-type: decimal; padding-inline-start: 1.75rem; }
.document-content li > p { margin-block: .25rem; }
.document-content blockquote { border-inline-start: 3px solid currentColor; padding-inline-start: 1rem; }
.document-content a { text-decoration: underline; text-underline-offset: .2em; }
.document-content code { font-family: ui-monospace, monospace; font-size: .9em; background: #f0f0f0; color: #171717; }
.document-content pre { max-width: 100%; overflow-x: auto; white-space: pre; padding: 1rem; border: 1px solid currentColor; background: #f0f0f0; color: #171717; }
.document-content pre code { white-space: pre; overflow-wrap: normal; }
.document-content img { display: block; max-width: 100%; height: auto; }
.document-content .document-video { aspect-ratio: 4 / 3; max-width: 640px; }
.document-content .document-video iframe { width: 100%; height: 100%; border: 0; }
.document-content .document-table-scroll { max-width: 100%; overflow-x: auto; }
.document-content table { border-collapse: collapse; min-width: 100%; }
.document-content th, .document-content td { border: 1px solid currentColor; padding: .5rem .75rem; min-width: 8rem; vertical-align: top; }
.document-content th { font-weight: 700; }
.document-content th > :first-child, .document-content td > :first-child { margin-top: 0; }
.document-content th > :last-child, .document-content td > :last-child { margin-bottom: 0; }
.document-content .document-align-left { text-align: left; }
.document-content .document-align-center { text-align: center; }
.document-content .document-align-right { text-align: right; }
.document-content :focus-visible, .document-preview :focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
