/* =========================================================
   JUPITER WIKI ARCHIVE — v42
========================================================= */
body.post-type-archive-zartom_glossary #main-content{
  background:
    radial-gradient(circle at 8% 4%,rgba(255,61,127,.055),transparent 25%),
    radial-gradient(circle at 94% 6%,rgba(255,210,63,.07),transparent 26%),
    #FBFCFF!important;
}
body.post-type-archive-zartom_glossary .jwa{
  --blue:#002CD0;--violet:#7A35EC;--pink:#FF3D7F;--cyan:#28C7FF;
  --yellow:#FFD23F;--deep:#101B4D;--text:#56627B;--line:#E3E8F2;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--deep);
  overflow-x:clip;
}
body.post-type-archive-zartom_glossary .jwa *,
body.post-type-archive-zartom_glossary .jwa *::before,
body.post-type-archive-zartom_glossary .jwa *::after{box-sizing:border-box}

body.post-type-archive-zartom_glossary .jwa-wrap{
  width:min(1240px,calc(100% - 64px));
  max-width:1240px;
  margin:0 auto;
}

body.post-type-archive-zartom_glossary .jwa-hero{
  margin:34px 0 0;
  padding:42px 0 34px;
}
body.post-type-archive-zartom_glossary .jwa-hero .jwa-wrap{
  position:relative;
  padding:34px 38px;
  border:1px solid rgba(16,27,77,.08);
  border-radius:22px;
  background:
    radial-gradient(circle at 5% 15%,rgba(255,61,127,.12),transparent 30%),
    radial-gradient(circle at 93% 10%,rgba(255,210,63,.15),transparent 32%),
    radial-gradient(circle at 88% 100%,rgba(40,199,255,.13),transparent 34%),
    linear-gradient(180deg,#FFF9FC 0%,#F8F5FF 50%,#EFFAFF 100%);
  box-shadow:0 12px 34px rgba(16,27,77,.055);
}
body.post-type-archive-zartom_glossary .jwa-kicker{
  display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;
  background:linear-gradient(90deg,var(--blue),var(--violet));
  color:#fff;font-size:9.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase
}
body.post-type-archive-zartom_glossary .jwa-hero h1{
  margin:14px 0 8px;
  font-family:Sora,Inter,system-ui,sans-serif;
  font-size:clamp(36px,4.3vw,56px);
  line-height:1.03;letter-spacing:-.04em;color:var(--deep)
}
body.post-type-archive-zartom_glossary .jwa-hero p{
  max-width:760px;margin:0;color:var(--text);font-size:15px;line-height:1.7
}

body.post-type-archive-zartom_glossary .jwa-index{padding:10px 0 72px}

body.post-type-archive-zartom_glossary .jwa-cpt-index{
  padding:26px 28px 30px;
  border:1px solid rgba(16,27,77,.07);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 30px rgba(16,27,77,.045);
}

/* Search + A-Z */
body.post-type-archive-zartom_glossary .zdc-index-tools{
  display:grid;
  grid-template-columns:minmax(260px,380px) minmax(0,1fr);
  gap:22px;
  align-items:end;
  margin:0 0 28px;
  padding:0 0 22px;
  border-bottom:1px solid var(--line);
}
body.post-type-archive-zartom_glossary .zdc-search span{
  display:block;margin:0 0 7px;
  color:#74809A;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase
}
body.post-type-archive-zartom_glossary .zdc-search input{
  width:100%;height:40px;padding:0 12px;
  border:1px solid #CBD5E1;border-radius:9px;background:#fff;
  color:var(--deep);font-size:12px;outline:none
}
body.post-type-archive-zartom_glossary .zdc-search input:focus{
  border-color:rgba(0,44,208,.42);
  box-shadow:0 0 0 3px rgba(0,44,208,.07)
}
body.post-type-archive-zartom_glossary .zdc-alpha{
  display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px
}
body.post-type-archive-zartom_glossary .zdc-alpha a{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:29px;height:29px;padding:0 7px;
  border:1px solid #DCE3ED;border-radius:7px;background:#fff;
  color:#38517D!important;text-decoration:none!important;
  font-size:9.5px;font-weight:850;line-height:1
}
body.post-type-archive-zartom_glossary .zdc-alpha a:first-child{padding:0 10px}
body.post-type-archive-zartom_glossary .zdc-alpha a:hover,
body.post-type-archive-zartom_glossary .zdc-alpha a.is-active{
  border-color:transparent;
  background:linear-gradient(90deg,var(--blue),var(--violet));
  color:#fff!important
}

/* compact index */
body.post-type-archive-zartom_glossary .zdc-groups{
  column-count:3;
  column-gap:34px;
}
body.post-type-archive-zartom_glossary .zdc-letter-group{
  display:inline-block;
  width:100%;
  break-inside:avoid;
  margin:0 0 26px;
}
body.post-type-archive-zartom_glossary .zdc-letter-heading{
  margin:0 0 7px!important;
  padding:4px 8px 7px!important;
  border-bottom:2px solid transparent!important;
  border-image:linear-gradient(90deg,var(--blue),var(--violet),var(--pink)) 1!important;
  color:var(--blue)!important;
  font-family:Sora,Inter,system-ui,sans-serif!important;
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:850!important
}
body.post-type-archive-zartom_glossary .zdc-entry{
  display:block;
  padding:5px 8px;
  border-bottom:1px dotted #DCE3ED;
  color:#23314D!important;
  text-decoration:none!important;
  font-size:12px;
  line-height:1.36;
  font-weight:650;
  transition:.14s ease
}
body.post-type-archive-zartom_glossary .zdc-entry:hover{
  padding-left:11px;
  background:linear-gradient(90deg,#EEF4FF,#F9F6FF);
  color:var(--blue)!important
}
body.post-type-archive-zartom_glossary .zdc-empty{
  padding:28px;
  border:1px dashed #D7DDEA;
  border-radius:12px;
  background:#FAFBFE;
  color:#74809A;
  text-align:center;
  font-size:13px
}

/* pagination */
body.post-type-archive-zartom_glossary .zdc-pagination{
  margin:34px 0 0;
  padding-top:22px;
  border-top:1px solid var(--line)
}
body.post-type-archive-zartom_glossary .zdc-pagination ul{
  list-style:none!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important
}
body.post-type-archive-zartom_glossary .zdc-pagination li{margin:0!important;padding:0!important}
body.post-type-archive-zartom_glossary .zdc-pagination a,
body.post-type-archive-zartom_glossary .zdc-pagination span{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:36px!important;height:36px!important;padding:0 10px!important;
  border:1px solid #DCE3ED!important;border-radius:8px!important;background:#fff!important;
  color:#38517D!important;text-decoration:none!important;font-size:10.5px!important;font-weight:850!important
}
body.post-type-archive-zartom_glossary .zdc-pagination .current{
  border-color:transparent!important;
  background:linear-gradient(90deg,var(--blue),var(--violet))!important;
  color:#fff!important
}

@media(max-width:979px){
  body.post-type-archive-zartom_glossary .jwa-wrap{width:calc(100% - 40px)}
  body.post-type-archive-zartom_glossary .zdc-index-tools{grid-template-columns:1fr}
  body.post-type-archive-zartom_glossary .zdc-alpha{justify-content:flex-start}
  body.post-type-archive-zartom_glossary .zdc-groups{column-count:2}
}
@media(max-width:766px){
  body.post-type-archive-zartom_glossary .jwa-wrap{width:calc(100% - 28px)}
  body.post-type-archive-zartom_glossary .jwa-hero{margin-top:22px;padding:28px 0 24px}
  body.post-type-archive-zartom_glossary .jwa-hero .jwa-wrap{padding:26px 20px;border-radius:17px}
  body.post-type-archive-zartom_glossary .jwa-cpt-index{padding:20px 16px 24px;border-radius:16px}
  body.post-type-archive-zartom_glossary .zdc-groups{column-count:1}
  body.post-type-archive-zartom_glossary .zdc-entry{font-size:12.5px;padding:6px 7px}
}