.blog-list-wrap *,.blog-list-wrap :after,.blog-list-wrap :before{box-sizing:border-box;margin:0;padding:0}.page-center{margin:0 auto;max-width:1200px;padding:0 24px}.blog-top{background:#ffd800;border-bottom:4px solid #1a2b5f;padding:52px 24px 40px;text-align:center}.blog-top-heading h1{color:#1a2b5f;font-family:Georgia,serif;font-size:clamp(28px,5vw,48px);font-weight:700;line-height:1.2;margin-bottom:28px}.blog-top-tab ul{background:#fff;border:2px solid #1a2b5f;border-radius:4px;display:inline-flex;gap:4px;list-style:none;padding:3px}.blog-top-tab li a{border-radius:2px;color:#1a2b5f;display:block;font-family:Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;padding:8px 22px;text-decoration:none;text-transform:uppercase;transition:background .2s,color .2s}.blog-top-tab li a.active,.blog-top-tab li a:hover{background:#1a2b5f;color:#ffd800}.blog-list-section{background:#f5f5f5;padding:36px 0 60px}.blog-list-top{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.post-count{color:#555}.blog-filter select,.post-count{font-family:Arial,sans-serif;font-size:14px}.blog-filter select{appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%231a2b5f' stroke-linecap='round' stroke-width='2' d='m1 1 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;border:1.5px solid #ccc;border-radius:4px;color:#1a2b5f;cursor:pointer;min-width:150px;padding:8px 36px 8px 14px;transition:border-color .2s}.blog-filter select:focus{border-color:#1a2b5f;outline:none}.blog-list-bottom{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.blog-list-bottom{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.blog-list-bottom{grid-template-columns:1fr}}.blog-card{background:#1a2b5f;border-radius:6px;overflow:hidden}.blog-card__link{display:block;text-decoration:none}.blog-card__img-wrap{aspect-ratio:4/3;overflow:hidden;position:relative}.blog-card__img-wrap img,.blog-card__no-img{display:block;height:100%;object-fit:cover;transition:transform .45s ease;width:100%}.blog-card__no-img{background:#2c3e7a}.blog-card:hover .blog-card__img-wrap img{transform:scale(1.06)}.blog-card__overlay{background:linear-gradient(180deg,transparent 30%,rgba(10,18,50,.75) 70%,rgba(10,18,50,.92));inset:0;position:absolute}.blog-card__body{bottom:0;left:0;padding:18px 16px 16px;position:absolute;right:0}.blog-card__title{color:#fff;font-family:Georgia,serif;font-size:clamp(14px,1.8vw,17px);font-weight:700;line-height:1.35;margin-bottom:6px}.blog-card__date{color:hsla(0,0%,100%,.7);font-family:Arial,sans-serif;font-size:12px;letter-spacing:.03em}.blog-card__arrow{color:#ffd800;font-size:20px;opacity:0;pointer-events:none;position:absolute;right:14px;top:12px;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}.blog-card:hover .blog-card__arrow{opacity:1;transform:translate(0)}.blog-load-more-wrap{margin-top:44px;text-align:center}.blog-load-more-btn{background:#ffd800;border:none;border-radius:4px;color:#1a2b5f;cursor:pointer;display:inline-block;font-family:Arial,sans-serif;font-size:13px;font-weight:800;letter-spacing:.1em;padding:14px 40px;text-transform:uppercase;transition:background .2s,color .2s,transform .15s}.blog-load-more-btn:hover{background:#1a2b5f;color:#ffd800;transform:translateY(-2px)}.blog-load-more-btn:active{transform:translateY(0)}