/* Article extras: hero image, table of contents, related links, sources, update note */
.post-hero { margin: 0 0 30px; }
.post-hero img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 12px; margin: 0 auto; }
.post-content a { color: #2563eb; text-decoration: underline; text-underline-offset: 2px; }
.post-content a:hover { color: #1d4ed8; }
.post-content h2, .post-content h3 { scroll-margin-top: 96px; }
.post-updated { margin-left: 15px; }
.toc { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px 22px; margin: 26px 0; }
.toc-title { margin: 0 0 8px; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #0f172a; }
.toc ol { margin: 0; padding-left: 20px; font-size: 0.98rem; line-height: 1.75; }
.toc a { text-decoration: none; }
.toc a:hover { text-decoration: underline; }
.update-note { margin: 26px 0; border-left: 4px solid #bf9456; }
.update-note p { margin: 0; }
.post-next { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin: 44px 0 8px; padding-top: 28px; border-top: 1px solid #e2e8f0; }
.post-next h3 { margin: 0 0 12px; font-size: 1.05rem; color: #0f172a; }
.related-list { list-style: none; margin: 0; padding: 0; }
.related-list li { margin: 0 0 10px; line-height: 1.45; }
.related-list a { color: #2563eb; font-weight: 600; text-decoration: none; }
.related-list a:hover { text-decoration: underline; }
.post-sources { margin: 26px 0 8px; font-size: 0.92rem; color: #475569; }
.post-sources h3 { margin: 0 0 8px; font-size: 1rem; color: #0f172a; }
.post-sources ul { margin: 0; padding-left: 20px; line-height: 1.7; }
.post-sources a { color: #2563eb; }
@media (max-width: 640px) {
    .post-next { grid-template-columns: 1fr; gap: 20px; }
    .toc { padding: 16px 18px; }
}
.post-content .info-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px 22px; margin: 24px 0; }
.post-content .info-box h4 { margin: 0 0 8px; font-size: 1.02rem; color: #0f172a; }
.post-content .info-box ul { margin-bottom: 0; }
.post-content .update-note { background: #fffaf0; border: 1px solid #f1e3c8; border-left: 4px solid #bf9456; }