.blog-page{color:var(--text-color);font-family:var(--font-family-primary)}.blog-page .blog-body{padding:clamp(42px,6vw,70px) 0 60px}.blog-page .blog-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:28px;display:flex}.blog-page .blog-header h2{font-size:clamp(24px,2.2vw,34px);font-weight:var(--font-weight-bold);color:var(--secondary-color);line-height:1.2;font-family:var(--font-family-primary);margin:0 0 8px}.blog-page .blog-header .subtext{max-width:720px;font-size:var(--font-size-base);color:var(--text-color);opacity:.9;line-height:1.7;font-family:var(--font-family-primary);margin:0}.blog-page .blog-header .blog-cta{border:1px solid var(--text-color);color:var(--text-color);font-weight:var(--font-weight-bold);border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.blog-page .blog-header .blog-cta:hover{background:var(--secondary-color);color:var(--white-color);text-decoration:none}@media (max-width:768px){.blog-page .blog-header{flex-direction:column;align-items:flex-start}}.blog-page .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}@media (max-width:1100px){.blog-page .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blog-page .blog-grid{grid-template-columns:1fr}}.blog-page .blog-card{background:var(--white-color);border:1px solid var(--border-color);border-radius:18px;transition:transform .35s,box-shadow .35s,border-color .35s;overflow:hidden}.blog-page .blog-card:hover{border-color:#00a5c359;transform:translateY(-6px);box-shadow:0 18px 40px #00000014}.blog-page .blog-card:hover .cover-img{transform:scale(1.06)}.blog-page .blog-card .cover{background:#f2f3f5;height:300px;display:block;position:relative;overflow:hidden}.blog-page .blog-card .cover-img{object-fit:cover;transition:transform .5s}.blog-page .blog-card .content{padding:18px 18px 20px}.blog-page .blog-card .meta{font-size:var(--font-size-xs);color:#0009;font-family:var(--font-family-primary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.blog-page .blog-card .meta .pill{color:var(--primary-color);font-weight:var(--font-weight-bold);letter-spacing:.2px;text-transform:uppercase;background:#00a5c31a;border:1px solid #00a5c32e;border-radius:999px;padding:5px 10px;font-size:11px}.blog-page .blog-card .meta .dot{opacity:.45}.blog-page .blog-card .title{font-size:18px;line-height:1.35;font-weight:var(--font-weight-bold);color:var(--secondary-color);font-family:var(--font-family-primary);margin:0 0 8px}.blog-page .blog-card .excerpt{font-size:var(--font-size-base);color:var(--text-color);opacity:.92;line-height:1.7;font-family:var(--font-family-primary);margin:0 0 14px}.blog-page .blog-card .readmore{font-weight:var(--font-weight-bold);color:var(--primary-color);align-items:center;gap:8px;text-decoration:none;transition:gap .25s,color .25s;display:inline-flex}.blog-page .blog-card .readmore:hover{color:var(--secondary-color);gap:12px;text-decoration:none}.blog-page .blog-footer{margin-top:28px}.blog-page .blog-footer .note{background:var(--secondary-color-light,#f6f6f6);border:1px solid var(--border-color);color:var(--text-color);line-height:1.75;font-family:var(--font-family-primary);border-radius:16px;padding:18px}.blog-page .blog-footer .note .inline-link{color:var(--primary-color);font-weight:var(--font-weight-bold);text-decoration:none}.blog-page .blog-footer .note .inline-link:hover{text-decoration:underline}
.categories-wrapper{border-bottom:1px solid var(--border-color);margin:2rem 0;padding:1.5rem 0}.categories-wrapper .categories-list{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.categories-wrapper .categories-list .category-btn{border:1px solid var(--border-light-color);cursor:pointer;font-size:var(--font-size-s);color:var(--text-color);border-radius:20px;padding:.5rem 1rem;font-weight:500;transition:all .3s}@media (hover:hover){.categories-wrapper .categories-list .category-btn:hover{background:#f5f5f5;border-color:#999}}.categories-wrapper .categories-list .category-btn.active{background:var(--primary-color);color:var(--white-color);border-color:var(--primary-color)}@media (max-width:768px){.categories-wrapper{margin:1.5rem 0;padding:1rem 0}.categories-wrapper .categories-list{gap:.5rem}.categories-wrapper .categories-list .category-btn{padding:.4rem .8rem;font-size:.8rem}}