.articles-page{ }

.hero-articles-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.hero-articles-text{max-width:520px}
.hero-feature{display:flex;flex-direction:column;gap:var(--space-2)}

.intro-articles-inner{max-width:700px;margin-inline:auto;text-align:center}

.featured-grid article{display:flex;flex-direction:column;gap:var(--space-2)}

.latest-list{display:flex;flex-direction:column;gap:var(--space-3)}
.latest-list article{max-width:800px}

.categories-grid{grid-template-columns:repeat(4,minmax(0,1fr));text-align:center}

.essay-card{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2);text-align:center}

.quote-articles blockquote{max-width:500px;margin-inline:auto;text-align:center;font-size:var(--fs-3)}

.newsletter-box{max-width:500px;margin-inline:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);text-align:center}
.newsletter-form{display:flex;gap:var(--space-2);flex-wrap:wrap}
.newsletter-form input{flex:1}

.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}

@media(max-width:900px){
.hero-articles-grid{grid-template-columns:1fr}
.categories-grid{grid-template-columns:1fr 1fr}
.footer-grid{grid-template-columns:1fr}
}