.blog-collection{max-width:1280px;margin:40px auto 80px;padding:0 24px}.blog-collection h1{font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1.3;margin-bottom:24px}.blog-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;padding:0;list-style:none}.blog-filters button{padding:12px 22px;border-radius:999px;font-weight:600;background:#fff;color:#64748b;box-shadow:0 2px 8px #0f172a12}.blog-filters button[aria-selected=true]{background:#f5a000;color:#fff}.blog-filters button:focus-visible,.blog-card__link:focus-visible,.blog-card__favorite:focus-visible{outline:3px solid #0284c7;outline-offset:4px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card{position:relative;min-width:0;background:#fff;border-radius:14px;box-shadow:0 4px 18px #0f172a12;transition:transform .18s,box-shadow .18s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f172a1c}.blog-card__link{display:block;height:100%;border-radius:14px;color:inherit;text-decoration:none;overflow:hidden}.blog-card__image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.blog-card__body{padding:22px}.blog-card__category{display:inline-block;padding:4px 12px;border-radius:999px;background:#e6f8eb;color:#337f4e;font-size:13px;line-height:1.5}.blog-card h2{margin:14px 0 10px;font-size:20px;font-weight:700;line-height:1.45;color:#111827}.blog-card p{margin:0;color:#536071;font-size:15px;line-height:1.75}.blog-card__favorite{position:absolute;right:12px;top:12px;background:#fff;padding:10px;border-radius:10px;box-shadow:0 2px 8px #0002}.blog-card__favorite img{display:block}@media(max-width:1023px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.blog-collection{margin-top:28px;padding:0 20px}.blog-grid{grid-template-columns:1fr;gap:24px}.blog-card__body{padding:20px}.blog-filters{gap:8px}.blog-filters button{padding:10px 16px;font-size:14px}}@media(prefers-reduced-motion:reduce){.blog-card{transition:none}}