.keyboard-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:680px;margin:8px auto 15px;font-size:12px;color:var(--theme-ink)}.keyboard-caption strong{font-weight:600}.keyboard-caption>span{font-size:10px;padding:5px 10px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}
.keyboard-stage.krutidev-keyboard .key:not(.space):not(.shift){height:52px;padding:0;overflow:visible}.krutidev-keyboard .key-main-glyph{position:absolute;inset-inline:1px;top:3px;text-align:center;font-size:21px;line-height:1.35;font-weight:500;color:var(--ink)}.krutidev-keyboard .key-alt-glyph{position:absolute;right:4px;bottom:3px;font-size:10px;line-height:1.3;color:var(--muted)}.krutidev-keyboard .key-physical{position:absolute;left:4px;bottom:3px;font:8px/1.2 ui-monospace,monospace;color:var(--muted)}.krutidev-keyboard .key.next .key-main-glyph,.krutidev-keyboard .key.next .key-alt-glyph,.krutidev-keyboard .key.next .key-physical{color:var(--theme-key-ink)}.krutidev-keyboard .key.space,.krutidev-keyboard .key.shift{font-family:Hindi,'Nirmala UI',sans-serif;font-size:12px;line-height:1.4}.krutidev-keyboard.shift-layer .key-main-glyph{font-weight:650}.krutidev-keyboard .key.home:after{pointer-events:none}
.typing-text{white-space:pre-wrap}.hindi-text.source-hindi{line-height:2.1}.source-hindi .hindi-word{margin:0;padding:1px 2px;display:inline-block}.hindi-gap{white-space:pre-wrap}.hindi-key-sequence{white-space:normal}.hindi-key-sequence>div{gap:5px}.hindi-key-sequence kbd{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:30px;padding:4px 7px;font-size:18px;line-height:1.4;gap:3px}.hindi-key-sequence kbd small{font:9px/1.1 ui-monospace,monospace;color:var(--muted)}.hindi-key-sequence kbd.cursor{box-shadow:0 2px 0 var(--theme-ink)}.key-legend{flex-wrap:wrap;gap:8px;line-height:1.7}.key-legend>span:first-child{flex-wrap:wrap}
.passage-details p{white-space:pre-wrap}
@media(max-width:600px){.keyboard-stage.krutidev-keyboard .key:not(.space):not(.shift){height:45px}.krutidev-keyboard .key-main-glyph{font-size:16px;top:4px;inset-inline:0}.krutidev-keyboard .key-alt-glyph{font-size:8px;right:2px;bottom:3px}.krutidev-keyboard .key-physical{font-size:7px;left:2px;bottom:3px}.krutidev-keyboard .key.space,.krutidev-keyboard .key.shift{font-size:10px}.keyboard-caption{font-size:10px;gap:8px}.keyboard-caption>span{font-size:9px;padding:4px 7px}.hindi-key-sequence kbd{font-size:16px;min-width:27px;padding:4px 5px}.hindi-key-sequence strong{font-size:17px}.key-legend>span:last-child{font-size:9px}.hindi-text.source-hindi{font-size:23px}}