.telugu-typing-helper { margin: .4rem 0 .65rem; font-size: .8rem; font-weight: 400; line-height: 1.6; }
.telugu-typing-helper > summary { display: inline-block; cursor: pointer; color: #386257; border: 1px solid #d9dfd0; border-radius: 20px; padding: .2rem .7rem; background: #f4f6ee; }
.telugu-typing-helper > summary:hover, .telugu-typing-helper > summary:focus-visible { background: #e9efdf; outline-offset: 3px; }
.telugu-typing-helper > div { margin-top: .5rem; padding: .8rem; border: 1px solid #deded2; border-radius: 10px; background: #fafbf6; color: #40564d; }
.telugu-typing-helper p { margin: 0 0 .55rem; font-size: inherit; line-height: 1.6; }
.telugu-typing-helper small { display: block; margin-top: .6rem; color: #656e64; font-size: .74rem; }
@media print { .telugu-typing-helper { display: none; } }
.telugu-keyboard-row { display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: .45rem; }
.telugu-keyboard button { flex: 0 0 auto; min-width: 38px; min-height: 42px; padding: .3rem .45rem; margin: 0; border: 1px solid #d5d9cc; border-radius: 7px; background: #fffef9; color: #214c40; font-family: inherit; font-size: 1.1rem; line-height: 1.3; cursor: pointer; touch-action: manipulation; }
.telugu-keyboard button:hover, .telugu-keyboard button:focus-visible { background: #e4ecd9; border-color: #6a8975; }
.telugu-keyboard-actions { margin: .65rem 0 0; }
.telugu-keyboard-actions button { flex: 1 1 auto; font-size: .8rem; }
.telugu-typing-helper[open] { max-width: 100%; min-width: 0; }