.blog-page{padding:4.5rem 4vw 5.5rem;background:#f5f7fb}.blog-container{max-width:1360px;margin:0 auto}.blog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:3.2rem}.blog-kicker{font-family:Arimo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#0056e0b8;margin-bottom:.75rem}.blog-title-row{display:flex;align-items:center;gap:.9rem}.blog-title{font-family:Arimo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:2.5rem;letter-spacing:.08em;text-transform:uppercase;color:#111827}.blog-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:26px;padding:0 .75rem;border-radius:999px;background:#0056e01f;color:#0056e0;font-size:.78rem;font-weight:600}.blog-header-right{display:flex;gap:.85rem;align-items:center}.blog-chip{display:inline-flex;align-items:center;gap:.55rem;border-radius:999px;padding:.55rem 1.6rem .55rem 1.3rem;font-size:.9rem;font-weight:500;border:1px solid #d6def5;background:#fff;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .1s ease,border-color .2s ease;white-space:nowrap}.blog-chip--primary{background:#0056e0;border-color:#0056e0;color:#fff}.blog-chip--secondary{color:#111827}.blog-chip-icon{width:18px;height:18px;display:block}.blog-chip:hover{box-shadow:0 10px 24px #0f172a29;transform:translateY(-1px)}.blog-category-dropdown{position:relative;display:inline-block}.blog-category-dropdown>summary{list-style:none}.blog-category-dropdown>summary::-webkit-details-marker{display:none}.blog-category-dropdown[open]>summary{box-shadow:0 12px 28px #0f172a2e}.blog-category-menu{position:absolute;right:0;margin-top:.4rem;padding-top:.35rem;z-index:40;width:100%;transform-origin:top right;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.blog-category-dropdown[open] .blog-category-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.blog-category-list{padding:.6rem .4rem;margin:0;border-radius:18px;background:#fff;box-shadow:0 18px 40px #0f172a29;border:1px solid #d6def5}.blog-category-item{list-style:none;padding:.55rem .9rem;border-radius:10px;font-size:.88rem;color:#111827;cursor:pointer;transition:background-color .18s ease,color .18s ease}.blog-category-item:hover{background-color:#f0f4ff;color:#0056e0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.6rem;row-gap:2.4rem}.blog-card{border-radius:32px;padding:0;background:transparent;box-shadow:0 14px 32px #1a40c914;transition:box-shadow .25s ease,transform .2s ease}.blog-card-inner{display:flex;flex-direction:column;height:100%;border-radius:32px;border:2px solid #dce8ff;background:#e8f0ff;overflow:hidden}.blog-card:hover{box-shadow:0 22px 48px #1a40c940;transform:translateY(-6px)}.blog-card-inner:hover{border-color:#0056e0;background:#fff}.blog-card--hidden{display:none}.blog-card-image-link{display:block}.blog-card-image{position:relative;width:100%;height:auto;border-radius:0;overflow:visible}.blog-card-image img{width:100%;height:240px;object-fit:cover;display:block}.blog-tag{position:absolute;bottom:14px;left:18px;background:#fff;padding:6px 18px;font-size:.8rem;border-radius:999px;font-weight:500;color:#111827;box-shadow:0 6px 18px #0f172a33}.blog-card-content{padding:18px 22px;display:flex;flex-direction:column;height:100%}.blog-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:8px}.blog-readtime{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;color:#6b7280}.blog-readtime-icon{width:16px;height:16px}.blog-card-title{font-size:1.16rem;font-weight:700;color:#111827;margin:.3rem 0 .55rem}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{text-decoration:underline}.blog-card-excerpt{font-size:.9rem;line-height:1.55;color:#4b5563;margin:0 0 1.1rem}.blog-card-footer{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.read-more{display:inline-flex;align-items:center;gap:.4rem;font-size:.86rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;color:#0056e0}.read-more-icon{width:18px;height:18px}.blog-date{font-size:.78rem;color:#6b7280}.blog-date-label{font-weight:500}.blog-pagination{margin:3rem auto 0;padding-top:1.6rem;border-top:1px solid #d6def5;max-width:640px;display:flex;justify-content:center;align-items:center;gap:.8rem;flex-wrap:wrap}.blog-page-numbers{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.blog-page-btn{min-width:2.4rem;height:2.4rem;padding:0 .9rem;border-radius:999px;border:1px solid #d6def5;background:#fff;font-family:Arimo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#111827;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .08s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.blog-page-btn--prev,.blog-page-btn--next{padding-inline:1.1rem}.blog-page-btn:hover:not(:disabled){background:#f0f4ff;border-color:#c3d0ff;box-shadow:0 8px 22px #0f172a29;transform:translateY(-1px)}.blog-page-btn--active{background:#0056e0;border-color:#0056e0;color:#fff;box-shadow:0 10px 28px #0056e059;transform:none!important}.blog-page-btn--active:hover{background:#0056e0!important;border-color:#0056e0!important;color:#fff!important;box-shadow:0 10px 28px #0056e059!important;transform:none!important}.blog-page-btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}@media(max-width:1200px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-image img{height:200px}}@media(max-width:900px){.blog-page{padding:6rem 4vw 5rem}.blog-header{flex-direction:column;align-items:flex-start;gap:1.6rem;margin-bottom:2.6rem}.blog-title{font-size:2.1rem}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.2rem;row-gap:2rem}.blog-card-image img{height:200px}.blog-pagination{margin-top:2.6rem;padding-top:1.4rem;max-width:520px;gap:.7rem}.blog-page-btn{min-width:2.2rem;height:2.2rem;padding:0 .8rem;font-size:.84rem}}@media(max-width:600px){.blog-page{padding:6.8rem 5vw 4.5rem}.blog-header{gap:1.3rem;margin-bottom:2.2rem}.blog-title{font-size:1.8rem}.blog-header-right{flex-wrap:wrap;gap:.6rem}.blog-chip{padding:.45rem 1rem;font-size:.82rem}.blog-grid{grid-template-columns:1fr;row-gap:2rem}.blog-card-image img{height:190px}.blog-card-title{font-size:1.05rem}.blog-card-excerpt{font-size:.86rem}.blog-kicker{font-size:.78rem;letter-spacing:.12em;margin-bottom:.45rem}.blog-pagination{margin-top:2.2rem;padding-top:1.2rem;max-width:100%;gap:.55rem}.blog-page-numbers{gap:.35rem}.blog-page-btn{min-width:2.1rem;height:2.1rem;padding:0 .7rem;font-size:.8rem;letter-spacing:.03em}.blog-page-btn--prev,.blog-page-btn--next{padding-inline:.9rem}}@media(max-width:400px){.blog-page{padding:7.4rem 6vw 4rem}.blog-title{font-size:1.6rem;letter-spacing:.06em}.blog-chip{padding:.4rem .9rem;font-size:.78rem}.blog-card-image img{height:170px}.blog-card-content{padding:16px 18px}.blog-card-title{font-size:1rem}.blog-card-excerpt{font-size:.82rem}.blog-kicker{font-size:.76rem;letter-spacing:.1em;margin-bottom:.4rem}.blog-pagination{margin-top:2rem;padding-top:1rem;gap:.45rem}.blog-page-btn{min-width:2rem;height:2rem;padding:0 .65rem;font-size:.78rem}}
