/* =========================================================
   JUPITER SCIENCE BLOG PAGE — v35
========================================================= */
.jsb{
  --jsb-blue:#002CD0;--jsb-blue-dark:#17376C;--jsb-violet:#7A35EC;
  --jsb-pink:#FF3D7F;--jsb-cyan:#28C7FF;--jsb-yellow:#FFD23F;
  --jsb-deep:#101B4D;--jsb-text:#56627B;--jsb-muted:#74809A;
  --jsb-border:#E8ECFF;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--jsb-deep);
  background:
    radial-gradient(circle at 8% 8%,rgba(122,53,236,.06),transparent 24%),
    radial-gradient(circle at 92% 10%,rgba(40,199,255,.08),transparent 28%),
    linear-gradient(180deg,#FCFCFF 0%,#FFFFFF 52%,#FAFCFF 100%);
  overflow-x:clip;
}
.jsb *,.jsb *::before,.jsb *::after{box-sizing:border-box}
.jsb-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}

.jsb-hero{
  padding:58px 0 54px;
  background:
    radial-gradient(circle at 8% 5%,rgba(255,61,127,.16),transparent 30%),
    radial-gradient(circle at 92% 12%,rgba(255,210,63,.20),transparent 31%),
    radial-gradient(circle at 82% 100%,rgba(40,199,255,.18),transparent 34%),
    linear-gradient(180deg,#FFF8FB 0%,#F8F4FF 46%,#ECFAFF 100%);
}
.jsb-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:42px;align-items:center}
.jsb-kicker,.jsb-eyebrow{
  display:inline-flex;align-items:center;min-height:29px;padding:6px 11px;border-radius:999px;
  background:linear-gradient(90deg,var(--jsb-blue),var(--jsb-violet));color:#fff;
  font-size:10px;line-height:1;font-weight:850;letter-spacing:.10em;text-transform:uppercase
}
.jsb-hero h1{
  max-width:900px;margin:17px 0 14px;font-family:Sora,Inter,system-ui,sans-serif;
  font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-.045em;color:var(--jsb-deep)
}
.jsb-lead{max-width:790px;margin:0;color:var(--jsb-text);font-size:17px;line-height:1.72}
.jsb-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.jsb-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;
  text-decoration:none!important;font-size:12px;font-weight:850;transition:.18s ease
}
.jsb-btn-primary{background:linear-gradient(90deg,var(--jsb-blue),var(--jsb-violet));color:#fff!important;box-shadow:0 8px 20px rgba(64,55,190,.18)}
.jsb-btn-soft{background:rgba(255,255,255,.76);color:var(--jsb-deep)!important;border:1px solid rgba(16,27,77,.10)}
.jsb-btn:hover{transform:translateY(-1px)}
.jsb-hero-panel{
  padding:24px;border:1px solid rgba(16,27,77,.08);border-radius:22px;background:rgba(255,255,255,.75);
  box-shadow:0 16px 38px rgba(16,27,77,.08);backdrop-filter:blur(10px)
}
.jsb-panel-label{margin-bottom:14px;color:var(--jsb-muted);font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.jsb-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.jsb-topic-grid a{
  display:flex;align-items:center;min-height:42px;padding:10px 12px;border-radius:12px;background:#fff;
  border:1px solid var(--jsb-border);color:var(--jsb-blue-dark)!important;text-decoration:none!important;font-size:12px;font-weight:800
}
.jsb-topic-grid a:nth-child(2n){background:#F9F4FF;color:#6838B8!important}
.jsb-topic-grid a:nth-child(3n){background:#EFFBFA;color:#08776F!important}

.jsb-section{padding:64px 0 76px}
.jsb-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.jsb-section-head h2{
  margin:13px 0 8px;font-family:Sora,Inter,system-ui,sans-serif;font-size:clamp(30px,3.3vw,44px);
  line-height:1.1;letter-spacing:-.035em;color:var(--jsb-deep)
}
.jsb-section-head p{margin:0;color:var(--jsb-text);font-size:15px;line-height:1.65}

.jsb-post-feed .zbl2-wrap,.jsb-post-feed .zbl2-root,.jsb-post-feed .zartom-blog-layout{width:100%!important;max-width:none!important}
.jsb-post-feed article,.jsb-post-feed .zbl2-card,.jsb-post-feed .zbl2-item{--feed-a:#002CD0;--feed-b:#28C7FF}
.jsb-post-feed article:nth-child(5n+2),.jsb-post-feed .zbl2-card:nth-child(5n+2),.jsb-post-feed .zbl2-item:nth-child(5n+2){--feed-a:#7A35EC;--feed-b:#E94AC7}
.jsb-post-feed article:nth-child(5n+3),.jsb-post-feed .zbl2-card:nth-child(5n+3),.jsb-post-feed .zbl2-item:nth-child(5n+3){--feed-a:#008C83;--feed-b:#39C98F}
.jsb-post-feed article:nth-child(5n+4),.jsb-post-feed .zbl2-card:nth-child(5n+4),.jsb-post-feed .zbl2-item:nth-child(5n+4){--feed-a:#F28C18;--feed-b:#FF5E6C}
.jsb-post-feed article:nth-child(5n),.jsb-post-feed .zbl2-card:nth-child(5n),.jsb-post-feed .zbl2-item:nth-child(5n){--feed-a:#4A4FC6;--feed-b:#FF3D7F}
.jsb-post-feed :where(.zbl2-card,.zbl2-item,article){border-radius:18px!important}
.jsb-post-feed :where(h2,h3,.zbl2-title) a{color:#17376C!important;text-decoration:none!important}
.jsb-post-feed :where(.zbl2-meta,.post-meta,.entry-meta){color:#74809A!important;font-size:10.5px!important;font-weight:750!important;letter-spacing:.04em!important}
.jsb-post-feed :where(.zbl2-meta,.post-meta,.entry-meta) a{color:var(--feed-a)!important;font-weight:850!important}
.jsb-post-feed :where(.zbl2-excerpt,.entry-summary,p){color:#56627B!important}
.jsb-post-feed img{border-radius:14px!important}

.jsb-band{
  padding:56px 0;
  background:radial-gradient(circle at 15% 30%,rgba(40,199,255,.17),transparent 28%),linear-gradient(115deg,#172A86 0%,#5F29CE 48%,#B73276 100%)
}
.jsb-band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.jsb-band h2{
  margin:12px 0 8px;font-family:Sora,Inter,system-ui,sans-serif;font-size:clamp(28px,3.4vw,44px);
  line-height:1.1;letter-spacing:-.035em;color:#fff
}
.jsb-band p{max-width:760px;margin:0;color:rgba(255,255,255,.80);font-size:15px;line-height:1.65}
.jsb-eyebrow-light{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18)}
.jsb-btn-yellow{background:var(--jsb-yellow);color:#30275C!important}
.jsb-btn-light{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff!important}

@media(max-width:979px){
  .jsb-wrap{width:calc(100% - 40px)}
  .jsb-hero-grid{grid-template-columns:1fr;gap:30px}
  .jsb-band-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:766px){
  .jsb-wrap{width:calc(100% - 28px)}
  .jsb-hero{padding:38px 0 36px}
  .jsb-hero h1{font-size:clamp(34px,10vw,48px)}
  .jsb-lead{font-size:15px}
  .jsb-topic-grid{grid-template-columns:1fr 1fr}
  .jsb-section{padding:44px 0 54px}
  .jsb-section-head{margin-bottom:20px}
  .jsb-actions{flex-direction:column}
  .jsb-btn{width:100%}
  .jsb-band{padding:44px 0}
}
@media(max-width:480px){.jsb-topic-grid{grid-template-columns:1fr}}

/* =========================================================
   v36 — BLOG PAGINATION
========================================================= */
.jsb-post-feed .zbl2-pagination{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:38px 0 0!important;
  padding:24px 0 0!important;
  border-top:1px solid #E8ECFF!important;
}
.jsb-post-feed .zbl2-page-link{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
}
.jsb-post-feed .zbl2-page-link a,
.jsb-post-feed .zbl2-page-link span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:40px!important;
  height:40px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  border:1px solid rgba(16,27,77,.11)!important;
  background:#fff!important;
  color:#17376C!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  box-shadow:0 5px 14px rgba(16,27,77,.045)!important;
  transition:.16s ease!important;
}
.jsb-post-feed .zbl2-page-link a:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(0,44,208,.22)!important;
  color:#002CD0!important;
}
.jsb-post-feed .zbl2-page-link .current{
  border-color:transparent!important;
  background:linear-gradient(90deg,#002CD0,#7A35EC)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(70,50,190,.18)!important;
}
.jsb-post-feed .zbl2-page-link .prev,
.jsb-post-feed .zbl2-page-link .next{
  padding-left:16px!important;
  padding-right:16px!important;
}
@media(max-width:766px){
  .jsb-post-feed .zbl2-pagination{
    gap:6px!important;
    margin-top:28px!important;
    padding-top:20px!important;
  }
  .jsb-post-feed .zbl2-page-link a,
  .jsb-post-feed .zbl2-page-link span{
    min-width:36px!important;
    height:36px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
}