@charset "UTF-8";.blog-container{max-width:1200px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));row-gap:50px;-moz-column-gap:30px;column-gap:30px;margin-bottom:40px}.blog-item{border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:transform .3s ease}.blog-item:hover{transform:translateY(-5px)}.blog-thumbnail{aspect-ratio:270/200}.blog-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-date{font-size:14px;color:#666;margin:15px 15px 5px}.blog-title{margin:0 15px 10px;font-size:18px}.blog-title a{color:#333;text-decoration:none}.blog-title a:hover{color:#06c}.blog-description{margin:0 15px 15px;font-size:14px;color:#555;line-height:1.5}.tag-info{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.page-hero .content-wrapper h1.tag-title{font-size:28px;margin-bottom:10px}.tag-description{color:#666;font-size:16px;line-height:1.6}.pagination{text-align:center;margin-top:40px}.pagination a,.pagination span{display:inline-block;padding:8px 12px;margin:0 3px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#333}.pagination span.current{background-color:#06c;color:#fff;border-color:#06c}.pagination a:hover{background-color:#f5f5f5}@media (max-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.blog-grid{grid-template-columns:1fr}}@media (min-width:768px){.page-hero .content-wrapper{padding-top:20vh}}nav.pagination{display:flex;justify-content:center}ul.page-numbers{display:flex}