.header-controls { display: flex; align-items: center; justify-content: flex-end; gap: 22px; min-width: 0; }
.language-menu { position: relative; flex-shrink: 0; font-size: 12px; z-index: 20; }
.language-menu summary { cursor: pointer; color: var(--accent); border: 1px solid var(--border); border-radius: 3px; padding: 7px 10px; }
.language-menu summary:focus-visible, .language-menu a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.language-options { position: absolute; right: 0; top: calc(100% + 8px); width: 210px; max-width: calc(100vw - 32px); padding: 6px; border: 1px solid var(--border); border-radius: 4px; background: var(--bg2); box-shadow: 0 14px 36px #0008; }
.language-options a { display: block; padding: 9px 10px; text-decoration: none; color: var(--text-bright); white-space: nowrap; }
.language-options a:hover, .language-options a[aria-current="page"] { background: var(--bg3); color: var(--accent); }
.language-code { display: inline-block; width: 30px; color: var(--text-dim); }
.lookup-title { font: inherit; font-family: var(--sans); font-size: 20px; margin: 0 0 6px; }
.card-title { min-width: 0; overflow-wrap: anywhere; }
.kv-key { white-space: normal; flex: 0 1 50%; min-width: 0; overflow-wrap: anywhere; }
.kv-val { min-width: 0; flex: 1 1 0; overflow-wrap: anywhere; word-break: normal; }
.network-state { flex-shrink: 1; min-width: 0; text-align: right; overflow-wrap: anywhere; }
@media (max-width: 600px) {
    header { padding: 16px; gap: 12px; }
    .header-controls { gap: 10px; flex-wrap: wrap; }
    .header-meta strong { font-size: 13px; }
    .container { padding: 22px 16px; }
    .grid, .grid-3 { grid-template-columns: minmax(0, 1fr); }
}