/* Small notebook additions; the blog layout and controls are the upstream Butterfly theme. */
#article-container { font-size: 16px; line-height: 1.9; }
#article-container math[display='block'] { display: block; overflow-x: auto; padding: 18px 0; }
#article-container pre { overflow-x: auto; }
#article-container .project-links { display: flex; flex-wrap: wrap; gap: 14px; margin: 24px 0; }
#article-container .project-links a { display: inline-block; padding: 9px 18px; border: 1px solid var(--theme-color); border-radius: 8px; }
#article-container .research-intro { padding: 20px 24px; border-left: 4px solid var(--theme-color); background: var(--blockquote-bg); border-radius: 0 8px 8px 0; }
#article-container .vue-figure :focus-visible { outline: 2px solid #49b1f5; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0s !important; transition-duration: 0s !important; } }