.ros-app{--blue:var(--ros-primary,#2f3b2f);--green:var(--ros-correct,#1f6b3c);--red:var(--ros-wrong,#a52a22);width:100%;max-width:860px;margin:10px auto;padding:0;font-family:"Times New Roman",Times,"Noto Serif Telugu","Noto Sans Telugu",serif;line-height:1.38;color:#20231f;background:var(--ros-app-bg,#f7f8f2);box-sizing:border-box}.ros-app *{box-sizing:border-box}.ros-title{margin:0 0 8px;padding:0 2px;text-align:center;font-size:clamp(22px,5.5vw,30px);line-height:1.15;font-weight:900;color:#2f3538}.ros-card{border:1px solid #d6dbd3;border-radius:13px;padding:14px;background:var(--ros-card-bg,#f7f8f2);box-shadow:none}.ros-card[hidden],.ros-steps[hidden]{display:none!important}
.ros-selection{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;margin-top:28px}.ros-selection label{font-weight:700;white-space:nowrap}.ros-selection select{width:100%;min-width:0;max-width:100%;height:44px;padding:7px 11px;border:1px solid #aeb5ac;border-radius:9px;font:16px/1.2 inherit;background:#fff;color:#20231f;text-overflow:ellipsis}.ros-selection p{grid-column:1/3;margin:4px 0;text-align:center;font-size:14px;font-weight:700;color:#3f4b3f}
.ros-selection #ros-load-retry{grid-column:1/3;justify-self:center;width:150px}.ros-selection #ros-load-retry[hidden]{display:none!important}
.ros-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.ros-steps span{border:1px solid #d8ddd5;border-radius:10px;padding:8px 7px;background:#f3f5f1;text-align:center;font-size:14px;font-weight:800;min-width:0}.ros-steps span.active{background:var(--ros-app-bg,#f7f8f2);border-color:#657060;box-shadow:inset 0 -3px 0 #2f3b2f}
.ros-card h2{font-size:23px;line-height:1.2;margin:4px 0 7px}.ros-learn-content{max-height:62vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ros-learn-content table{max-width:100%}
.ros-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.ros-head h2{font-size:21px}.ros-head small,.ros-result>small{font-size:11px;font-weight:800;letter-spacing:.06em;opacity:.67}.ros-question{font-size:var(--ros-question-size,21px);font-weight:700;background:var(--ros-question-bg,rgba(255,255,255,.68));padding:11px 12px;border-radius:10px;margin:9px 0;line-height:1.38;text-align:left}.ros-answer,.ros-bank{min-height:48px;padding:7px;border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;align-content:center}.ros-answer{border:1.5px dashed #aeb5ac;background:var(--ros-answer-bg,rgba(255,255,255,.52));margin-bottom:7px}.ros-bank{border:1px solid #cbd1c8;background:rgba(255,255,255,.34);margin-bottom:6px}
.ros-app button,.ros-word{color:#20242a;border:1px solid #9ba1a8;background:linear-gradient(180deg,var(--ros-word-bg,#fff) 0%,#f3f4f5 18%,#d9dde1 52%,#f8f9fa 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(88,94,101,.12),0 2px 4px rgba(36,42,48,.16);text-shadow:0 1px 0 rgba(255,255,255,.9);transition:transform .08s ease,box-shadow .12s ease,filter .12s ease;border-radius:9px;padding:7px 11px;font-weight:800;cursor:pointer;font-size:14px;height:40px;min-height:40px;line-height:1.1}.ros-app button:hover,.ros-word:hover{filter:brightness(1.035)}.ros-app button:active,.ros-word:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(60,66,72,.16),0 1px 2px rgba(36,42,48,.12);filter:brightness(.98)}.ros-app button:focus-visible,.ros-word:focus-visible{outline:2px solid #5f6872;outline-offset:2px}.ros-app button:disabled{filter:saturate(.55);opacity:.58;box-shadow:none}.ros-word{font-size:var(--ros-word-size,16px);padding:6px 9px;min-height:36px;height:36px;background:linear-gradient(180deg,var(--ros-word-bg,#fff) 0%,#f3f4f5 18%,#d9dde1 52%,#f8f9fa 100%)}
.ros-primary,#ros-start,#ros-submit{background:var(--ros-primary,#2e7d32)!important;color:#fff!important;border-color:#256628!important;text-shadow:none!important;box-shadow:0 2px 4px rgba(0,0,0,.16)!important}.ros-full{width:100%;margin-top:10px}.ros-actions{display:flex;gap:7px;margin-top:7px}.ros-actions button{flex:1;min-width:0}.ros-actions #ros-learn-back,.ros-actions #ros-learn-exit,.ros-actions #ros-pback,.ros-actions #ros-pexit,.ros-actions #ros-tback,.ros-actions #ros-texit,.ros-actions #ros-result-exit{background:#c62828!important;color:#fff!important;border-color:#a91f1f!important;text-shadow:none!important}.ros-scoreline{display:flex;justify-content:center;align-items:center;margin:6px 0 2px;padding:7px 9px;border:1px solid #d4dad1;border-radius:9px;background:rgba(255,255,255,.65);font-size:14px;font-weight:800;line-height:1.25}.ros-feedback{min-height:24px;font-size:17px;line-height:24px;font-weight:800;text-align:center;margin:4px 0}.ros-feedback.good{color:var(--green)}.ros-feedback.bad{color:var(--red)}
#ros-input{width:100%;padding:9px 11px;border:1px solid #9fa89c;border-radius:9px;font:17px inherit;min-height:52px;max-height:72px;resize:none;background:#fff}.ros-mic{width:100%;margin-top:7px}.ros-mic.active{border-color:#a52a22!important;background:#fff4f3!important}.ros-result{text-align:center}.ros-percent{font-size:22px;font-weight:800;padding:11px 0;color:var(--blue)}.ros-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}.ros-result-grid div{border:1px solid #d4dad1;border-radius:9px;padding:8px;background:rgba(255,255,255,.6);display:flex;flex-direction:column}.ros-result-grid b{font-size:19px}.ros-result-grid span{font-size:11px;line-height:1.15}
@media(max-width:782px){html:has(#spokenbee-ros-app),body:has(#spokenbee-ros-app){overflow:hidden!important;overscroll-behavior:none!important}.ros-app{position:fixed!important;inset:0!important;z-index:999999!important;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:8px 10px!important;background:#eef0eb!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;line-height:1.3!important}.ros-title{flex:0 0 auto;margin:2px 0 5px!important;font-size:clamp(23px,6vw,29px)!important}.ros-selection{margin-top:clamp(70px,14vh,190px);grid-template-columns:minmax(0,1fr);gap:6px}.ros-selection label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ros-selection select{height:42px;font-size:16px;padding:6px 9px}.ros-selection p{grid-column:1;font-size:15px}.ros-steps{flex:0 0 auto;margin:5px 0;gap:4px}.ros-steps span{padding:6px 5px;border-radius:8px;font-size:15px}.ros-card{flex:1 1 0;min-height:0;padding:10px 11px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.ros-learn-content{flex:1 1 auto;min-height:90px;max-height:none;padding:9px;font-size:var(--ros-learn-size,18px);line-height:1.3;overflow-y:auto!important}.ros-card h2{font-size:clamp(22px,5.8vw,27px);margin:2px 0 5px}.ros-head{flex:0 0 auto}.ros-question{flex:0 0 auto;font-size:var(--ros-question-size,clamp(21px,5.7vw,25px));padding:8px 9px;margin:6px 0}.ros-answer,.ros-bank{min-height:40px;padding:5px;gap:5px;border-radius:8px}.ros-answer{margin-bottom:5px}.ros-bank{margin-bottom:4px;flex:1 1 auto;align-content:flex-start;overflow-y:auto}.ros-word{font-size:var(--ros-word-size,clamp(21px,5.8vw,25px));font-weight:700;min-height:48px;height:auto;padding:10px 14px;border-radius:10px;line-height:1.15}.ros-feedback{flex:0 0 auto;min-height:20px;line-height:20px;font-size:17px;margin:2px 0}.ros-scoreline{flex:0 0 auto;font-size:12px;padding:6px 7px;margin:4px 0 2px}.ros-actions{gap:5px;margin-top:auto;padding-top:5px;flex:0 0 auto}.ros-actions button,.ros-mic{height:44px;min-height:44px;padding:7px 5px;font-size:14px;border-radius:8px}.ros-full{margin-top:6px;flex:0 0 auto}#ros-input{flex:0 0 auto;font-size:18px;min-height:56px;max-height:72px;padding:6px 8px}.ros-mic{flex:0 0 auto;margin-top:5px}.ros-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.ros-result-grid div{padding:6px}.ros-result-grid b{font-size:16px}.ros-result-grid span{font-size:9px}}
@media(max-width:390px){.ros-app{padding:6px 7px!important}.ros-selection{margin-top:clamp(55px,11vh,130px)}.ros-steps span{font-size:13px}.ros-card{padding:8px}.ros-card h2{font-size:21px}.ros-question{font-size:20px}.ros-word{font-size:20px;min-height:44px;padding:9px 12px}.ros-actions button,.ros-mic{font-size:13px;height:42px;min-height:42px}.ros-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.14.0 selected-post loading feedback only; existing visual design is unchanged */
@media(max-width:782px){.ros-selection #ros-load-retry{grid-column:1}}

/* v1.4.0 navigation, compact steps, full-width Learn content and custom dialog */
.ros-selection-actions{grid-column:1/3;display:flex;justify-content:center;margin-top:auto;padding-top:12px}.ros-selection-actions button{min-width:150px;background:#c62828!important;color:#fff!important;border-color:#a91f1f!important;text-shadow:none!important}.ros-steps span{padding:4px 6px!important;min-height:30px!important;height:auto!important;line-height:1.05!important;border-radius:10px!important;white-space:nowrap!important;font-size:13px!important;background:linear-gradient(180deg,#fff 0%,#eceff1 30%,#cfd4d8 70%,#f7f8f9 100%)!important;box-shadow:inset 0 1px 0 #fff,0 2px 3px rgba(0,0,0,.14)!important}.ros-steps span.active{border-color:#6f777e!important;background:linear-gradient(180deg,#fff 0%,#dfe3e6 45%,#bcc3c8 100%)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #737b82,0 2px 3px rgba(0,0,0,.16)!important}.ros-practice-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.ros-practice-actions button{width:100%!important;height:44px!important;min-height:44px!important}.ros-learn-content{margin-left:-7px!important;margin-right:-7px!important;padding-left:0!important;padding-right:0!important;border-radius:5px!important}.ros-learn-content>table,.ros-learn-content .wp-block-table,.ros-learn-content .wp-block-table table{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.ros-tts-active{position:relative!important;background:#fff3a6!important;outline:3px solid #e3a719!important;outline-offset:-3px!important;transition:background .2s ease,outline .2s ease!important}.ros-dialog[hidden]{display:none!important}.ros-dialog{position:fixed!important;inset:0!important;z-index:1000001!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(24,28,30,.55)!important}.ros-dialog-card{width:min(92%,420px)!important;padding:20px!important;border:1px solid #bfc5c0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 34px rgba(0,0,0,.3)!important;text-align:center!important}.ros-dialog-card h3{margin:4px 0 20px!important;font-size:21px!important;line-height:1.3!important}.ros-dialog-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.ros-dialog-actions button{width:100%!important;height:44px!important}.ros-dialog-actions #ros-exit-confirm{background:#c62828!important;color:#fff!important;border-color:#a91f1f!important;text-shadow:none!important}
@media(max-width:782px){.ros-selection-actions{grid-column:1;margin-top:auto}.ros-steps{gap:5px!important}.ros-steps span{font-size:clamp(10px,3vw,12px)!important;min-height:28px!important;padding:3px 3px!important}.ros-learn-content{margin-left:-8px!important;margin-right:-8px!important}.ros-practice-actions{margin-top:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.ros-practice-actions button{height:46px!important;min-height:46px!important;font-size:15px!important}}

/* v1.5.0 spacing and Translation controls */
.ros-selection-actions{margin-top:18px!important;margin-bottom:24px!important;padding-top:0!important}.ros-steps span{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.ros-learn-content{margin-left:-3px!important;margin-right:-3px!important;padding:4px!important}.ros-translation-submit{display:block!important;width:100%!important;height:44px!important;min-height:44px!important;margin:7px 0 0!important}.ros-translation-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:7px!important;padding-top:0!important}.ros-translation-actions button{width:100%!important;height:44px!important;min-height:44px!important}
@media(max-width:782px){.ros-selection-actions{margin-top:20px!important;margin-bottom:clamp(32px,7vh,70px)!important}.ros-learn-content{margin-left:-4px!important;margin-right:-4px!important;padding:4px!important}.ros-translation-submit{height:46px!important;min-height:46px!important;font-size:15px!important}.ros-translation-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:6px!important}.ros-translation-actions button{height:46px!important;min-height:46px!important;font-size:15px!important}}

/* v1.6.0 four-part live score, contained Practice controls, answer typography */
.ros-scoreline{display:grid!important;grid-template-columns:repeat(4,max-content)!important;justify-content:center!important;gap:5px 18px!important}.ros-scoreline span{white-space:nowrap}.ros-answer,.ros-answer *,.ros-bank,.ros-bank *,.ros-word,#ros-input,#ros-input::placeholder{font-family:"Times New Roman",Times,"Noto Serif Telugu","Noto Sans Telugu",serif!important}#ros-practice:not([hidden]){min-height:0!important;overflow:hidden!important}.ros-practice-actions{flex:0 0 auto!important;margin-top:6px!important}.ros-bank{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}.ros-learn-content{touch-action:pan-y!important}
@media(max-width:782px){.ros-scoreline{grid-template-columns:repeat(2,max-content)!important;gap:4px 14px!important;font-size:12px!important}#ros-practice:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto!important;height:100%!important}.ros-practice-actions{align-self:end!important;margin-top:5px!important;padding-top:0!important}.ros-bank{height:auto!important;max-height:none!important}}

/* v1.7.0 targeted TTS, stronger colours, and raised Practice controls */
#ros-learn{position:relative!important}.ros-tts-stop{position:absolute!important;right:12px!important;z-index:8!important;width:62px!important;height:38px!important;min-height:38px!important;padding:4px 7px!important;border-color:#9f1515!important;border-radius:9px!important;background:#c62828!important;color:#fff!important;font:700 13px/1 "Times New Roman",Times,serif!important;box-shadow:0 2px 5px rgba(0,0,0,.28)!important}.ros-tts-stop[hidden]{display:none!important}.ros-live-correct{color:#168529!important}.ros-live-wrong{color:#c62828!important}.ros-live-skipped{color:#8b5a2b!important}#ros-input{color:#000!important;-webkit-text-fill-color:#000!important;opacity:1!important}#ros-input::placeholder{color:#777!important;-webkit-text-fill-color:#777!important;opacity:1!important}#ros-practice .ros-head small{color:#000!important;opacity:1!important}#ros-pcount{color:#000!important;margin-right:14px!important}.ros-practice-actions{transform:translateY(-9px)!important;margin-bottom:-2px!important}
@media(max-width:782px){.ros-tts-stop{right:9px!important;width:58px!important;height:36px!important;min-height:36px!important}.ros-practice-actions{transform:translateY(-11px)!important;margin-bottom:-4px!important}}

/* v1.11.0 Practice submit panel and stable counter */
#ros-pcount{white-space:nowrap!important;flex:0 0 auto!important;margin-right:28px!important;line-height:1.2!important}.ros-bank-panel{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid #cbd1c8!important;border-radius:10px!important;background:rgba(255,255,255,.34)!important;margin-bottom:6px!important}.ros-bank-panel .ros-bank{flex:1 1 auto!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;margin:0!important}.ros-practice-submit-actions{flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:7px!important;border-top:1px solid #d4d8d2!important}.ros-practice-submit-actions button{width:100%!important;height:44px!important;min-height:44px!important;padding:6px 4px!important}.ros-practice-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ros-practice-actions button{width:100%!important}
@media(max-width:782px){#ros-pcount{margin-right:24px!important}.ros-bank-panel{height:auto!important;max-height:none!important;margin-bottom:4px!important}.ros-practice-submit-actions{gap:5px!important;padding:6px!important}.ros-practice-submit-actions button{height:43px!important;min-height:43px!important;font-size:14px!important}.ros-practice-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v1.13.0 raised Practice controls and Translation instructions drop-up */
.ros-practice-submit-actions{position:relative!important;transform:translateY(-11px)!important;margin-bottom:-11px!important}.ros-instructions-wrap{position:relative!important;flex:0 0 auto!important;margin-top:auto!important;padding-top:9px!important;text-align:center!important}.ros-instructions-wrap[hidden]{display:none!important}#ros-instructions-toggle{width:auto!important;min-width:150px!important;height:40px!important;min-height:40px!important;padding:6px 18px!important;border-radius:9px!important}.ros-instructions-dropup{position:absolute!important;left:50%!important;bottom:calc(100% + 7px)!important;transform:translateX(-50%)!important;z-index:12!important;width:min(94%,520px)!important;max-height:42vh!important;padding:13px!important;border:1px solid #aeb6b0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.25)!important;text-align:left!important;overflow-y:auto!important}.ros-instructions-dropup[hidden]{display:none!important}.ros-instructions-text{white-space:pre-wrap!important;color:#111!important;font:400 17px/1.45 "Times New Roman",Times,"Noto Serif Telugu",serif!important}.ros-instructions-dropup #ros-instructions-close{display:block!important;width:100%!important;height:40px!important;min-height:40px!important;margin-top:12px!important;background:#c62828!important;color:#fff!important;border-color:#a91f1f!important}
@media(max-width:782px){.ros-practice-submit-actions{transform:translateY(-13px)!important;margin-bottom:-13px!important}.ros-instructions-wrap{padding-top:6px!important}#ros-instructions-toggle{height:38px!important;min-height:38px!important}.ros-instructions-dropup{width:96%!important;max-height:45vh!important;padding:11px!important}.ros-instructions-text{font-size:16px!important}}

/* v1.15.0 remembered selection, Telugu-pronunciation switch, and Learn table examples/voice */
.ros-pronunciation-setting{grid-column:1/3;display:flex;align-items:center;justify-content:center;gap:10px;margin:2px 0 4px;font-weight:700}
.ros-pronunciation-setting span{font-size:14px;letter-spacing:.02em}
#ros-pronunciation-toggle{min-width:72px;height:38px;min-height:38px;border-radius:999px!important;padding:5px 14px!important;background:#2e7d32!important;color:#fff!important;border-color:#256628!important;text-shadow:none!important;box-shadow:none!important}
#ros-pronunciation-toggle.is-off{background:#d7dadd!important;color:#2c3135!important;border-color:#aab0b5!important}

.ros-learn-row-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:6px!important;margin-top:7px!important}
.ros-app button.ros-mini-silver{width:auto!important;min-width:86px!important;height:34px!important;min-height:34px!important;padding:4px 12px!important;border:1px solid #9ca2a7!important;border-radius:999px!important;background:#e2e5e7!important;color:#252a2e!important;box-shadow:none!important;text-shadow:none!important;font:700 12px/1 "Times New Roman",Times,serif!important;letter-spacing:.02em!important}
.ros-app button.ros-mini-silver:hover{background:#d7dbde!important;filter:none!important}
.ros-app button.ros-mini-silver:active{transform:none!important;background:#cfd4d7!important;box-shadow:none!important}
.ros-app button.ros-examples-btn[aria-expanded="true"]{background:#cfd4d7!important;border-color:#838a90!important}
@media(max-width:782px){
  .ros-app{background:var(--ros-app-bg,#f7f8f2)!important}
  .ros-pronunciation-setting{grid-column:1!important;margin:3px 0 2px!important;gap:8px!important}
  .ros-pronunciation-setting span{font-size:13px!important}
  #ros-pronunciation-toggle{height:36px!important;min-height:36px!important;min-width:68px!important;font-size:13px!important}
  .ros-learn-row-actions{justify-content:flex-start!important;gap:5px!important;margin-top:6px!important}
  .ros-app button.ros-mini-silver{min-width:82px!important;height:32px!important;min-height:32px!important;padding:4px 10px!important;font-size:11px!important}
}

/* v1.15.1 explicit START gate + compact table-level Learn controls */
.ros-selection{
  grid-template-columns:minmax(0,1fr)!important;
  gap:6px!important;
}
.ros-selection label{
  grid-column:1!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:7px 0 1px!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:normal!important;
  border:0!important;
  font-weight:700!important;
  font-size:14px!important;
  color:#20231f!important;
}
.ros-selection select,
.ros-pronunciation-setting,
.ros-selection-start,
#ros-selection-message,
#ros-load-retry,
.ros-selection-actions{
  grid-column:1!important;
}
.ros-pronunciation-setting{
  justify-content:flex-start!important;
  margin:10px 0 3px!important;
}
.ros-selection-start{
  display:block!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:5px 0 2px!important;
  border:1px solid #256628!important;
  border-radius:9px!important;
  background:#2e7d32!important;
  color:#fff!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font:700 16px/1 "Times New Roman",Times,serif!important;
}
.ros-selection-start:hover{background:#286f2c!important;filter:none!important}
.ros-selection-start:active{background:#235f26!important;transform:none!important}
#ros-selection-message[hidden]{display:none!important}

.ros-table-toolbar{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  margin:7px 0 6px!important;
  padding:0 2px!important;
}
.ros-table-toolbar .ros-table-help-message{
  flex:1 0 100%!important;
  margin:1px 0 2px!important;
  padding:7px 9px!important;
  border:1px solid #c7cbce!important;
  border-radius:8px!important;
  background:#f7f8f9!important;
  color:#222!important;
  font:700 14px/1.35 "Times New Roman",Times,"Noto Serif Telugu",serif!important;
  text-align:left!important;
}
.ros-table-toolbar .ros-table-help-message[hidden]{display:none!important}
.ros-learn-content tr.ros-main-row{
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.ros-learn-content tr.ros-main-row>td,
.ros-learn-content tr.ros-main-row>th{padding-bottom:6px!important}

@media(max-width:782px){
  .ros-selection{margin-top:clamp(34px,7vh,85px)!important;gap:5px!important}
  .ros-selection label{font-size:13px!important;margin-top:6px!important}
  .ros-selection select{height:42px!important}
  .ros-pronunciation-setting{justify-content:center!important;margin:8px 0 2px!important}
  .ros-selection-start{height:44px!important;min-height:44px!important;font-size:15px!important}
  .ros-table-toolbar{gap:5px!important;margin:6px 0 5px!important}
  .ros-table-toolbar .ros-table-help-message{font-size:13px!important;padding:6px 8px!important}
}

/* v1.15.4 keep Learn table controls visible outside table wrappers */
.ros-table-toolbar{position:relative!important;z-index:6!important;visibility:visible!important;opacity:1!important;min-height:34px!important;overflow:visible!important}
.ros-table-toolbar>button.ros-mini-silver{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important}


/* v1.15.7 mobile full-screen fit, scrollable content, always-visible controls */
.ros-app,
.ros-app *{
  font-family:"Times New Roman",Times,"Noto Serif Telugu","Noto Sans Telugu",serif!important;
}

/* Keep authored WordPress content responsive without rebuilding its visual structure. */
.ros-learn-content{
  min-width:0!important;
  overflow-x:hidden!important;
}
.ros-learn-content img,
.ros-learn-content video,
.ros-learn-content iframe{
  max-width:100%!important;
  height:auto!important;
}
.ros-learn-content table{
  max-width:100%!important;
}
.ros-learn-content .wp-block-table,
.ros-learn-content figure,
.ros-learn-content .table-responsive,
.ros-learn-content .tablepress-scroll-wrapper{
  max-width:100%!important;
}

@media(max-width:782px){
  html:has(#spokenbee-ros-app),
  body:has(#spokenbee-ros-app){
    width:100%!important;
    height:100%!important;
    margin:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  .ros-app{
    --ros-mobile-bottom-gap:max(16px,env(safe-area-inset-bottom));
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:none!important;
    height:var(--ros-visible-vh,100dvh)!important;
    min-height:0!important;
    max-height:var(--ros-visible-vh,100dvh)!important;
    margin:0!important;
    padding:calc(6px + env(safe-area-inset-top)) 8px calc(8px + var(--ros-mobile-bottom-gap))!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  .ros-title,
  .ros-steps{
    flex:0 0 auto!important;
  }

  .ros-card:not([hidden]){
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }

  /* LEARN: only the post content scrolls; lesson buttons always stay visible. */
  #ros-learn:not([hidden]){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    gap:0!important;
    height:100%!important;
    min-height:0!important;
  }
  #ros-learn-title{
    grid-row:1!important;
    margin:1px 0 5px!important;
  }
  #ros-learn-content{
    grid-row:2!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  #ros-start{
    grid-row:3!important;
    flex:0 0 auto!important;
    margin:6px 0 0!important;
    min-height:42px!important;
  }
  #ros-learn .ros-actions{
    grid-row:4!important;
    position:relative!important;
    z-index:9!important;
    flex:0 0 auto!important;
    margin:5px 0 0!important;
    padding:0!important;
    background:var(--ros-card-bg,#f7f8f2)!important;
  }
  #ros-learn .ros-actions button{
    min-height:44px!important;
  }

  /* PRACTICE: words can scroll, while submit/back/exit controls stay in view. */
  #ros-practice:not([hidden]){
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #ros-practice .ros-bank-panel{
    min-height:0!important;
    overflow:hidden!important;
  }
  #ros-practice .ros-bank{
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  #ros-practice .ros-practice-actions{
    position:relative!important;
    z-index:8!important;
    transform:none!important;
    margin:4px 0 0!important;
    padding:0!important;
    align-self:end!important;
    background:var(--ros-card-bg,#f7f8f2)!important;
  }
  #ros-practice .ros-practice-submit-actions{
    transform:none!important;
    margin:0!important;
  }

  /* TRANSLATION: allow the middle content to scroll, keep navigation buttons visible. */
  #ros-translation:not([hidden]){
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding-bottom:0!important;
  }
  #ros-translation .ros-translation-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:10!important;
    flex:0 0 auto!important;
    margin-top:6px!important;
    padding:5px 0 1px!important;
    background:var(--ros-card-bg,#f7f8f2)!important;
  }

  /* RESULT: results may scroll on a short phone, but actions remain reachable. */
  #ros-result:not([hidden]){
    min-height:0!important;
    height:100%!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  #ros-result .ros-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:10!important;
    padding:5px 0 1px!important;
    background:var(--ros-card-bg,#f7f8f2)!important;
  }

  /* Selection screen also fits small phones without hiding EXIT/START. */
  #ros-selection:not([hidden]){
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    margin-top:0!important;
    justify-content:center!important;
  }
  #ros-selection .ros-selection-actions{
    margin-top:10px!important;
    margin-bottom:0!important;
    position:sticky!important;
    bottom:0!important;
    z-index:8!important;
    padding-top:5px!important;
    background:var(--ros-card-bg,#f7f8f2)!important;
  }
}

@media(max-width:390px),(max-height:700px){
  .ros-app{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .ros-title{font-size:21px!important;margin-bottom:3px!important}
  .ros-steps{margin:3px 0!important}
  .ros-card{padding:7px 8px!important}
  #ros-learn .ros-actions button,
  #ros-practice .ros-actions button,
  #ros-translation .ros-actions button{
    min-height:40px!important;
  }
}


/* v1.15.8 reliable mobile viewport + authored Learn appearance + optional sections */
.ros-steps span[hidden]{display:none!important}
/* Do not repaint authored WordPress content. Theme/inline colours, spacing and table
   markup are allowed to render normally; only oversized media is constrained. */
.ros-learn-content{
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
.ros-learn-content img,
.ros-learn-content video,
.ros-learn-content iframe,
.ros-learn-content svg{
  max-width:100%!important;
  height:auto!important;
}
.ros-learn-content table{max-width:100%!important}
.ros-learn-content pre,.ros-learn-content code{max-width:100%;overflow-wrap:anywhere}

@media (max-width:900px), (max-height:600px){
  html.ros-mobile-lock,body.ros-mobile-lock{
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  #spokenbee-ros-app.ros-app{
    --ros-bottom-safe:max(26px,env(safe-area-inset-bottom));
    position:fixed!important;
    z-index:2147483000!important;
    top:var(--ros-visible-top,0px)!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:100vw!important;
    max-width:100vw!important;
    height:var(--ros-visible-vh,100svh)!important;
    min-height:0!important;
    max-height:var(--ros-visible-vh,100svh)!important;
    margin:0!important;
    padding:calc(5px + env(safe-area-inset-top)) 7px calc(7px + var(--ros-bottom-safe))!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:var(--ros-app-bg,#f7f8f2)!important;
  }
  #spokenbee-ros-app>.ros-title,
  #spokenbee-ros-app>.ros-steps{flex:0 0 auto!important;min-height:0!important}
  #spokenbee-ros-app>.ros-title{margin:0 0 4px!important;line-height:1.05!important}
  #spokenbee-ros-app>.ros-steps{margin:3px 0 5px!important}

  #spokenbee-ros-app>.ros-card:not([hidden]){
    display:flex!important;
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  /* LEARN has one independently scrollable middle pane and non-scrolling controls. */
  #ros-learn:not([hidden]){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    align-items:stretch!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:8px!important;
  }
  #ros-learn-title{
    grid-row:1!important;
    min-height:0!important;
    margin:0 0 5px!important;
    padding:0!important;
  }
  #ros-learn-content{
    grid-row:2!important;
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    padding:0 2px 8px!important;
    margin:0!important;
    position:relative!important;
  }
  #ros-start{
    grid-row:3!important;
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
    margin:5px 0 0!important;
    flex:none!important;
  }
  #ros-start[hidden]{display:none!important}
  #ros-learn>.ros-actions{
    grid-row:4!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    flex:none!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    margin:5px 0 0!important;
    padding:0!important;
    min-height:42px!important;
    background:var(--ros-card-bg,#f7f8f2)!important;
  }
  #ros-learn>.ros-actions button{
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
  }

  /* Selection fills the visible area but remains scrollable on unusually short phones. */
  #ros-selection:not([hidden]){
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    justify-content:center!important;
    margin-top:0!important;
  }

  /* Practice: reserve bottom navigation and let the word bank absorb remaining height. */
  #ros-practice:not([hidden]){
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #ros-practice .ros-bank-panel{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  #ros-practice .ros-bank{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  #ros-practice .ros-practice-submit-actions,
  #ros-practice .ros-practice-actions{flex:0 0 auto!important;position:relative!important;inset:auto!important;transform:none!important}

  /* Translation/Result can scroll internally; their bottom action rows stay visible. */
  #ros-translation:not([hidden]),#ros-result:not([hidden]){
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  #ros-translation .ros-translation-actions,
  #ros-result .ros-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:20!important;
    flex:0 0 auto!important;
    margin-top:6px!important;
    padding:5px 0 0!important;
    background:var(--ros-card-bg,#f7f8f2)!important;
  }

  .ros-tts-stop{z-index:30!important}
}

@media (max-height:640px){
  #spokenbee-ros-app.ros-app{--ros-bottom-safe:max(20px,env(safe-area-inset-bottom));padding-top:4px!important}
  .ros-title{font-size:20px!important;margin-bottom:2px!important}
  .ros-steps span{min-height:28px!important;padding:3px 4px!important;font-size:12px!important}
  #ros-learn:not([hidden]){padding:6px!important}
  #ros-start,#ros-learn>.ros-actions,#ros-learn>.ros-actions button{min-height:38px!important;height:38px!important}
}


/* v1.15.9 final mobile layout override
   - root is mounted directly under BODY on mobile by app.js
   - LEARN controls never participate in the scroll area
   - only the WordPress post content scrolls
   - old inline row heights are neutralised so table rows do not become huge */
html.ros-mobile-lock,
body.ros-mobile-lock{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.ros-mobile-lock #spokenbee-ros-app{
  --ros-bottom-safe:max(30px,env(safe-area-inset-bottom));
  position:fixed!important;
  z-index:2147483000!important;
  top:var(--ros-visible-top,0px)!important;
  left:0!important;
  right:auto!important;
  bottom:auto!important;
  width:100vw!important;
  max-width:100vw!important;
  height:var(--ros-visible-vh,100svh)!important;
  min-height:0!important;
  max-height:var(--ros-visible-vh,100svh)!important;
  margin:0!important;
  padding:calc(4px + env(safe-area-inset-top)) 7px calc(6px + var(--ros-bottom-safe))!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.ros-mobile-lock #spokenbee-ros-app>.ros-title,
body.ros-mobile-lock #spokenbee-ros-app>.ros-steps{
  flex:0 0 auto!important;
  min-height:0!important;
}
body.ros-mobile-lock #spokenbee-ros-app>.ros-title{
  margin:0 0 3px!important;
  line-height:1.02!important;
}
body.ros-mobile-lock #spokenbee-ros-app>.ros-steps{
  margin:2px 0 4px!important;
}
body.ros-mobile-lock #spokenbee-ros-app>.ros-card:not([hidden]){
  flex:1 1 0!important;
  min-height:0!important;
  height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}

/* LEARN is deliberately a simple flex column. This is more reliable than a
   grid inside older Android WebViews when very tall WordPress tables exist. */
body.ros-mobile-lock #ros-learn:not([hidden]){
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-height:0!important;
  height:0!important;
  overflow:hidden!important;
  padding:7px!important;
}
body.ros-mobile-lock #ros-learn-title{
  flex:0 0 auto!important;
  margin:0 0 4px!important;
  padding:0!important;
  min-height:0!important;
}
body.ros-mobile-lock #ros-learn-content{
  display:block!important;
  flex:1 1 0!important;
  min-height:0!important;
  max-height:none!important;
  width:100%!important;
  margin:0!important;
  padding:0 2px 6px!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  position:relative!important;
  scrollbar-gutter:stable!important;
}
body.ros-mobile-lock #ros-start{
  flex:0 0 40px!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:4px 0 0!important;
}
body.ros-mobile-lock #ros-start[hidden]{display:none!important}
body.ros-mobile-lock #ros-learn>.ros-actions{
  flex:0 0 40px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  margin:4px 0 0!important;
  padding:0!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:20!important;
  background:var(--ros-card-bg,#f7f8f2)!important;
}
body.ros-mobile-lock #ros-learn>.ros-actions button{
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
}

/* Preserve the authored WordPress HTML/colours/markup. Only stale fixed row
   heights are cancelled because they create very large rows inside a viewport. */
#spokenbee-ros-app #ros-learn-content table,
#spokenbee-ros-app #ros-learn-content tbody{
  max-width:100%!important;
}
#spokenbee-ros-app #ros-learn-content tr{
  
  
  
}
#spokenbee-ros-app #ros-learn-content td,
#spokenbee-ros-app #ros-learn-content th{
  
  
  
  line-
}
#spokenbee-ros-app #ros-learn-content img,
#spokenbee-ros-app #ros-learn-content video,
#spokenbee-ros-app #ros-learn-content iframe,
#spokenbee-ros-app #ros-learn-content svg{
  max-width:100%!important;
  height:auto!important;
}

/* Other learner screens also get the same dependable visible-height shell. */
body.ros-mobile-lock #ros-selection:not([hidden]),
body.ros-mobile-lock #ros-practice:not([hidden]),
body.ros-mobile-lock #ros-translation:not([hidden]),
body.ros-mobile-lock #ros-result:not([hidden]){
  min-height:0!important;
  height:0!important;
  max-height:none!important;
}
body.ros-mobile-lock #ros-selection:not([hidden]){
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body.ros-mobile-lock #ros-practice:not([hidden]){
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.ros-mobile-lock #ros-practice .ros-bank-panel{
  flex:1 1 0!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.ros-mobile-lock #ros-practice .ros-bank{
  flex:1 1 0!important;
  min-height:0!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body.ros-mobile-lock #ros-practice .ros-practice-submit-actions,
body.ros-mobile-lock #ros-practice .ros-practice-actions{
  flex:0 0 auto!important;
  transform:none!important;
  position:relative!important;
  inset:auto!important;
  margin-top:4px!important;
  margin-bottom:0!important;
}
body.ros-mobile-lock #ros-translation:not([hidden]),
body.ros-mobile-lock #ros-result:not([hidden]){
  display:flex!important;
  flex-direction:column!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
body.ros-mobile-lock #ros-translation .ros-translation-actions,
body.ros-mobile-lock #ros-result .ros-actions{
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:20!important;
  background:var(--ros-card-bg,#f7f8f2)!important;
}

@media(max-height:680px){
  body.ros-mobile-lock #spokenbee-ros-app{--ros-bottom-safe:max(22px,env(safe-area-inset-bottom));padding-top:3px!important}
  body.ros-mobile-lock #spokenbee-ros-app>.ros-title{font-size:20px!important;margin-bottom:2px!important}
  body.ros-mobile-lock #spokenbee-ros-app>.ros-steps span{min-height:26px!important;height:26px!important;padding:2px 3px!important;font-size:11px!important}
  body.ros-mobile-lock #ros-learn:not([hidden]){padding:5px!important}
  body.ros-mobile-lock #ros-start,
  body.ros-mobile-lock #ros-learn>.ros-actions,
  body.ros-mobile-lock #ros-learn>.ros-actions button{height:36px!important;min-height:36px!important;flex-basis:36px!important}
}

/* v1.0.0 fresh OTHER TOPICS additions */
.ros-pronunciation-learn{flex:0 0 auto!important;justify-content:flex-start!important;margin:2px 0 6px!important;padding:0 2px!important}
.ros-result-status{font-weight:900;font-size:18px;line-height:1.3;margin:-2px 0 10px;text-align:center}
.ros-result-status.is-pass{color:var(--ros-correct,#1f6b3c)}
.ros-result-status.is-fail{color:var(--ros-wrong,#a52a22)}
@media(max-width:782px){
  .ros-pronunciation-learn{justify-content:center!important;margin:1px 0 4px!important;min-height:34px!important}
  .ros-result-status{font-size:16px;margin:-2px 0 7px}
  body.ros-mobile-lock #ros-pronunciation-setting{flex:0 0 34px!important;min-height:34px!important;height:34px!important;margin:0 0 3px!important}
}


/* v1.0.1: POST-only first screen, compact Learn tables, robust Examples toolbar */
.ros-selection{grid-template-columns:minmax(0,1fr)!important}
.ros-selection label[for="ros-post"],#ros-post,.ros-selection-start,#ros-selection-message,#ros-load-retry,.ros-selection-actions{grid-column:1!important}
#spokenbee-ros-app #ros-learn-content table,
#spokenbee-ros-app #ros-learn-content tbody,
#spokenbee-ros-app #ros-learn-content thead,
#spokenbee-ros-app #ros-learn-content tfoot{
  
  
  
}
#spokenbee-ros-app #ros-learn-content tr{
  
  
  
}
#spokenbee-ros-app #ros-learn-content td,
#spokenbee-ros-app #ros-learn-content th{
  
  
  
}
.ros-table-toolbar:not(:has(.ros-table-examples-help)) .ros-table-voice-help{margin-left:0!important}
@media(max-width:900px),(max-height:600px){
  #spokenbee-ros-app #ros-learn-content table{}
  #spokenbee-ros-app #ros-learn-content tr{}
  #spokenbee-ros-app #ros-learn-content td,
  #spokenbee-ros-app #ros-learn-content th{}
  #ros-selection:not([hidden]){justify-content:center!important}
}


/* v1.0.2: pronunciation on SELECT POST screen, no EXAMPLES control, topic VOICE at right */
.ros-no-practice .ros-steps [data-step="practice"],
.ros-no-practice #ros-practice{display:none!important}
.ros-no-translation .ros-steps [data-step="translation"],
.ros-no-translation #ros-translation{display:none!important}
.ros-pronunciation-selection{
  grid-column:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:8px 0 4px!important;
  padding:0!important;
}
.ros-pronunciation-selection span{font-weight:800!important}
.ros-table-examples-help,.ros-examples-btn{display:none!important}
.ros-topic-heading-with-voice{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
}
.ros-topic-heading-with-voice>.ros-topic-voice{
  flex:0 0 auto!important;
  margin-left:auto!important;
}
.ros-app button.ros-topic-voice{
  width:auto!important;
  min-width:82px!important;
  height:34px!important;
  min-height:34px!important;
  padding:4px 12px!important;
  border:1px solid #9ca2a7!important;
  border-radius:999px!important;
  background:#e2e5e7!important;
  color:#252a2e!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font:700 12px/1 "Times New Roman",Times,serif!important;
}
.ros-topic-voice-help{
  margin:3px 0 7px!important;
  padding:5px 8px!important;
  border:1px solid #c7cbce!important;
  border-radius:7px!important;
  background:#f7f8f9!important;
  color:#222!important;
  font:700 13px/1.3 "Times New Roman",Times,"Noto Serif Telugu",serif!important;
}
.ros-topic-voice-help[hidden]{display:none!important}
@media(max-width:782px){
  .ros-pronunciation-selection{margin:6px 0 2px!important;gap:9px!important}
  .ros-pronunciation-selection span{font-size:13px!important}
  .ros-topic-heading-with-voice{gap:5px!important}
  .ros-app button.ros-topic-voice{min-width:72px!important;height:30px!important;min-height:30px!important;padding:3px 9px!important;font-size:11px!important}
  .ros-topic-voice-help{font-size:12px!important;margin:2px 0 5px!important;padding:4px 7px!important}
}


/* v1.0.3: a single VOICE control beside the selected POST heading only. */
.ros-learn-title-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
}
.ros-learn-title-row #ros-learn-title{
  flex:1 1 auto!important;
  min-width:0!important;
  margin-right:0!important;
}
.ros-app button.ros-post-voice{
  flex:0 0 auto!important;
  margin-left:auto!important;
  width:auto!important;
  min-width:82px!important;
  height:34px!important;
  min-height:34px!important;
  padding:4px 12px!important;
  border:1px solid #9ca2a7!important;
  border-radius:999px!important;
  background:#e2e5e7!important;
  color:#252a2e!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font:700 12px/1 "Times New Roman",Times,serif!important;
}
/* Never show legacy per-topic/per-heading VOICE controls. */
#ros-learn-content .ros-topic-voice,
#ros-learn-content .ros-topic-voice-help{display:none!important}
.ros-post-voice-help{
  margin:2px 0 7px!important;
  padding:5px 8px!important;
}
@media(max-width:782px){
  .ros-learn-title-row{gap:6px!important}
  .ros-app button.ros-post-voice{min-width:72px!important;height:30px!important;min-height:30px!important;padding:3px 9px!important;font-size:11px!important}
}

/* v1.0.5: hide only Telugu-script pronunciation inside the English table cell. */


/* v1.0.6: pronunciation rows below English sentences follow the pronunciation toggle. */


/* Practice footer: the parent is a flex column, so the grid must stretch
   before its two equal tracks can occupy the entire available width. */
#ros-practice .ros-practice-actions,
body.ros-mobile-lock #ros-practice .ros-practice-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  gap:8px!important;
}
#ros-practice .ros-practice-actions #ros-pback,
#ros-practice .ros-practice-actions #ros-pexit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
}