/* Start custom CSS *//* smooth jump + clear the sticky header when landing on a letter */
html { scroll-behavior: smooth; }
[id^="letter-"] { scroll-margin-top: 130px; }

/* the two wrappers are layout-transparent so all 26 blocks sit in the grid */
#kb-wrap-1, #kb-wrap-2 { display: contents !important; }

/* letter blocks */
#kb-grid [id^="letter-"] {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  width: 100%;
  padding: 0 !important;
}
#kb-grid [id^="letter-"] > h2 {
  margin: 0 0 24px 0;
  font-size: 44px;
  font-weight: 800;
  line-height: 1em;
  letter-spacing: -0.5px;
  color: #1A2A80;
}
#kb-grid [data-element_type="e-collection-loop"],
#kb-grid [data-element_type="e-collection-loop-item"] {
  width: 100%;
  padding: 0 !important;
}
#kb-grid [data-element_type="e-collection-loop-layout"] {
  display: flex !important;
  flex-direction: column;
  gap: 11px;
  width: 100%;
  padding: 0 !important;
}
#kb-grid [id^="letter-"] a {
  font-size: 16px;
  line-height: 1.45em;
  color: #4A4A63;
  text-decoration: none;
  transition: color .16s ease;
}
#kb-grid [id^="letter-"] a:hover { color: #FF4A17; }

/* the A-Z bar under the intro */
#az-top a {
  font-size: 17px;
  font-weight: 600;
  line-height: 1em;
  color: #1A2A80;
  text-decoration: none;
  transition: color .16s ease;
}
#az-top a:hover { color: #FF4A17; }

/* the letters widget under the ad */
#az-widget a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background-color: #F5F4FD;
  color: #1A2A80;
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  transition: background-color .16s ease, color .16s ease, transform .16s ease;
}
#az-widget a:hover {
  background-color: #FF4A17;
  color: #FFFFFF;
  transform: translateY(-2px);
}/* End custom CSS */