/**
 * SML A-Z Strip — responsive
 */
.sl-az-strip {
  background: var(--sl-navy-ghost);
  padding-block: var(--sl-space-3);
  border-bottom: 0.5px solid rgba(21,101,192,0.15);
}
.sl-az-strip__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sl-space-1);
}
.sl-az-strip__label {
  font-size: var(--sl-text-xs);
  font-weight: var(--sl-weight-medium);
  color: var(--sl-navy);
  margin-right: var(--sl-space-2);
  white-space: nowrap;
}
.sl-az-letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  font-size: var(--sl-text-sm);
  font-weight: var(--sl-weight-medium);
  color: var(--sl-navy-mid);
  border-radius: var(--sl-radius-sm);
  cursor: pointer;
  text-decoration: none;
  transition: background var(--sl-transition), color var(--sl-transition);
}
.sl-az-letter:hover,
.sl-az-letter.is-active  { background: var(--sl-navy); color: #fff; text-decoration: none; }
.sl-az-letter.is-disabled { color: var(--sl-gray-light); cursor: default; pointer-events: none; }

@media (max-width: 767px) {
  .sl-az-letter { width: 24px; height: 24px; font-size: var(--sl-text-xs); }
}