.elementor-5648 .elementor-element.elementor-element-3270fe3{--display:flex;}.elementor-5648 .elementor-element.elementor-element-e68b72f{--display:flex;}.elementor-5648 .elementor-element.elementor-element-193d16e{--display:flex;}.elementor-5648 .elementor-element.elementor-element-5f0f208{text-align:center;}/* Start custom CSS for shortcode, class: .elementor-element-1713e58 *//* Glossary container */
.glossary { margin: 2rem 0; }

/* LETTER BAR (centered) */
.glossary-topbar {
  display: flex;
  justify-content: center;              /* center the whole bar */
  margin: .5rem 0 2rem;
}
.glossary-letters { 
  width: 100%; 
  text-align: center; 
  justify-content: center;
}
.glossary-letters ul {
  display: inline-flex;                 /* keeps the pills centered as a group */
  justify-content: center;
  flex-wrap: wrap;
  gap: .5em;
  list-style: none;
  margin: auto;
  padding: 0;
}
.glossary-letters a,
.glossary-letters .disabled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2.5rem;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
}
.glossary-letters a {
  border: 1px solid #194C9B;
  color: #194C9B;
}
.glossary-letters a:hover { background: #194C9B; color: #fff; }
.glossary-letters .disabled {
  opacity: .35;
  border: 1px dashed #aaa;
  color: #0E2B3DAD; /* Using the specified Text color */
  cursor: not-allowed;
}

/* SECTIONS */
.glossary-section { margin: 3rem 0; scroll-margin-top: 96px; } /* adjust for sticky header */
.glossary-letter {
  border-bottom: 2px solid #194C9B;
  padding-bottom: .25rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  color: #194C9B;
}

/* ENTRIES: exactly two columns on desktop */
.glossary-list {
  columns: 2;                           /* force two columns */
  column-gap: 2.25rem;
  list-style: disc;
  padding-left: 1.25rem;
}
.glossary-list li { margin-bottom: 2rem; }
.glossary-list a {
  color: #0E2B3DAD;
  text-decoration: none;
  font-size: 1.5rem;
}
.glossary-list a:hover {  color: #194C9B; }

/* Mobile: single column for readability */
@media (max-width: 767px) {
  .glossary-list { columns: 1; }
  
  .glossary-list a {
    font-size: 1rem;
  }
  
}/* End custom CSS */