.blog-header{background:var(--brand-bg-alt)}.blog-header p{max-width:760px}.blog-sidebar{position:sticky;top:100px;padding:22px;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.recent-note{display:block;padding:12px 0;border-bottom:1px solid var(--brand-border)}.recent-note span{display:block;color:var(--brand-primary-dark);font-size:.84rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag-cloud span{padding:6px 10px;background:var(--brand-bg-alt);border-radius:999px;font-size:.84rem}.blog-card{display:grid;grid-template-columns:120px minmax(0,1fr);grid-gap:22px;gap:22px;padding:24px;margin-bottom:20px;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.blog-card__date{color:var(--brand-text-inverse);background:var(--brand-primary);border-radius:12px;padding:12px;text-align:center;font-weight:800}.blog-card__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.blog-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.blog-pagination a{padding:8px 12px;border:1px solid var(--brand-border);border-radius:10px}.blog-pagination a.active{color:var(--brand-text-inverse);background:var(--brand-primary)}@media (max-width:767px){.blog-card{grid-template-columns:1fr}}