.blog-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:55px}.blog-list{display:grid;gap:20px}.blog-item{display:grid;grid-template-columns:180px 1fr;gap:25px;padding:22px;background:var(--paper);text-decoration:none}.blog-thumb{width:100%;height:150px;object-fit:cover}.blog-item h2{margin:8px 0 10px;font-size:1.75rem}.blog-meta{color:var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.blog-filter{padding:24px;background:var(--paper)}.blog-filter label{display:block;margin-bottom:16px;font-size:.78rem;font-weight:700;text-transform:uppercase}.blog-filter input,.blog-filter select{width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);background:#fff}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 280px;gap:70px}.article-cover{width:100%;max-height:450px;margin-bottom:42px;object-fit:cover}.article-content h2{margin:44px 0 16px;font-size:2rem}.article-content p,.article-content li{font-size:1.08rem}.article-content ul{padding-left:22px}.article-aside{align-self:start;padding:25px;background:var(--paper);border-top:3px solid var(--gold)}@media(max-width:850px){.blog-shell,.article-layout{grid-template-columns:1fr}.blog-filter{order:-1}}@media(max-width:600px){.blog-item{grid-template-columns:1fr}.blog-thumb{height:210px}}
