.blog-page .blog-hero{padding:72px 0;background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#fff}
.blog-page .blog-hero h1,.blog-page .blog-hero h2{color:#fff}.blog-page .blog-hero .lead{color:rgba(255,255,255,.82)}
.blog-page .blog-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:36px 0}
.blog-page .blog-search{display:flex;gap:8px;max-width:460px;flex:1}.blog-page .blog-search input{min-width:0;flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit}
.blog-page .blog-categories{display:flex;flex-wrap:wrap;gap:8px}.blog-page .blog-category{padding:7px 12px;border-radius:999px;background:var(--ice);font-size:.86rem;font-weight:600}
.blog-page .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-bottom:42px}
.blog-page .blog-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.blog-page .blog-card__image{display:block;aspect-ratio:16/9;background:var(--bg-alt);overflow:hidden}.blog-page .blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease)}.blog-page .blog-card:hover img{transform:scale(1.025)}
.blog-page .blog-card__body{padding:24px;display:flex;flex:1;flex-direction:column}.blog-page .blog-card h2{font-size:1.28rem}.blog-page .blog-card__meta,.blog-page .blog-post__meta{color:var(--muted);font-size:.9rem}.blog-page .blog-card__body .btn{margin-top:auto;align-self:flex-start}
.blog-page .blog-empty{padding:52px 24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.blog-page .blog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 72px}.blog-page .blog-pagination a,.blog-page .blog-pagination span{padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:#fff}.blog-page .blog-pagination .is-current{background:var(--navy);color:#fff}
.blog-page .blog-article{max-width:820px;margin:0 auto;padding:64px 24px}.blog-page .blog-article__header{text-align:center}.blog-page .blog-article h1{font-size:clamp(2rem,5vw,3.2rem)}
.blog-page .blog-featured{margin:32px 0;border-radius:var(--radius-lg);overflow:hidden}.blog-page .blog-featured img{display:block;width:100%;height:auto}
.blog-page .blog-content{font-size:1.06rem}.blog-page .blog-content h2{margin-top:2em}.blog-page .blog-content h3{margin-top:1.6em}.blog-page .blog-content img,.blog-page .blog-content table{max-width:100%}.blog-page .blog-content table{display:block;overflow-x:auto}.blog-page .blog-content blockquote{margin:1.5em 0;padding:12px 22px;border-left:4px solid var(--teal);background:var(--ice)}
.blog-page .blog-related{padding:64px 0}.blog-page .blog-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:38px 0}.blog-page .blog-prev-next a{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
@media(max-width:900px){.blog-page .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.blog-page .blog-hero{padding:54px 0}.blog-page .blog-grid{grid-template-columns:1fr}.blog-page .blog-tools,.blog-page .blog-search{align-items:stretch;width:100%}.blog-page .blog-search{flex-direction:column;max-width:none}.blog-page .blog-prev-next{grid-template-columns:1fr}.blog-page .blog-article{padding:46px 20px}.blog-page .blog-card__body{padding:20px}}