html { scroll-behavior: smooth; }
.article-content h2 { margin-top: 38px; font-size: 26px; line-height: 1.25; font-weight: 700; color: #f9fafb; }
.article-content h3 { margin-top: 28px; font-size: 19px; line-height: 1.4; font-weight: 700; color: #f9fafb; }
.article-content p { margin-top: 16px; }
.article-content ul, .article-content ol { margin-top: 16px; padding-left: 24px; }
.article-content ul { list-style: disc; }
.article-content ol { list-style: decimal; }
.article-content li + li { margin-top: 9px; }
.article-content a { color: #60a5fa; }
.article-content code { border-radius: 6px; background: #0b1120; padding: 2px 7px; color: #bfdbfe; }
.article-content pre { margin-top: 16px; overflow-x: auto; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: #0b1120; padding: 18px; color: #bfdbfe; }
.article-content pre code { padding: 0; background: transparent; }
.article-note { margin-top: 22px; border-left: 3px solid #3b82f6; border-radius: 0 14px 14px 0; background: rgba(59,130,246,.09); padding: 16px 18px; }
:focus-visible { outline: 2px solid #60a5fa; outline-offset: 3px; }
@media (min-width: 640px) { .article-content h2 { font-size: 30px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }