/* Public switch and keyboard directory. */
#kc-sp .kicap-sound-entity-list { padding-bottom: var(--kicap-section-space); background: var(--kicap-page); color: var(--kicap-text); }
#kc-sp .kicap-sound-entity-list__nav { display: flex; min-height: 46px; align-items: center; gap: var(--kicap-space-6); margin-bottom: var(--kicap-space-7); border-bottom: 1px solid var(--kicap-border); color: var(--kicap-text-muted); font-size: var(--kicap-font-size-xs); font-weight: 650; }
#kc-sp .kicap-sound-entity-list__nav a { display: inline-flex; min-height: 44px; align-items: center; border-bottom: 2px solid transparent; color: inherit; text-decoration: none; white-space: nowrap; }
#kc-sp .kicap-sound-entity-list__nav a:hover,
#kc-sp .kicap-sound-entity-list__nav a:focus-visible,
#kc-sp .kicap-sound-entity-list__nav a[aria-current="page"] { border-color: var(--kicap-color-accent); color: var(--kicap-text); }
#kc-sp .kicap-sound-entity-list__header { max-width: 46rem; padding: var(--kicap-space-7) 0; }
#kc-sp .kicap-sound-entity-list__eyebrow { display: block; margin-bottom: var(--kicap-space-4); color: var(--kicap-color-accent-strong); font: 700 var(--kicap-font-size-xs) / 1 var(--kicap-font-sans); letter-spacing: .12em; text-transform: uppercase; }
#kc-sp .kicap-sound-entity-list__header h1 { margin: 0; color: var(--kicap-text); font: 700 clamp(2.4rem, 4.5vw, 4.25rem) / .98 var(--kicap-font-sans); letter-spacing: -.055em; }
#kc-sp .kicap-sound-entity-list__header p { margin: var(--kicap-space-4) 0 0; color: var(--kicap-text-muted); line-height: var(--kicap-line-height-relaxed); }
#kc-sp .kicap-sound-entity-list__toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem); gap: var(--kicap-space-3); align-items: center; padding: var(--kicap-space-4); border: 1px solid var(--kicap-border); border-radius: var(--kicap-radius-md); background: var(--kicap-surface); }
#kc-sp .kicap-sound-entity-list__search { display: block; }
#kc-sp .kicap-sound-entity-list__search .kicap-input,
#kc-sp .kicap-sound-entity-list__filter .kicap-select { width: 100%; min-height: 44px; }
#kc-sp .kicap-sound-entity-list__status { min-height: 1.4em; margin: var(--kicap-space-5) 0; color: var(--kicap-text-muted); font-size: var(--kicap-font-size-sm); }
#kc-sp .kicap-sound-entity-list__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--kicap-space-4); }
#kc-sp .kicap-sound-entity-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--kicap-border); border-radius: var(--kicap-radius-md); background: var(--kicap-surface); }
#kc-sp .kicap-sound-entity-card__body { display: flex; min-height: 11.5rem; flex: 1; flex-direction: column; padding: var(--kicap-space-4); }
#kc-sp .kicap-sound-entity-card__meta { overflow: hidden; color: var(--kicap-color-accent-strong); font-size: var(--kicap-font-size-xs); font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
#kc-sp .kicap-sound-entity-card h2 { overflow: hidden; margin: var(--kicap-space-2) 0 0; color: var(--kicap-text); font-size: var(--kicap-font-size-lg); letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }
#kc-sp .kicap-sound-entity-card p { display: -webkit-box; overflow: hidden; margin: var(--kicap-space-3) 0 0; color: var(--kicap-text-muted); font-size: var(--kicap-font-size-sm); line-height: var(--kicap-line-height-base); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#kc-sp .kicap-sound-entity-card__footer { display: flex; align-items: center; justify-content: space-between; gap: var(--kicap-space-3); margin-top: auto; padding-top: var(--kicap-space-4); color: var(--kicap-text-subtle); font-size: var(--kicap-font-size-xs); }
#kc-sp .kicap-sound-entity-card__footer a { color: var(--kicap-color-accent-strong); font-weight: 700; text-decoration: none; }
#kc-sp .kicap-sound-entity-list__empty { grid-column: 1 / -1; padding: var(--kicap-space-8) var(--kicap-space-5); border: 1px dashed var(--kicap-border-strong); border-radius: var(--kicap-radius-md); background: var(--kicap-surface); color: var(--kicap-text-muted); text-align: center; }
#kc-sp .kicap-sound-entity-list__more-wrap { display: flex; justify-content: center; margin-top: var(--kicap-space-7); }

@media (max-width: 1023px) { #kc-sp .kicap-sound-entity-list__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  #kc-sp .kicap-sound-entity-list__nav { gap: var(--kicap-space-5); margin-inline: calc(var(--kicap-container-gutter) * -1); padding-inline: var(--kicap-container-gutter); overflow-x: auto; }
  #kc-sp .kicap-sound-entity-list__toolbar { grid-template-columns: 1fr; }
  #kc-sp .kicap-sound-entity-list__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #kc-sp .kicap-sound-entity-card__body { min-height: 10.5rem; }
}
@media (max-width: 420px) { #kc-sp .kicap-sound-entity-list__grid { grid-template-columns: 1fr; } }