.letter-nav{margin:var(--sp-5) 0 var(--sp-4)}.letter-picker{display:none}.letter-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));display:grid}.letter-nav a{justify-content:center;align-items:center;gap:var(--sp-0);min-height:44px;padding:var(--sp-3) var(--sp-1);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--desk);color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.letter-nav a:hover,.letter-nav a:focus-visible,.letter-nav a[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.letter-nav-label{font-family:var(--font-serif);font-size:var(--fs-xl);line-height:1.1}.letter-nav-count{font-family:var(--font-sans);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--muted)}@media (width<=640px){.letter-nav[data-enhanced] .letter-grid{display:none}.letter-nav[data-enhanced] .letter-picker{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--muted);display:flex}.letter-picker select{min-width:0;min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-control);background-color:var(--desk);color:var(--ink);font:inherit;flex:1;font-size:1rem}.letter-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}