.mx-blog-hero{background:var(--cream);padding:40px 0;text-align:center;border-bottom:1px solid rgba(26,26,26,.04)}
.mx-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px}
.mx-post-card{background:var(--white);border:1px solid rgba(26,26,26,.05);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh);transition:transform .3s}
.mx-post-card:hover{transform:translateY(-3px)}
.mx-post-body{padding:18px 20px}
.mx-post-body h3{font-size:1.05rem;margin-bottom:5px}
.mx-post-body h3 a{color:var(--dk)}
.mx-post-body h3 a:hover{color:var(--gold)}
.mx-post-meta{font-size:.76rem;color:var(--txt-3);margin-bottom:7px}
.mx-post-body p{font-size:.88rem;color:var(--txt-2)}
.mx-article{max-width:760px;margin:0 auto;padding:40px 20px}
.mx-article h1{font-size:clamp(1.5rem,3.5vw,2.1rem);margin-bottom:12px}
.mx-article-meta{font-size:.82rem;color:var(--txt-3);margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid rgba(26,26,26,.05)}
.mx-article h2{font-size:clamp(1.2rem,2.5vw,1.6rem);margin-top:28px}
.mx-article a{color:var(--gold);font-weight:600}
.mx-article ul,.mx-article ol{padding-left:22px;color:var(--txt-2)}
.mx-article blockquote{border-left:3px solid var(--gold);padding:12px 18px;background:var(--cream);border-radius:0 var(--r) var(--r) 0;margin:16px 0;font-style:italic}
.mx-cta-inline{background:var(--cream);border:1px solid rgba(200,150,45,.1);border-radius:var(--r-lg);padding:22px;text-align:center;margin:22px 0}
.mx-cta-inline h3{margin-bottom:6px}
.mx-cta-inline p{font-size:.88rem;color:var(--txt-2);margin-bottom:10px}
.mx-related{border-top:1px solid rgba(26,26,26,.05);padding-top:22px;margin-top:28px}
.mx-related h3{margin-bottom:10px}
.mx-related ul{list-style:none;padding:0}
.mx-related li{padding:5px 0;border-bottom:1px solid rgba(26,26,26,.03)}
.mx-related a{font-size:.9rem;color:var(--gold)}
.mx-sub-hero{background:var(--cream);padding:48px 0;text-align:center;border-bottom:1px solid rgba(26,26,26,.04)}
.mx-sub-content{max-width:760px;margin:0 auto;padding:40px 20px}
.mx-sub-content h2{margin-top:28px}
.mx-sub-content p{color:var(--txt-2)}
.mx-sub-content a{color:var(--gold);font-weight:600}
.mx-sub-content ul,.mx-sub-content ol{padding-left:22px;color:var(--txt-2)}
@media(max-width:480px){.mx-blog-grid{grid-template-columns:1fr}}