/* AST SERA V58 — final blog layout correction */

/* ---------- HEADER: one consistent rail ---------- */
.site-header .container{width:min(1240px,92vw)!important;max-width:none!important;margin-inline:auto!important;}
.site-header .navbar{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:18px!important;min-height:72px!important;padding:9px 0!important;}
.site-header .brand{order:1!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;max-width:none!important;margin:0!important;}
.site-header .brand-logo{display:block!important;width:auto!important;height:48px!important;max-width:210px!important;max-height:52px!important;object-fit:contain!important;}
.site-header .nav-links{order:2!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;flex:1 1 auto!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.site-header .nav-links a{font-size:13px!important;font-weight:650!important;padding:8px 10px!important;border-radius:9px!important;white-space:nowrap!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;color:#183126!important;}
.site-header .nav-links a.active,.site-header .nav-links a[aria-current="page"]{background:#eaf6ee!important;border-color:#cfe5d5!important;color:#176936!important;box-shadow:none!important;}
.site-header .nav-cta{order:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important;width:auto!important;margin:0!important;}
.site-header .nav-cta .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;height:40px!important;padding:8px 12px!important;border-radius:999px!important;white-space:nowrap!important;background:#fff!important;border:1px solid #d9e5dc!important;color:#173226!important;}
.site-header .nav-cta .btn.primary{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;}
.site-header .nav-cta .header-icon{width:17px!important;height:17px!important;display:block!important;flex:0 0 auto!important;}
.site-header .mobile-toggle{display:none!important;}

/* ---------- BLOG PAGE RAIL ---------- */
body.blog-page{background:#f7f9f7!important;}
body.blog-page::before{display:none!important;}
.blog-page{padding:0 0 64px!important;background:#f7f9f7!important;}
.blog-page>.container{width:100%!important;max-width:none!important;margin:0!important;}

/* ---------- HERO: clean rounded feature, image actually behind content ---------- */
.blog-page .blog-hero{position:relative!important;isolation:isolate!important;width:min(1240px,calc(100% - 32px))!important;min-height:390px!important;margin:18px auto 0!important;padding:0!important;display:block!important;overflow:hidden!important;border-radius:24px!important;background:#10251a!important;box-shadow:0 14px 38px rgba(20,60,32,.12)!important;}
.blog-page .blog-hero-image{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 48%!important;border:0!important;border-radius:0!important;filter:none!important;}
.blog-page .blog-hero-overlay{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(5,25,16,.88) 0%,rgba(5,25,16,.68) 43%,rgba(5,25,16,.28) 75%,rgba(5,25,16,.12) 100%)!important;}
.blog-page .blog-hero-inner{position:relative!important;z-index:2!important;width:100%!important;min-height:390px!important;margin:0!important;padding:52px 48px 42px!important;display:flex!important;align-items:center!important;}
.blog-page .blog-hero-content{width:min(790px,100%)!important;max-width:790px!important;color:#fff!important;}
.blog-page .blog-hero-badge{display:inline-flex!important;align-items:center!important;width:max-content!important;padding:7px 12px!important;margin:0 0 14px!important;border:1px solid rgba(255,255,255,.30)!important;border-radius:999px!important;background:rgba(8,34,22,.46)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;}
.blog-page .blog-hero-content h1{margin:0 0 13px!important;max-width:780px!important;font-size:clamp(36px,4.5vw,58px)!important;line-height:1.03!important;letter-spacing:-1.5px!important;color:#fff!important;}
.blog-page .blog-hero-content>p{margin:0 0 20px!important;max-width:720px!important;font-size:16px!important;line-height:1.52!important;color:rgba(255,255,255,.92)!important;}
.blog-page .blog-hero-search{max-width:650px!important;}
.blog-page .blog-hero-search .search-wrap{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:50px!important;padding:5px 6px 5px 13px!important;background:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important;}
.blog-page .blog-hero-search .search-icon{width:20px!important;height:20px!important;color:#64748b!important;flex:0 0 auto!important;}
.blog-page .blog-hero-search input{min-width:0!important;flex:1 1 auto!important;width:auto!important;height:40px!important;padding:8px 2px!important;border:0!important;outline:0!important;background:transparent!important;color:#17231c!important;font:500 14px/1.2 inherit!important;}
.blog-page .blog-hero-search .hero-search-submit{flex:0 0 auto!important;border:0!important;border-radius:9px!important;background:#16a34a!important;color:#fff!important;padding:11px 18px!important;font:800 14px/1 inherit!important;cursor:pointer!important;}
.blog-page .blog-hero-search .search-wrap>button:not(.hero-search-submit){border:0!important;background:transparent!important;color:#64748b!important;font-size:21px!important;line-height:1!important;padding:5px!important;cursor:pointer!important;}
.blog-page .blog-hero-search small{display:block!important;margin-top:7px!important;color:rgba(255,255,255,.78)!important;font-size:11px!important;}

/* ---------- CATEGORIES ---------- */
.blog-page .blog-filters{width:min(1240px,calc(100% - 32px))!important;margin:0 auto!important;padding:16px 0 15px!important;display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important;}
.blog-page .blog-filters::-webkit-scrollbar{display:none!important;}
.blog-page .blog-filters .filter{flex:0 0 auto!important;padding:9px 14px!important;border:1px solid #d8e3db!important;border-radius:999px!important;background:#fff!important;color:#425149!important;box-shadow:none!important;font:700 12px/1.2 inherit!important;}
.blog-page .blog-filters .filter.active{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;box-shadow:none!important;}

/* ---------- CARDS: rectangular, no blue circle/blob ---------- */
.blog-page .blog-grid{width:min(1240px,calc(100% - 32px))!important;margin:0 auto!important;padding:0 0 45px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
.blog-page .blog-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;margin:0!important;padding:0!important;background:#fff!important;border:1px solid #dfe7e1!important;border-radius:16px!important;box-shadow:0 7px 20px rgba(20,60,32,.055)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;}
.blog-page .blog-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(20,60,32,.09)!important;border-color:#cfe0d4!important;}
.blog-page .blog-card::before,.blog-page .blog-card::after,.blog-page .blog-card *::before,.blog-page .blog-card *::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;}
.blog-page .blog-card-link{display:flex!important;flex-direction:column!important;height:100%!important;text-decoration:none!important;background:#fff!important;border-radius:inherit!important;}
.blog-page .blog-card-media{position:relative!important;width:100%!important;aspect-ratio:16/9!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#eef4ef!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
.blog-page .blog-card-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;}
.blog-page .blog-card:hover .blog-card-media img{transform:scale(1.025)!important;}
.blog-page .blog-card-body{position:relative!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:155px!important;margin:0!important;padding:13px 14px 14px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
.blog-page .blog-card-cat{display:block!important;margin:0 0 6px!important;padding:0!important;background:transparent!important;color:#238044!important;border:0!important;border-radius:0!important;font-size:9px!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important;}
.blog-page .blog-card h2{margin:0 0 7px!important;padding:0!important;background:transparent!important;color:#17211b!important;font-size:16px!important;line-height:1.22!important;letter-spacing:-.15px!important;}
.blog-page .blog-card p{margin:0 0 11px!important;padding:0!important;background:transparent!important;color:#647169!important;font-size:12px!important;line-height:1.48!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.blog-page .read-more{margin-top:auto!important;padding:0!important;background:transparent!important;color:#21803f!important;font-size:11px!important;font-weight:800!important;}
.blog-page .empty-state{width:min(1240px,calc(100% - 32px))!important;margin:15px auto!important;background:#fff!important;border:1px solid #dfe7e1!important;border-radius:16px!important;box-shadow:none!important;}

/* ---------- FOOTER ---------- */
.blog-page + .site-footer{background:#123b24!important;color:#fff!important;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1199px){
  .blog-page .blog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (max-width:980px){
  .site-header .nav-links{display:none!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;padding:10px!important;background:#fff!important;border:1px solid #dfe7e1!important;border-radius:0 0 18px 18px!important;box-shadow:0 18px 35px rgba(20,60,32,.12)!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;}
  .site-header .nav-links.is-open{display:flex!important;}
  .site-header .nav-links a{width:100%!important;padding:12px 14px!important;}
  .site-header .mobile-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex:0 0 42px!important;padding:0!important;border-radius:12px!important;background:#fff!important;border:1px solid #d9e5dc!important;}
  .site-header .mobile-toggle span{display:block!important;width:19px!important;height:2px!important;margin:0!important;border-radius:2px!important;background:#17211b!important;}
}
@media (max-width:760px){
  .site-header .container{width:calc(100% - 28px)!important;}
  .site-header .navbar{display:flex!important;flex-wrap:nowrap!important;min-height:70px!important;height:70px!important;padding:8px 0!important;gap:7px!important;}
  .site-header .brand{flex:1 1 auto!important;min-width:0!important;max-width:none!important;}
  .site-header .brand-logo{height:43px!important;width:auto!important;max-width:min(165px,47vw)!important;max-height:45px!important;}
  .site-header .nav-cta{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex:0 0 auto!important;width:auto!important;}
  .site-header .nav-cta .btn,.site-header .mobile-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px!important;padding:0!important;border-radius:50%!important;}
  .site-header .nav-cta .btn span:not(.header-icon){display:none!important;}
  .site-header .nav-cta .header-icon{width:20px!important;height:20px!important;}
  .site-header .mobile-toggle{display:inline-flex!important;order:3!important;border-radius:14px!important;}
  .blog-page .blog-hero{width:calc(100% - 24px)!important;min-height:505px!important;margin:0 auto!important;border-radius:0 0 24px 24px!important;box-shadow:none!important;}
  .blog-page .blog-hero-image{object-position:60% center!important;}
  .blog-page .blog-hero-overlay{background:linear-gradient(180deg,rgba(5,25,16,.25) 0%,rgba(5,25,16,.50) 34%,rgba(5,25,16,.91) 100%)!important;}
  .blog-page .blog-hero-inner{min-height:505px!important;padding:36px 20px 25px!important;align-items:flex-end!important;}
  .blog-page .blog-hero-content h1{font-size:34px!important;line-height:1.04!important;letter-spacing:-.9px!important;}
  .blog-page .blog-hero-content>p{font-size:14px!important;line-height:1.46!important;margin-bottom:15px!important;}
  .blog-page .blog-hero-search{max-width:none!important;}
  .blog-page .blog-hero-search .search-wrap{min-height:48px!important;padding-left:11px!important;}
  .blog-page .blog-hero-search input{height:38px!important;font-size:13px!important;}
  .blog-page .blog-hero-search .hero-search-submit{padding:10px 14px!important;}
  .blog-page .blog-filters{width:100%!important;padding:16px 14px 13px!important;}
  .blog-page .blog-grid{width:calc(100% - 24px)!important;grid-template-columns:1fr!important;gap:14px!important;padding-bottom:30px!important;}
  .blog-page .blog-card{border-radius:18px!important;box-shadow:0 6px 18px rgba(20,60,32,.05)!important;}
  .blog-page .blog-card-media{aspect-ratio:16/9!important;}
  .blog-page .blog-card-body{min-height:0!important;padding:14px 16px 16px!important;}
  .blog-page .blog-card h2{font-size:21px!important;line-height:1.18!important;}
  .blog-page .blog-card p{font-size:14px!important;line-height:1.5!important;-webkit-line-clamp:3!important;}
  .blog-page .blog-card-cat{font-size:10px!important;}
  .blog-page .read-more{font-size:13px!important;}
}
@media (max-width:380px){
  .site-header .container{width:calc(100% - 20px)!important;}
  .site-header .navbar{gap:5px!important;}
  .site-header .brand-logo{max-width:145px!important;height:40px!important;}
  .site-header .nav-cta{gap:5px!important;}
  .site-header .nav-cta .btn,.site-header .mobile-toggle{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important;}
  .site-header .nav-cta .header-icon{width:18px!important;height:18px!important;}
}

/* ---------- ARTICLE CONTENT: same clean AST SERA language, no old blue panels ---------- */
.v52-wrap,.v51-wrap{background:transparent!important;}
.v52-article .card,.v52-article .callout,.v52-article .chip,
.v52-article .hero-card,.v52-article .process-card,.v52-article .product-card,
.v52-article .exk-box,.v51-article .card,.v51-article .callout,.v51-article .chip{
  background:#fff!important;color:#1d2b22!important;border-color:#dfe8e1!important;box-shadow:0 8px 24px rgba(20,60,32,.055)!important;
}
.v52-article .card::before,.v52-article .card::after,.v52-article .callout::before,.v52-article .callout::after,
.v51-article .card::before,.v51-article .card::after,.v51-article .callout::before,.v51-article .callout::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;}
.v52-article .v52-category,.v51-article .v51-category{background:#edf7ef!important;color:#1f713c!important;border-color:#d7e9da!important;}
.v52-article .v52-sources,.v51-article .v51-sources{background:#f7faf7!important;border-color:#dfe9e1!important;}
.v52-article .v52-cta,.v51-article .v51-cta{background:#f2f8f3!important;border-color:#d9e8dc!important;box-shadow:none!important;}