/* Language menu ({{languages}} in the page templates, built by scripts/build.mjs). */
.langs { position: relative; }
.langs summary { list-style: none; cursor: pointer; padding: 3px 10px; border: 1px solid var(--border); border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--muted); }
.langs summary::-webkit-details-marker { display: none; }
.langs summary:hover, .langs[open] summary { color: var(--text); }
.langs ul { position: absolute; inset-inline-end: 0; top: calc(100% + 6px); z-index: 10; min-width: 170px; max-height: 60vh; overflow-y: auto; margin: 0; padding: 6px; list-style: none; border: 1px solid var(--border); border-radius: 12px; background: var(--card); box-shadow: 0 16px 32px -12px rgba(24, 24, 27, 0.3); }
.langs a { display: block; padding: 6px 10px; border-radius: 8px; color: var(--text); font-size: 14px; text-decoration: none; }
.langs a:hover { background: var(--soft); }
.langs a[aria-current] { font-weight: 600; color: var(--accent); }