body.blog-body{margin:0;font-family:"Aptos","Trebuchet MS",sans-serif;line-height:1.7;color:var(--ink,#18222d);background:linear-gradient(180deg,#fcfaf6 0%,var(--bg,#f7f3ec) 100%)}
.bw{width:min(calc(100% - 2rem),1180px);margin:0 auto}
.bt{background:#16202b;color:#fff}
.bti{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem 0;flex-wrap:wrap}
.bp{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1rem;border-radius:999px;font-weight:800;color:#fff!important;text-decoration:none}
.bc{background:var(--brand,#144a63)}
.bwha{background:#25D366}
.bh{position:sticky;top:0;background:rgba(252,250,246,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,30,40,.12);z-index:20}
.bhi{display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:86px;flex-wrap:wrap}
.brand{display:flex;gap:.9rem;align-items:center;color:inherit;text-decoration:none}
.brand img{max-height:72px;max-width:180px;object-fit:contain}
.bn{display:grid}
.bn span{color:var(--muted,#5b6770)}
.nav{display:flex;gap:1rem;flex-wrap:wrap}
.nav a{font-weight:800;color:inherit;text-decoration:none}
.hero{padding:3rem 0 1.5rem}
.hero-grid,.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:1rem;align-items:start}
.main,.side,.card,.article,.aside,.footer-card{background:#fffdf9;border:1px solid rgba(20,30,40,.12);border-radius:24px;box-shadow:0 18px 45px rgba(20,30,40,.08)}
.main{padding:2rem;background:linear-gradient(145deg,rgba(20,74,99,.96),rgba(15,53,70,.93));color:#fff}
.blog-body .main h1,.blog-body .main h2,.blog-body .main h3,.blog-body .main p,.blog-body .main a{color:#fff}
.blog-body .main .crumb,.blog-body .main .crumb li,.blog-body .main .crumb a,.blog-body .main .crumb span{color:rgba(255,255,255,.84)!important}
.blog-body .main .crumb a:hover{color:#fff!important}
.ey{display:inline-flex;padding:.45rem .8rem;border-radius:999px;background:rgba(255,255,255,.12);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.actions,.links{display:flex;gap:.7rem;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 .8rem;border-radius:999px;background:rgba(20,74,99,.08);border:1px solid rgba(20,74,99,.12);font-weight:700;text-decoration:none}
.section{padding:1rem 0 2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}
.card,.aside,.side{padding:1.15rem}
.article{padding:1.5rem}
.side{align-self:start;height:auto;min-height:unset;display:flex;flex-direction:column;justify-content:flex-start}
.side p,.card p,.article p,.aside p,.aside li{font-size:1rem;line-height:1.65}
.blog-body .card h2,.blog-body .card h3,.blog-body .article h2,.blog-body .article h3,.blog-body .aside h3,.blog-body .side h3{margin:0 0 .7rem;color:#0f2740;line-height:1.12}
.blog-body .card h2,.blog-body .card h3{font-size:clamp(1.05rem,1rem + .5vw,1.45rem)!important;word-break:normal;overflow-wrap:anywhere;hyphens:auto}
.aside ul,.article ul,.side ul{padding-left:1.2rem}
.nap-list{margin:0;padding:0;list-style:none}
.nap-list li{margin:.2rem 0}
.nap-note{margin:.75rem 0 0;color:var(--muted,#5b6770)}
.crumb{display:flex;gap:.4rem;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 1rem;color:var(--muted,#5b6770)}
.crumb a{color:inherit}
.snippet,.toc,.cta{padding:1rem;border-radius:18px}
.snippet{background:rgba(217,109,47,.08);border-left:4px solid var(--accent,#d96d2f)}
.toc{background:#f2ede4}
.footer{padding:1rem 0 2.4rem}
.footer-shell{background:linear-gradient(180deg,#16202b 0%,#10161f 100%);border-radius:28px;padding:1rem}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:1rem}
.footer-card{padding:1.1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.footer-card,.footer-card a,.footer-card p,.legal{color:rgba(255,255,255,.86)}
.legal{padding-top:1rem}
#blog-search{flex:1 1 260px;min-height:48px;border-radius:999px;border:1px solid rgba(20,30,40,.12);padding:0 1rem}
@media(max-width:1024px){.hero-grid,.layout,.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero-grid,.layout,.grid,.grid2,.footer-grid{grid-template-columns:1fr}.main,.side,.card,.article,.aside,.footer-card{padding:1rem}}

/* BLOG HG CTA FIX START */
.blog-body .hg-section{padding:0 0 1.5rem!important;margin:0 auto 1.5rem!important;position:relative;z-index:4}
.blog-body .hg-container{position:relative;z-index:4}
.blog-body .hg-cta-band{background:linear-gradient(180deg,#fffaf4 0%,#fff5ea 100%);border:1px solid rgba(140,71,28,.14);box-shadow:0 14px 34px rgba(16,22,31,.10)}
.blog-body .hg-cta-band *,
.blog-body .hg-cta-band div,
.blog-body .hg-cta-band p,
.blog-body .hg-cta-band span,
.blog-body .hg-cta-band strong{color:#3f342d!important;opacity:1!important;text-shadow:none!important}
.blog-body .hg-cta-band h2{color:#8f4318!important}
.blog-body .hg-cta-band a,
.blog-body .hg-cta-band a span,
.blog-body .hg-cta-band a strong{color:#b25520!important;opacity:1!important}
.blog-body .hg-cta-band a:hover,
.blog-body .hg-cta-band a:hover span,
.blog-body .hg-cta-band a:hover strong{color:#8f4318!important}
.blog-body .site-footer{position:relative;z-index:1;clear:both}
/* BLOG HG CTA FIX END */