/* for glossary terms page */
.glossary-terms h2 {
  font-size: 29px !important;
  color: var(--e-global-color-primary);
  margin: 0;
  scroll-margin-top: 150px;
}

.glossary-terms article::before {
  position: absolute;
  display: grid;
  place-content: center;
  text-transform: uppercase;
  font-size: 2rem;
  width: 4rem;
  height: 4rem;
  color: #fff;
  background-color: var(--e-global-color-primary);
  padding: 1rem;
}

@media screen and (min-width: 1280px) {
  .glossary-terms article::before {
    transform: translateX(-5rem);
  }
}

.glossary-terms article:has(h2[id^="a"])::before {
  content: "a";
}
.glossary-terms article:has(h2[id^="b"])::before {
  content: "b";
}
.glossary-terms article:has(h2[id^="c"])::before {
  content: "c";
}
.glossary-terms article:has(h2[id^="d"])::before {
  content: "d";
}
.glossary-terms article:has(h2[id^="e"])::before {
  content: "e";
}
.glossary-terms article:has(h2[id^="f"])::before {
  content: "f";
}
.glossary-terms article:has(h2[id^="g"])::before {
  content: "g";
}
.glossary-terms article:has(h2[id^="h"])::before {
  content: "h";
}
.glossary-terms article:has(h2[id^="i"])::before {
  content: "i";
}
.glossary-terms article:has(h2[id^="j"])::before {
  content: "j";
}
.glossary-terms article:has(h2[id^="k"])::before {
  content: "k";
}
.glossary-terms article:has(h2[id^="l"])::before {
  content: "l";
}
.glossary-terms article:has(h2[id^="m"])::before {
  content: "m";
}
.glossary-terms article:has(h2[id^="n"])::before {
  content: "n";
}
.glossary-terms article:has(h2[id^="o"])::before {
  content: "o";
}
.glossary-terms article:has(h2[id^="p"])::before {
  content: "p";
}
.glossary-terms article:has(h2[id^="q"])::before {
  content: "q";
}
.glossary-terms article:has(h2[id^="r"])::before {
  content: "r";
}
.glossary-terms article:has(h2[id^="s"])::before {
  content: "s";
}
.glossary-terms article:has(h2[id^="t"])::before {
  content: "t";
}
.glossary-terms article:has(h2[id^="u"])::before {
  content: "u";
}
.glossary-terms article:has(h2[id^="v"])::before {
  content: "v";
}
.glossary-terms article:has(h2[id^="w"])::before {
  content: "w";
}
.glossary-terms article:has(h2[id^="x"])::before {
  content: "x";
}
.glossary-terms article:has(h2[id^="y"])::before {
  content: "y";
}
.glossary-terms article:has(h2[id^="z"])::before {
  content: "z";
}

.glossary-terms article:has(h2[id^="a"]) + article:has(h2[id^="a"])::before,
.glossary-terms article:has(h2[id^="b"]) + article:has(h2[id^="b"])::before,
.glossary-terms article:has(h2[id^="c"]) + article:has(h2[id^="c"])::before,
.glossary-terms article:has(h2[id^="d"]) + article:has(h2[id^="d"])::before,
.glossary-terms article:has(h2[id^="e"]) + article:has(h2[id^="e"])::before,
.glossary-terms article:has(h2[id^="f"]) + article:has(h2[id^="f"])::before,
.glossary-terms article:has(h2[id^="g"]) + article:has(h2[id^="g"])::before,
.glossary-terms article:has(h2[id^="h"]) + article:has(h2[id^="h"])::before,
.glossary-terms article:has(h2[id^="i"]) + article:has(h2[id^="i"])::before,
.glossary-terms article:has(h2[id^="j"]) + article:has(h2[id^="j"])::before,
.glossary-terms article:has(h2[id^="k"]) + article:has(h2[id^="k"])::before,
.glossary-terms article:has(h2[id^="l"]) + article:has(h2[id^="l"])::before,
.glossary-terms article:has(h2[id^="m"]) + article:has(h2[id^="m"])::before,
.glossary-terms article:has(h2[id^="n"]) + article:has(h2[id^="n"])::before,
.glossary-terms article:has(h2[id^="o"]) + article:has(h2[id^="o"])::before,
.glossary-terms article:has(h2[id^="p"]) + article:has(h2[id^="p"])::before,
.glossary-terms article:has(h2[id^="q"]) + article:has(h2[id^="q"])::before,
.glossary-terms article:has(h2[id^="r"]) + article:has(h2[id^="r"])::before,
.glossary-terms article:has(h2[id^="s"]) + article:has(h2[id^="s"])::before,
.glossary-terms article:has(h2[id^="t"]) + article:has(h2[id^="t"])::before,
.glossary-terms article:has(h2[id^="u"]) + article:has(h2[id^="u"])::before,
.glossary-terms article:has(h2[id^="v"]) + article:has(h2[id^="v"])::before,
.glossary-terms article:has(h2[id^="w"]) + article:has(h2[id^="w"])::before,
.glossary-terms article:has(h2[id^="x"]) + article:has(h2[id^="x"])::before,
.glossary-terms article:has(h2[id^="y"]) + article:has(h2[id^="y"])::before,
.glossary-terms article:has(h2[id^="z"]) + article:has(h2[id^="z"])::before {
  display: none;
  content: "";
}

.glossary-terms article h2[id^="a"],
.glossary-terms article h2[id^="b"],
.glossary-terms article h2[id^="c"],
.glossary-terms article h2[id^="d"],
.glossary-terms article h2[id^="e"],
.glossary-terms article h2[id^="f"],
.glossary-terms article h2[id^="g"],
.glossary-terms article h2[id^="h"],
.glossary-terms article h2[id^="i"],
.glossary-terms article h2[id^="j"],
.glossary-terms article h2[id^="k"],
.glossary-terms article h2[id^="l"],
.glossary-terms article h2[id^="m"],
.glossary-terms article h2[id^="n"],
.glossary-terms article h2[id^="o"],
.glossary-terms article h2[id^="p"],
.glossary-terms article h2[id^="q"],
.glossary-terms article h2[id^="r"],
.glossary-terms article h2[id^="s"],
.glossary-terms article h2[id^="t"],
.glossary-terms article h2[id^="u"],
.glossary-terms article h2[id^="v"],
.glossary-terms article h2[id^="w"],
.glossary-terms article h2[id^="x"],
.glossary-terms article h2[id^="y"],
.glossary-terms article h2[id^="z"] {
  margin-top: 2rem;
}

.glossary-terms article:has(h2[id^="a"]) + article h2[id^="a"],
.glossary-terms article:has(h2[id^="b"]) + article h2[id^="b"],
.glossary-terms article:has(h2[id^="c"]) + article h2[id^="c"],
.glossary-terms article:has(h2[id^="d"]) + article h2[id^="d"],
.glossary-terms article:has(h2[id^="e"]) + article h2[id^="e"],
.glossary-terms article:has(h2[id^="f"]) + article h2[id^="f"],
.glossary-terms article:has(h2[id^="g"]) + article h2[id^="g"],
.glossary-terms article:has(h2[id^="h"]) + article h2[id^="h"],
.glossary-terms article:has(h2[id^="i"]) + article h2[id^="i"],
.glossary-terms article:has(h2[id^="j"]) + article h2[id^="j"],
.glossary-terms article:has(h2[id^="k"]) + article h2[id^="k"],
.glossary-terms article:has(h2[id^="l"]) + article h2[id^="l"],
.glossary-terms article:has(h2[id^="m"]) + article h2[id^="m"],
.glossary-terms article:has(h2[id^="n"]) + article h2[id^="n"],
.glossary-terms article:has(h2[id^="o"]) + article h2[id^="o"],
.glossary-terms article:has(h2[id^="p"]) + article h2[id^="p"],
.glossary-terms article:has(h2[id^="q"]) + article h2[id^="q"],
.glossary-terms article:has(h2[id^="r"]) + article h2[id^="r"],
.glossary-terms article:has(h2[id^="s"]) + article h2[id^="s"],
.glossary-terms article:has(h2[id^="t"]) + article h2[id^="t"],
.glossary-terms article:has(h2[id^="u"]) + article h2[id^="u"],
.glossary-terms article:has(h2[id^="v"]) + article h2[id^="v"],
.glossary-terms article:has(h2[id^="w"]) + article h2[id^="w"],
.glossary-terms article:has(h2[id^="x"]) + article h2[id^="x"],
.glossary-terms article:has(h2[id^="y"]) + article h2[id^="y"],
.glossary-terms article:has(h2[id^="z"]) + article h2[id^="z"] {
  margin-top: 0;
}