/* SEORTIX Blog Archive — scoped to .sx-blog so Avada styles are not affected */
.sx-blog{
  --sx-green:#00cc5c; --sx-mid:#00c853; --sx-mint:#2bf08a; --sx-deep:#00a844;
  --sx-head:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --sx-body:'Kanit',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:#000; color:#fff; font-family:var(--sx-body);
  padding:0 20px; -webkit-font-smoothing:antialiased;
}
.sx-blog *,.sx-blog *::before,.sx-blog *::after{box-sizing:border-box}
.sx-blog a{text-decoration:none}

/* Hero */
.sx-blog__hero{max-width:1240px;margin:0 auto;padding:90px 0 30px;text-align:center}
.sx-blog__crumb{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:999px;
  background:#0d0d0d;border:1px solid rgba(255,255,255,.1);font-size:13px;line-height:1.3;color:rgba(255,255,255,.45)}
.sx-blog__crumb a{color:rgba(255,255,255,.45)!important;transition:color .2s}
.sx-blog__crumb a:hover{color:#fff!important}
.sx-blog__crumb [aria-current]{color:#fff;font-weight:400}
.sx-blog__sep{color:rgba(255,255,255,.45)}
.sx-blog__title{margin:28px auto 0!important;padding:0!important;font-family:var(--sx-head)!important;
  font-weight:700!important;font-size:clamp(42px,6.4vw,84px)!important;line-height:1.02!important;
  letter-spacing:-.035em!important;color:#fff!important;text-transform:none!important;text-align:center!important}
.sx-blog__subtitle{margin:22px auto 0!important;max-width:620px;font-family:var(--sx-body)!important;font-weight:300!important;font-style:italic!important;
  font-size:18px!important;line-height:1.64!important;letter-spacing:-.02em!important;color:rgba(255,255,255,.6)!important;text-align:center!important}
.sx-blog__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px}
.sx-blog__chip{padding:9px 20px;border-radius:999px;border:1.5px solid rgba(255,255,255,.14);
  font-size:14px;line-height:1.2;color:rgba(255,255,255,.75)!important;transition:border-color .2s,color .2s}
.sx-blog__chip:hover{border-color:rgba(0,200,83,.5);color:#fff!important}
.sx-blog__chip.is-active{background:var(--sx-green);border-color:var(--sx-green);color:#000!important;font-weight:500}

/* Grid */
.sx-blog__list{max-width:1240px;margin:0 auto;padding:60px 0 70px}
.sx-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.sx-card{background:#fff;border-radius:22px;padding:12px 12px 28px;color:#0d1f13;
  border:1.5px solid transparent;box-shadow:0 10px 30px rgba(0,0,0,.35);
  transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column}
.sx-card:hover{transform:translateY(-4px);border-color:rgba(0,200,83,.45);box-shadow:0 16px 36px rgba(0,200,83,.18)}
.sx-card__thumb{display:block;border-radius:16px;overflow:hidden;aspect-ratio:5/3;background:#0d1f13}
.sx-card__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sx-card:hover .sx-card__thumb img{transform:scale(1.04)}
.sx-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  font-family:var(--sx-head);font-weight:700;font-size:28px;color:#fff;
  background:radial-gradient(circle at 50% 40%,#0f3a22,#050a07)}
.sx-card__placeholder b{color:var(--sx-green)}
.sx-card__meta{display:flex;justify-content:space-between;gap:12px;margin:22px 14px 10px;font-size:13px;color:rgba(0,0,0,.5)}
.sx-card__title{margin:0 14px 10px!important;padding:0!important;font-family:var(--sx-head)!important;
  font-size:21px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.2px!important;text-transform:none!important}
.sx-card__title a{color:#0d1f13!important;transition:color .2s}
.sx-card__title a:hover{color:var(--sx-deep)!important}
.sx-card__excerpt{margin:0 14px!important;font-size:15px;line-height:1.6;font-weight:300;color:rgba(0,0,0,.62)}
.sx-card__thumb:focus-visible,.sx-card__title a:focus-visible,.sx-blog a:focus-visible{outline:2px solid var(--sx-mint);outline-offset:3px}

/* Pagination */
.sx-blog__pager{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:60px}
.sx-blog__pager .page-numbers{min-width:46px;height:46px;padding:0 16px;border-radius:12px;display:inline-flex;
  align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.15);font-size:15px;
  color:rgba(255,255,255,.8)!important;transition:border-color .2s}
.sx-blog__pager a.page-numbers:hover{border-color:var(--sx-green)}
.sx-blog__pager .current{background:#fff;color:var(--sx-deep)!important;border-color:#fff;font-weight:600}
.sx-blog__pager .dots{border-color:transparent}
.sx-blog__empty{text-align:center;color:rgba(255,255,255,.7)}
.sx-blog__empty a{color:var(--sx-green)!important}

/* Newsletter CTA */
.sx-blog__cta-wrap{max-width:1240px;margin:0 auto;padding:40px 0 110px}
.sx-blog__cta{position:relative;overflow:hidden;border-radius:28px;padding:84px 40px 120px;text-align:center;
  isolation:isolate;
  background:radial-gradient(60% 80% at 92% 100%,rgba(130,225,170,.45),transparent 70%),
    linear-gradient(120deg,#0e4a2d 0%,#1f7a4a 55%,#3f9a6a 100%)}
.sx-blog__arc{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14);z-index:0;pointer-events:none}
.sx-blog__arc--1{width:900px;height:900px;left:-420px;top:-480px}
.sx-blog__arc--2{width:760px;height:760px;right:-300px;bottom:-440px}
.sx-blog__arc--3{width:620px;height:620px;left:-380px;bottom:-330px}
.sx-blog__cta-title{position:relative;z-index:2;margin:0!important;font-family:var(--sx-head)!important;
  font-size:clamp(38px,5.2vw,66px)!important;line-height:1.04!important;font-weight:700!important;
  letter-spacing:-.04em!important;color:#fff!important;text-transform:none!important;font-style:normal!important;text-align:center!important}
.sx-blog__cta-title em{font:inherit!important;font-style:normal!important}
.sx-blog__cta-text{position:relative;z-index:2;max-width:600px;margin:18px auto 30px!important;font-family:var(--sx-body)!important;
  font-size:18px!important;line-height:1.55!important;font-weight:300!important;color:rgba(255,255,255,.82)!important;text-align:center!important}
.sx-blog__cta-btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:16px 32px;
  border-radius:14px;background:#000;color:#fff!important;font-weight:500;font-size:16px;
  box-shadow:0 14px 30px rgba(0,40,15,.4);font-family:var(--sx-body)!important;transition:transform .25s}
.sx-blog__cta-btn:hover{transform:translateY(-3px)}
.sx-blog__env{position:absolute;bottom:-40px;width:330px;z-index:1;pointer-events:none;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25))}
.sx-blog__env svg{display:block;width:100%;height:auto}
.sx-blog__env--l{left:-40px;transform:rotate(14deg)}
.sx-blog__env--r{right:-40px;transform:rotate(-14deg)}

/* Responsive */
@media (max-width:1024px){
  .sx-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .sx-blog__env{width:240px}
}
@media (max-width:640px){
  .sx-blog__hero{padding:60px 0 20px}
  .sx-blog__grid{grid-template-columns:1fr;gap:22px}
  .sx-blog__list{padding:40px 0 50px}
  .sx-blog__cta{padding:56px 22px 110px}
  .sx-blog__env{width:170px;bottom:-30px}
  .sx-blog__env--l{left:-50px}.sx-blog__env--r{right:-50px}
}
@media (prefers-reduced-motion:reduce){
  .sx-card,.sx-card__thumb img,.sx-blog__cta-btn{transition:none}
  .sx-card:hover,.sx-blog__cta-btn:hover{transform:none}
  .sx-card:hover .sx-card__thumb img{transform:none}
}