.blog-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--space-4); align-items: start; }

.main-article { overflow: hidden; }
.main-article img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.main-article-body { padding: var(--space-3); }
.main-article-body h2 { margin-top: 0.3rem; }

.side-articles { display: flex; flex-direction: column; gap: var(--space-2); }
.side-article { display: grid; grid-template-columns: 120px 1fr; gap: var(--space-2); padding: var(--space-2); align-items: center; }
.side-article img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: var(--radius-sm); }
.side-article h3 { font-size: 1rem; margin-bottom: 0.3rem; }
.side-article p { font-size: 0.86rem; margin: 0; }

@media (max-width: 900px) {
  .blog-layout { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .side-article { grid-template-columns: 84px 1fr; }
}