.article-content ol{counter-reset:item}.article-content ol li{padding-left:40px}.article-content ol li::before{content:counter(item) ".";counter-increment:item;position:absolute;left:0;color:var(--primary);font-weight:700;font-size:1.2em}.animated-section{opacity:0;transform:translateY(30px);animation:fadeInSection .8s ease forwards}@media (max-width:768px){.blog-hero h1{font-size:2.5em}.featured-image{height:300px}}