.custom-blog-wrapper{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1000px}.custom-blog-link{color:inherit;display:flex;flex-direction:column;gap:15px;text-decoration:none;transition:opacity .3s ease}.custom-blog-link:hover{opacity:.7}.custom-blog-image{aspect-ratio:3/2;overflow:hidden;width:100%}.custom-blog-image img{display:block;height:100%;object-fit:cover;width:100%}.custom-blog-content{display:flex;flex-direction:column;gap:10px}.custom-blog-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.custom-blog-date{color:#666;font-size:12px;letter-spacing:.05em}.custom-blog-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.custom-blog-tag{background-color:#76cfe3;border-radius:20px;color:#000;font-size:10px;font-weight:700;padding:4px 10px}.custom-blog-title{color:#000;font-size:16px;font-weight:700;line-height:1.5;margin:0}.custom-blog-excerpt{color:#555;font-size:13px;line-height:1.6;margin:0}@media (min-width:768px){.custom-blog-wrapper{display:grid;gap:40px 30px;grid-template-columns:repeat(2,1fr)}.custom-blog-item.is-top-card{grid-column:span 1}.custom-blog-item.is-list-item{grid-column:span 2}.custom-blog-item.is-list-item .custom-blog-link{align-items:flex-start;flex-direction:row;gap:30px}.custom-blog-item.is-list-item .custom-blog-image{flex-shrink:0;width:32%}.custom-blog-item.is-list-item .custom-blog-content{flex:1;padding-top:5px}.custom-blog-title{font-size:18px}.custom-blog-excerpt{font-size:14px}}.custom-pagination{flex-wrap:wrap;gap:8px;margin-top:60px}.custom-pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background-color:#fff;border:1px solid #000;box-sizing:border-box;color:#000;font-size:14px;height:44px;min-width:44px;text-decoration:none;transition:background-color .2s ease}.pagination-text-btn{padding:0 16px}a.pagination-btn:hover{background-color:#f5f5f5}.pagination-btn.is-active{background-color:#000;color:#fff}.arrow-right{border-right:2px solid #000;margin-left:8px;transform:rotate(45deg)}.arrow-left,.arrow-right{border-top:2px solid #000;display:inline-block;height:6px;width:6px}.arrow-left{border-left:2px solid #000;margin-right:8px;transform:rotate(-45deg)}@media (max-width:767px){.custom-pagination{gap:5px}.pagination-btn{font-size:13px;height:36px;min-width:36px}.pagination-text-btn{padding:0 10px}}