.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.article-card-media{aspect-ratio:16/10;background:#e9eee9;overflow:hidden}.article-card-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.article-card:hover img{transform:scale(1.03)}.article-card-body{padding:24px}.article-card h2,.article-card h3{font-size:21px;line-height:1.45;margin:8px 0}.article-card p{color:var(--muted);font-size:14px}.read-more{color:var(--green);font-weight:700;font-size:14px}.center-button{text-align:center;margin-top:36px}.article-page{max-width:980px}.article-header{text-align:center;max-width:800px;margin:0 auto 40px}.article-header h1{font-size:clamp(34px,5vw,56px);line-height:1.3;margin:14px 0}.article-meta{color:var(--muted);font-size:14px}.article-hero{margin-bottom:50px}.article-hero img{width:100%;max-height:620px;object-fit:cover;border-radius:var(--radius)}.article-content{font-size:17px}.article-content h2{margin-top:2.5em;font-size:30px}.article-content h3{margin-top:2em}.article-back{text-align:center;margin-top:60px}.pagination{text-align:center;margin-top:40px}@media(max-width:800px){.article-grid{grid-template-columns:1fr}}