.blog-index .wrap{gap:18px;display:grid}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.blog-topics{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.blog-topic{border:1px solid var(--line-strong);background:var(--paper);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:14px;transition:background-color .15s,border-color .15s,color .15s}.blog-topic:hover{border-color:var(--ink)}.blog-topic.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.blog-empty{justify-items:start;gap:12px;padding:40px;display:grid}.blog-empty p{color:var(--ink-soft);font-size:18px}@media (width<=1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.blog-grid{grid-template-columns:1fr}}