@import url('../article-1.css');

html.js #main-content > .article-page { opacity: 1; transform: none; }
.eco-article .article-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(400px, .95fr); }
.eco-article .article-figure--quick { grid-column: 1 / -1; margin: 0; }
.eco-article .article-figure--quick img { width: 100%; height: 220px; object-fit: cover; }
.eco-article .article-callout { margin: 25px 0; padding: 17px 20px; border-left: 4px solid var(--color-primary); color: var(--color-muted); background: var(--color-soft); }
.eco-article .article-checklists { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 26px 0; }
.eco-article .article-checklists > div { padding: 22px; border: 1px solid var(--color-line); border-radius: 18px; background: #fff; }
.eco-article .article-checklists h3 { margin-top: 0; }
.eco-article .article-checklists ul { margin-bottom: 0; }
.eco-article .related-articles__intro-image { display: block; width: 100%; height: 220px; margin-bottom: 28px; border-radius: var(--radius-large); object-fit: cover; }
@media (max-width: 800px) { .eco-article .article-hero__grid { grid-template-columns: 1fr; } .eco-article .article-figure--quick img { height: 190px; } }
@media (max-width: 620px) { .eco-article .article-figure--quick img { height: 165px; } .eco-article .article-checklists { grid-template-columns: 1fr; } .eco-article .related-articles__intro-image { height: 175px; } }