/* Separate from the UI theme so the font catalog can evolve independently. */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.font-group { flex-direction: column; align-items: stretch; min-width: 0; gap: 8px; }
.font-picker-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.font-picker-top > .control-label { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.font-current { margin-left: 8px; font-family: 'Public Sans', sans-serif; font-weight: 500; }
.font-source { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.font-source button, .font-more { min-height: 34px; border: 2px solid var(--ink); background: var(--surface); color: var(--ink); padding: 4px 8px; font-size: 11px; font-weight: 700; cursor: pointer; }
.font-source button[aria-pressed="true"] { background: var(--pink); }
.font-source button:disabled { opacity: .5; cursor: not-allowed; }
.font-search { width: 100%; min-height: 36px; border: 2px solid var(--ink); border-radius: 0; background: var(--surface); color: var(--ink); padding: 6px 10px; font: 13px 'Public Sans', sans-serif; }
.font-catalog-status { margin: 0; color: var(--ink-soft); font: 11px/1.5 'Public Sans', sans-serif; }
.font-list.is-catalog { display: flex; flex-wrap: wrap; max-height: 168px; overflow-y: auto; overflow-x: hidden; padding: 2px 4px 5px 0; }
.font-list.is-catalog .font-button { flex: 0 1 auto; max-width: 100%; white-space: normal; overflow-wrap: anywhere; padding-block: 5px; }
.font-button[aria-busy="true"] { opacity: .65; cursor: progress; }
.font-button:focus-visible, .font-source button:focus-visible, .font-more:focus-visible { outline: 2px dashed var(--ink); outline-offset: 3px; }
.font-empty { margin: 4px 0; font-size: 12px; }
@media (max-width: 760px) {
  .font-source button, .font-more { min-height: 44px; }
  .font-search { min-height: 44px; font-size: 16px; }
  .font-list.is-catalog { max-height: 210px; }
}