fix(theme): show every language in the selector without scrolling

[helmihyo]

The language selector shows five of the ten languages. The rest are reachable only by scrolling inside the dropdown, which gives no visual hint that there is anything below.

Cause

Material caps the open menu:

.md-select:hover .md-select__inner { max-height: 10rem; }

At the site's root font size that resolves to 200px, and each entry is 36px tall — five rows. The list needs 360px for ten languages.

Fix

.md-select:focus-within .md-select__inner,
.md-select:hover .md-select__inner {
  max-height: min(24rem, 75vh);
}

24rem resolves to 480px, which clears thirteen entries — enough headroom that adding a language does not immediately reintroduce the problem. The 75vh term keeps the menu on screen on a short display, where a fixed 24rem would run past the bottom edge.

:focus-within is included alongside :hover because the theme's own rule covers both, and keyboard users open the menu that way.

Measured, not estimated

Read from the rendered page rather than assumed:

Entry height	36px
List needs	360px for ten languages
Old cap resolved to	200px — five visible
New cap resolves to	480px — all ten visible, room for thirteen

Verified in the browser on both sites: the menu opens to its full height with no scrollbar.

🤖 Generated with Claude Code