/* Compatibility only — the original app.css remains unchanged. */
html { overflow-x: clip; }
body.admin-bar header.fixed { top: 32px; }
@media (max-width: 782px) { body.admin-bar header.fixed { top: 46px; } }
.afsal-article h2 { font-family: "Space Grotesk", sans-serif; font-size: 28px; font-weight: 700; line-height: 1.375; margin: 40px 0 16px; color: #fff; }
.afsal-article h3 { font-family: "Space Grotesk", sans-serif; font-size: 23px; font-weight: 700; margin: 28px 0 12px; }
.afsal-article p, .afsal-article li { color: rgba(255,255,255,.65); font-size: 17px; line-height: 1.85; }
.afsal-article p { margin-bottom: 20px; }
.afsal-article ul, .afsal-article ol { margin: 12px 0 24px; padding-left: 24px; list-style: revert; }
.afsal-article a { color: #C6F135; text-decoration: underline; }
.afsal-article img { max-width: 100%; height: auto; border-radius: 16px; }
.afsal-article blockquote { border-left: 3px solid #C6F135; padding-left: 20px; margin: 24px 0; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .reveal { opacity: 1 !important; transform: none !important; } }