/* Article-only typography; independent of the Tailwind CDN's optional plugins. */
.article-content { color: #334155; font-size: 1.125rem; line-height: 1.8; overflow-wrap: anywhere; min-width: 0; }
.article-content > :first-child { margin-top: 0; }
.article-content p, .article-content ul, .article-content ol, .article-content blockquote, .article-content pre, .article-content .article-table { margin: 1.25em 0; }
.article-content h2, .article-content h3, .article-content h4 { color: #0f172a; font-weight: 700; line-height: 1.3; margin: 1.75em 0 .65em; }
.article-content h2 { font-size: 1.65em; }
.article-content h3 { font-size: 1.3em; }
.article-content h4 { font-size: 1.1em; }
.article-content ul { list-style: disc; padding-left: 1.5em; }
.article-content ol { list-style: decimal; padding-left: 1.5em; }
.article-content li { padding-left: .2em; margin: .5em 0; }
.article-content li > ul, .article-content li > ol { margin: .5em 0; }
.article-content a { color: #075985; text-decoration: underline; text-underline-offset: .18em; }
.article-content a:hover { color: #0c4a6e; }
.article-content a:focus-visible, .article-content .article-table:focus-visible { outline: 3px solid #0369a1; outline-offset: 4px; }
.article-content strong { color: #0f172a; font-weight: 700; }
.article-content blockquote { border-left: 4px solid #cbd5e1; padding-left: 1em; }
.article-content pre { background: #f1f5f9; padding: 1em; border-radius: .5rem; overflow-x: auto; }
.article-content code { font-size: .9em; }
.article-content hr { border-top: 1px solid #cbd5e1; margin: 2em 0; }
.article-content .article-table { max-width: 100%; overflow-x: auto; border: 1px solid #cbd5e1; border-radius: .5rem; }
.article-content table { width: 100%; min-width: 36rem; border-collapse: collapse; font-size: .9em; line-height: 1.5; }
.article-content th, .article-content td { text-align: left; vertical-align: top; padding: .75em 1em; border-bottom: 1px solid #cbd5e1; }
.article-content th { background: #f1f5f9; color: #0f172a; font-weight: 700; }
.article-content tr:last-child td { border-bottom: 0; }
@media (max-width: 640px) { .article-content { font-size: 1rem; } }