/* Blog styles */
.blog-hero{padding:48px 0;background:linear-gradient(175deg,var(--w) 30%,var(--p0) 100%)}
.blog-hero h1{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;color:var(--p9);letter-spacing:-.03em;max-width:760px;margin:0 auto;text-align:center}
.blog-hero p{font-size:1rem;color:var(--mid);text-align:center;margin-top:8px;max-width:560px;margin-left:auto;margin-right:auto}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;padding:48px 0}
.blog-card{background:var(--w);border-radius:var(--r);border:1px solid var(--bdr);overflow:hidden;transition:all .2s;display:flex;flex-direction:column}
.blog-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px)}
.blog-card-body{padding:22px 20px;flex:1;display:flex;flex-direction:column}
.blog-card-cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--p5);margin-bottom:8px}
.blog-card h2{font-size:1.05rem;font-weight:700;color:var(--p9);margin-bottom:8px;line-height:1.35}
.blog-card h2 a{color:inherit;text-decoration:none}
.blog-card h2 a:hover{color:var(--p5)}
.blog-card p{font-size:.85rem;color:var(--mid);line-height:1.6;flex:1}
.blog-card-meta{font-size:.75rem;color:var(--light);margin-top:12px;padding-top:12px;border-top:1px solid var(--bdr)}
.blog-article{max-width:760px;margin:0 auto;padding:48px 20px 64px}
.blog-article-cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--p5);margin-bottom:8px;text-align:center}
.blog-article h1{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:800;color:var(--p9);letter-spacing:-.03em;text-align:center;line-height:1.2;margin-bottom:12px}
.blog-article-meta{text-align:center;font-size:.85rem;color:var(--light);margin-bottom:36px}
.blog-article h2{font-size:1.3rem;font-weight:700;color:var(--p9);margin:32px 0 12px}
.blog-article p{font-size:.98rem;color:var(--mid);line-height:1.75;margin-bottom:16px}
.blog-article ul,.blog-article ol{margin:0 0 18px 20px;color:var(--mid)}
.blog-article li{margin-bottom:8px;font-size:.95rem;line-height:1.7}
.blog-article li strong{color:var(--text)}
.blog-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.92rem}
.blog-table th{background:var(--p0);color:var(--p9);font-weight:700;padding:12px 16px;text-align:left;border-bottom:2px solid var(--p5)}
.blog-table td{padding:10px 16px;border-bottom:1px solid var(--bdr);color:var(--mid)}
.blog-table tr:hover td{background:var(--bg)}
.blog-cta{background:var(--p0);border-radius:var(--r);padding:32px;text-align:center;margin:36px 0}
.blog-cta h3{font-size:1.15rem;font-weight:700;color:var(--p9);margin-bottom:6px}
.blog-cta p{font-size:.92rem;color:var(--mid);margin-bottom:16px}
.blog-cta .cta-sm{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#fff;padding:15px 32px;border-radius:10px;font-weight:700;font-size:1.02rem;transition:all .2s;box-shadow:0 3px 14px rgba(196,147,42,.25);text-decoration:none}
.blog-cta .cta-sm:hover{background:#b8862a;color:#fff;transform:translateY(-1px)}
.blog-back{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--p5);margin-bottom:24px}
.blog-back:hover{color:var(--p6)}
.blog-related{max-width:760px;margin:0 auto;padding:0 20px 64px}
.blog-related h3{font-size:1.1rem;font-weight:700;color:var(--p9);margin-bottom:16px}
.blog-related-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.blog-related-card{padding:16px;border:1px solid var(--bdr);border-radius:10px;transition:all .2s}
.blog-related-card:hover{border-color:var(--p5);background:var(--p0)}
.blog-related-card a{font-size:.92rem;font-weight:600;color:var(--p9);text-decoration:none}
.blog-related-card p{font-size:.78rem;color:var(--light);margin-top:4px}
.nav-blog-link{font-size:.88rem;font-weight:600;color:var(--p9);transition:color .2s}
.nav-blog-link:hover{color:var(--p5)}

.blog-card-img{overflow:hidden;aspect-ratio:16/9;display:block}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.blog-card:hover .blog-card-img img{transform:scale(1.04)}
.blog-hero-img{margin-bottom:32px;border-radius:var(--r);overflow:hidden}
.blog-hero-img img{width:100%;height:auto;display:block;border-radius:var(--r)}
@media(max-width:968px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr;padding:28px 0}.blog-related-list{grid-template-columns:1fr}.blog-article{padding:32px 16px 48px}.blog-cta{padding:24px 18px}.nav-blog-link{display:none}}