/* wgf-family-directory.css - the /browse/ A-Z directories (family_directory_app, 2026-10-09). */
.wgf-fd { max-width: 1100px; margin: 0 auto; padding: var(--space-3, 16px); color: var(--wgf-text, #e8e2d0); }
.wgf-fd h1 { color: var(--wgf-gold, #f8b700); margin: 0 0 var(--space-2, 8px); }
.wgf-fd a { color: var(--wgf-gold, #f8b700); }
.wgf-fd-letters, .wgf-fd-pager { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: var(--space-2, 8px) 0; }
.wgf-fd-letters a, .wgf-fd-letters strong, .wgf-fd-pager a, .wgf-fd-pager strong {
  display: inline-block; min-width: 2em; text-align: center; padding: 2px 6px;
  border: 1px solid var(--wgf-border-neutral-soft, #3a3a3a); border-radius: 4px; }
.wgf-fd-letters strong, .wgf-fd-pager strong { background: var(--wgf-panel-2, #222); }
.wgf-fd-index, .wgf-fd-families { list-style: none; padding: 0; margin: var(--space-3, 16px) 0; }
.wgf-fd-index li, .wgf-fd-families li { padding: 6px 0; border-bottom: 1px solid var(--wgf-border-neutral-soft, #3a3a3a); }
.wgf-fd-L { font-weight: 700; font-size: 1.15em; margin-right: 6px; }
.wgf-fd-n, .wgf-fd-range, .wgf-fd-hub { color: var(--wgf-muted, #a89f88); font-size: .92em; }
.wgf-fd-pages a { margin: 0 2px; }
.wgf-browse-door { margin: var(--space-3, 16px) 0; }