.blog-main{background:var(--cream)}
.blog-hero{padding:105px max(8vw,28px) 80px;background:linear-gradient(135deg,#f5f6f0,#fff);text-align:center}
.blog-hero .eyebrow{justify-content:center}.blog-hero h1{font-size:clamp(44px,5.4vw,74px);line-height:1.04;letter-spacing:-.05em;color:var(--navy);max-width:920px;margin:0 auto 22px}.blog-hero h1 em{font-style:normal;color:var(--blue)}.blog-hero>p:last-child{max-width:700px;margin:auto;color:var(--muted);font-size:18px}
.article-section{padding:75px max(6.5vw,28px) 110px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1200px;margin:auto}
.article-card{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.25s}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.article-image{display:block;height:230px;background:#dce9fc}.article-image img{height:100%;object-fit:cover}.article-placeholder{height:100%;display:grid;place-items:center;font:800 48px "Manrope";color:white;background:linear-gradient(135deg,var(--blue),var(--navy));position:relative}.article-placeholder span{position:absolute;color:var(--lime);font-size:20px;transform:translate(43px,-25px)}
.article-body{padding:27px}.article-meta{display:flex;gap:12px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.09em;color:var(--blue);font-size:9px;font-weight:800}.article-card h2{font-size:21px;line-height:1.25;margin:12px 0 9px}.article-card p{font-size:14px;color:var(--muted)}.article-link{font-size:13px;font-weight:800;color:var(--blue)}
.empty-articles{grid-column:1/-1;text-align:center;padding:70px 24px;background:white;border-radius:var(--radius);border:1px solid var(--line)}.empty-articles>span{font-size:38px;color:var(--blue)}
.pagination{text-align:center;margin-top:45px}.nav-links{display:flex;gap:10px;justify-content:center}.page-numbers{padding:9px 14px;background:white;border-radius:9px}.page-numbers.current{background:var(--blue);color:white}
.single-main{background:var(--cream);padding-bottom:100px}.single-head{padding:90px max(8vw,28px) 55px;text-align:center;background:white}.single-head h1{font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-.04em;color:var(--navy);max-width:1000px;margin:20px auto}.single-head .article-meta{justify-content:center}.back-link{font-size:13px;font-weight:700;color:var(--blue)}.single-excerpt{max-width:750px;margin:auto;color:var(--muted);font-size:18px}
.single-cover{max-width:1050px;margin:55px auto 0;padding:0 24px}.single-cover img{max-height:620px;object-fit:cover;border-radius:var(--radius)}.single-content{max-width:760px;margin:60px auto;padding:0 24px;font-size:18px;line-height:1.85;color:#2d3c4f}.single-content h2,.single-content h3{color:var(--navy);margin-top:1.8em}.single-content img{border-radius:18px}.single-content a{color:var(--blue);text-decoration:underline}
.article-cta{max-width:900px;margin:80px auto 0;padding:55px;border-radius:var(--radius);background:var(--navy);color:white;text-align:center}.article-cta h2{font-size:35px;margin-bottom:8px}.article-cta p{color:#b7c4d2}.article-cta .button{margin-top:18px}
@media(max-width:900px){.article-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.blog-hero{padding:70px 22px 55px}.blog-hero h1{font-size:43px}.article-section{padding:55px 22px 75px}.article-grid{grid-template-columns:1fr}.article-image{height:220px}.single-head{padding:65px 22px 45px}.single-content{font-size:16px}.article-cta{margin:60px 22px 0;padding:40px 24px}}