.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:box-shadow .3s,transform .3s;overflow:hidden}.post-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.post-card__link{color:inherit;text-decoration:none;display:block}.post-card__image-wrap{aspect-ratio:16/9;background:#f9f9f9;width:100%;position:relative}.post-card__image{object-fit:cover}.post-card__body{padding:20px}.post-card__category{text-transform:uppercase;letter-spacing:.5px;color:#176ffe;margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.post-card__title{color:#09090b;margin-bottom:8px;font-size:18px;font-weight:600;line-height:140%}.post-card:hover .post-card__title{color:#176ffe}.post-card__excerpt{color:#727272;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:160%;display:-webkit-box;overflow:hidden}.post-card__meta{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.post-card__author{color:#1f2937;font-weight:500}.post-card__date:before,.post-card__reading-time:before{content:"·";margin-right:12px}
.post-list{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px;display:grid}@media (max-width:767px){.post-list{grid-template-columns:1fr;gap:16px}}.post-list__empty{text-align:center;color:#727272;padding:60px 20px;font-size:16px}
.blog-pagination{justify-content:center;align-items:center;gap:8px;padding:20px 0;display:flex}.blog-pagination__pages{align-items:center;gap:4px;display:flex}.blog-pagination__page{color:#1f2937;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-flex}.blog-pagination__page:hover{background-color:#f9f9f9}.blog-pagination__page--active{color:#fff;background-color:#176ffe}.blog-pagination__page--active:hover{background-color:#005ff9}.blog-pagination__ellipsis{color:#9ca3af;padding:0 4px}.blog-pagination__btn{color:#176ffe;border:1px solid #e5e7eb;border-radius:8px;align-items:center;height:36px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.blog-pagination__btn:hover{background-color:#176ffe0f;border-color:#176ffe}