.sbrl-wrap{max-width:860px;margin:10px auto;font-family:"Times New Roman",Times,"Noto Serif Telugu","Noto Sans Telugu",serif;line-height:1.38;color:#20231f;box-sizing:border-box}.sbrl-select{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.sbrl-select label{font-weight:700;white-space:nowrap}.sbrl-select select{width:100%;min-width:0;max-width:100%;height:44px;padding:7px 11px;border:1px solid #aeb5ac;border-radius:9px;font-size:16px;line-height:1.2;background:#fff;color:#20231f;text-overflow:ellipsis}.sbrl-sound{border:1px solid #aeb5ac;background:#fff;border-radius:9px;padding:6px 10px;height:44px;min-height:44px;font-weight:700;cursor:pointer;white-space:nowrap}.sbrl-selected-name{grid-column:2/4;font-size:14px;font-weight:700;line-height:1.28;color:#3f4b3f;overflow-wrap:anywhere;margin-top:-1px}.sbrl-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.sbrl-step{border:1px solid #d8ddd5;border-radius:10px;padding:6px 7px;background:#f3f5f1;display:grid;grid-template-columns:27px minmax(0,1fr);column-gap:6px;align-items:center;min-width:0}.sbrl-step span{grid-row:1/3;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e0e5de;font-size:12px;font-weight:800}.sbrl-step b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbrl-step small{font-size:10px;line-height:1.1;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbrl-step.active{background:var(--sbrl-bg,#F7F8F2);border-color:#657060}.sbrl-step.active span{background:#2f3b2f;color:#fff}.sbrl-step.done{background:#edf6ef}.sbrl-step.done span{background:#287044;color:#fff}.sbrl-card{border:1px solid #d6dbd3;border-radius:13px;padding:14px;background:var(--sbrl-bg,#F7F8F2);box-shadow:none;box-sizing:border-box}.kicker{font-size:11px;font-weight:800;letter-spacing:.06em;opacity:.67}.sbrl-card h2{font-size:23px;line-height:1.2;margin:4px 0 7px}.sbrl-card h3{font-size:18px;margin:8px 0 5px}.ruletext{background:rgba(255,255,255,.66);border-radius:9px;padding:10px 11px;font-size:18px;line-height:1.38}#sbrl-examples{margin:6px 0 0;padding-left:28px}#sbrl-examples li{margin:4px 0;font-size:17px;line-height:1.34}.primary,.secondary{border:0;border-radius:9px;padding:7px 11px;font-weight:800;cursor:pointer;font-size:14px;height:40px;min-height:40px;line-height:1.1}.primary{background:#2f3b2f;color:#fff}.secondary{background:#e3e8e1;color:#20231f}.full{width:100%;margin-top:10px}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.head h2{font-size:21px}.telugu{font-size:21px;font-weight:700;background:rgba(255,255,255,.68);padding:11px 12px;border-radius:10px;margin:9px 0;line-height:1.38}.answer,.bank{min-height:48px;padding:7px;border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;align-content:center;box-sizing:border-box}.answer{border:1.5px dashed #aeb5ac;background:rgba(255,255,255,.52);margin-bottom:7px}.bank{border:1px solid #cbd1c8;background:rgba(255,255,255,.34);margin-bottom:6px}.word{border:1px solid #9fa89c;background:#fff;border-radius:8px;padding:6px 9px;font-size:16px;line-height:1.1;cursor:pointer;min-height:36px;height:36px}.word.chosen{background:#e8efe7}.placeholder{opacity:.55;font-size:14px}.feedback{min-height:24px;font-size:17px;line-height:24px;font-weight:800;text-align:center;margin:4px 0}.correct{color:#1f6b3c}.wrong{color:#a52a22}.warn{color:#715700}#sbrl-input{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #9fa89c;border-radius:9px;font-size:17px;min-height:42px;max-height:68px;resize:none;background:#fff}.sbrl-row-actions{display:flex;gap:7px;margin-top:7px}.sbrl-row-actions button{flex:1;min-width:0}.complete{text-align:center}.score{font-size:22px;font-weight:800;padding:11px 0}.sbrl-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}.sbrl-result{border:1px solid #d4dad1;border-radius:9px;padding:8px;background:rgba(255,255,255,.6);display:flex;flex-direction:column}.sbrl-result b{font-size:19px}.sbrl-result span{font-size:11px;line-height:1.15}.sbrl-mic{width:100%;margin-top:7px;border:1px solid #8f998c;background:#fff;border-radius:9px;padding:6px 11px;font-weight:800;font-size:14px;height:40px;min-height:40px;cursor:pointer}.sbrl-mic.listening{border-color:#a52a22;background:#fff4f3}.sbrl-mic:disabled{opacity:.55;cursor:not-allowed}.sbrl-mic-status{min-height:18px;margin-top:4px;font-size:12px;line-height:1.2;opacity:.72}

/* Mobile lesson mode: fill the entire visible phone screen and prevent page scrolling. */
@media(max-width:782px){
 html:has(#sbrl-app),body:has(#sbrl-app){overflow:hidden!important}
 .sbrl-wrap{position:fixed!important;inset:0!important;z-index:999999!important;width:100vw!important;max-width:none!important;height:100vh!important;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}
 .sbrl-select{flex:0 0 auto;grid-template-columns:minmax(0,1fr) auto;gap:6px}.sbrl-select label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sbrl-select select{grid-column:1;height:42px;font-size:16px;padding:6px 9px}.sbrl-sound{grid-column:2;height:42px;min-height:42px;padding:5px 9px;font-size:13px}.sbrl-selected-name{grid-column:1/3;font-size:13px;line-height:1.22;margin:0;max-height:34px;overflow:hidden}
 .sbrl-steps{flex:0 0 auto;margin:5px 0;gap:4px}.sbrl-step{padding:4px 5px;grid-template-columns:22px minmax(0,1fr);column-gap:4px;border-radius:8px}.sbrl-step span{width:21px;height:21px;font-size:11px}.sbrl-step b{font-size:12px}.sbrl-step small{font-size:8px}
 .sbrl-card{flex:1 1 auto;min-height:0;padding:10px 11px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.sbrl-card[hidden]{display:none!important}.sbrl-card h2{font-size:clamp(19px,5.2vw,24px);margin:2px 0 5px}.sbrl-card h3{font-size:clamp(16px,4.4vw,19px);margin:5px 0 3px}.ruletext{padding:7px 9px;font-size:clamp(16px,4.3vw,19px);line-height:1.3}.kicker{font-size:10px}#sbrl-examples{margin:4px 0 0;padding-left:23px;flex:1 1 auto}#sbrl-examples li{font-size:clamp(15px,4.1vw,18px);margin:3px 0;line-height:1.28}
 .telugu{font-size:clamp(18px,5vw,22px);padding:8px 9px;margin:6px 0}.answer,.bank{min-height:40px;padding:5px;gap:5px;border-radius:8px}.answer{margin-bottom:5px}.bank{margin-bottom:4px;flex:1 1 auto;align-content:flex-start;overflow:hidden}.word{font-size:clamp(14px,3.9vw,17px);padding:5px 8px;min-height:33px;height:33px}.feedback{min-height:20px;line-height:20px;font-size:15px;margin:2px 0}.primary,.secondary,.sbrl-mic{height:36px;min-height:36px;padding:5px 8px;font-size:12px;border-radius:8px}.full{margin-top:6px;flex:0 0 auto}.sbrl-row-actions{gap:5px;margin-top:5px;flex:0 0 auto}#sbrl-input{font-size:16px;min-height:38px;max-height:50px;padding:6px 8px}.sbrl-mic{margin-top:5px}.sbrl-mic-status{min-height:15px;font-size:10px;margin-top:2px}.score{font-size:19px;padding:7px 0}.sbrl-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.sbrl-result{padding:6px}.sbrl-result b{font-size:16px}.sbrl-result span{font-size:9px}
 .head{flex:0 0 auto}.head h2{font-size:clamp(18px,4.8vw,22px)}
}
@media(max-width:380px){.sbrl-wrap{padding:6px 7px!important}.sbrl-selected-name{font-size:12px}.sbrl-step small{display:none}.sbrl-step span{grid-row:auto}.sbrl-card{padding:8px}.sbrl-card h2{font-size:18px}.telugu{font-size:17px}.word{font-size:13px;padding:4px 6px}.primary,.secondary,.sbrl-mic{font-size:10px;height:34px;min-height:34px}}

/* v2.3.3: Larger mobile text while keeping the same compact layout */
@media(max-width:768px){
  .sbrl-selected-name{font-size:15px;line-height:1.3;max-height:40px}
  .sbrl-step b{font-size:15px}
  .sbrl-step span{font-size:13px}
  .sbrl-card h2{font-size:clamp(22px,5.8vw,27px)}
  .sbrl-card h3{font-size:clamp(19px,5vw,22px)}
  .ruletext{font-size:clamp(18px,4.8vw,21px)}
  #sbrl-examples li{font-size:clamp(17px,4.6vw,20px)}
  .telugu{font-size:clamp(21px,5.7vw,25px)}
  .word{font-size:clamp(17px,4.5vw,19px);font-weight:600}
  .feedback{font-size:17px}
  .primary,.secondary,.sbrl-mic{font-size:16px;font-weight:800}
  #sbrl-input{font-size:18px}
}
@media(max-width:380px){
  .sbrl-selected-name{font-size:14px}
  .sbrl-step b{font-size:13px}
  .sbrl-card h2{font-size:21px}
  .telugu{font-size:20px}
  .word{font-size:16px}
  .primary,.secondary,.sbrl-mic{font-size:14px}
}

/* v2.3.5: Larger Practice tap words; use the available word-bank space better. */
@media(max-width:782px){
  #sbrl-practice .bank{gap:9px;padding:10px;align-content:flex-start;align-items:flex-start}
  #sbrl-practice .word{
    font-size:clamp(21px,5.8vw,25px);
    font-weight:700;
    min-height:48px;
    height:auto;
    padding:10px 14px;
    border-radius:10px;
    line-height:1.15;
  }
  #sbrl-practice .answer .word{
    font-size:clamp(21px,5.8vw,25px);
    min-height:48px;
    height:auto;
    padding:10px 14px;
  }
}
@media(max-width:380px){
  #sbrl-practice .bank{gap:7px;padding:8px}
  #sbrl-practice .word,
  #sbrl-practice .answer .word{
    font-size:20px;
    min-height:44px;
    padding:9px 12px;
  }
}

/* v2.3.6: Use the full Translation card height on mobile. */
@media(max-width:782px){
  #sbrl-translate{display:flex;flex-direction:column;min-height:0}
  #sbrl-translate .head{flex:0 0 auto}
  #sbrl-translate .telugu{flex:0 0 auto}
  #sbrl-translate #sbrl-input{flex:0 0 auto;min-height:56px;max-height:72px}
  #sbrl-translate .sbrl-mic{flex:0 0 auto;height:46px;min-height:46px}
  #sbrl-translate .sbrl-mic-status{flex:0 0 auto}
  #sbrl-translate .sbrl-row-actions{margin-top:auto;flex:0 0 auto;padding-top:10px}
  #sbrl-translate .sbrl-row-actions button{height:48px;min-height:48px;font-size:17px}
  #sbrl-translate .feedback{flex:0 0 auto;min-height:24px;margin-top:6px}
}
@media(max-width:380px){
  #sbrl-translate #sbrl-input{min-height:50px;max-height:64px}
  #sbrl-translate .sbrl-mic{height:42px;min-height:42px}
  #sbrl-translate .sbrl-row-actions button{height:44px;min-height:44px;font-size:15px}
}

/* v2.3.7: compact restart control */
.sbrl-head-tools{display:flex;align-items:flex-end;gap:8px;flex-direction:column;flex:0 0 auto}
.sbrl-restart{border:1px solid #aeb7ad;background:#eef2ec;color:#26352a;border-radius:10px;padding:5px 9px;min-height:30px;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}
.sbrl-restart:active{transform:scale(.98)}
@media(max-width:480px){.sbrl-head-tools{gap:4px}.sbrl-restart{font-size:11px;min-height:28px;padding:4px 7px}}

/* v2.3.9: Professional premium metallic-silver controls */
.sbrl-wrap button,
.sbrl-wrap .primary,
.sbrl-wrap .secondary,
.sbrl-wrap .sbrl-mic,
.sbrl-wrap .sbrl-sound,
.sbrl-wrap .sbrl-restart,
.sbrl-wrap .word{
  color:#20242a;
  border:1px solid #9ba1a8;
  background:linear-gradient(180deg,#ffffff 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;
}
.sbrl-wrap button:hover,
.sbrl-wrap .word:hover{filter:brightness(1.035)}
.sbrl-wrap button:active,
.sbrl-wrap .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);
}
.sbrl-wrap button:focus-visible,
.sbrl-wrap .word:focus-visible{outline:2px solid #5f6872;outline-offset:2px}
.sbrl-wrap button:disabled,
.sbrl-wrap .word:disabled{filter:saturate(.55);opacity:.58;box-shadow:none}
.sbrl-wrap .primary{
  border-color:#7f878f;
  background:linear-gradient(180deg,#ffffff 0%,#e9ecef 20%,#cbd0d5 54%,#f7f8f9 100%);
  font-weight:900;
}
.sbrl-wrap .sbrl-mic.listening{
  border-color:#7b858f;
  background:linear-gradient(180deg,#ffffff 0%,#eef0f2 20%,#c9ced3 55%,#f6f7f8 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 0 0 2px rgba(86,96,106,.12),0 2px 4px rgba(36,42,48,.16);
}
.sbrl-wrap .word.chosen{
  border-color:#77818a;
  background:linear-gradient(180deg,#fcfcfd 0%,#e4e7ea 45%,#c8cdd2 100%);
}

/* v2.4.2: Structured, readable Rule Text lessons */
.ruletext{white-space:normal}
.ruletext .sbrl-rule-heading{
  margin:16px 0 7px;
  padding:8px 10px;
  border-left:4px solid #7d858c;
  border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(232,235,237,.72));
  color:#20242a;
  font-size:18px;
  line-height:1.28;
  font-weight:900;
  letter-spacing:.01em;
}
.ruletext .sbrl-rule-heading:first-child{margin-top:0}
.ruletext .sbrl-rule-paragraph{
  margin:0 2px 10px;
  font-size:inherit;
  line-height:1.55;
}
.ruletext .sbrl-rule-formula{
  margin:3px 0 12px;
  padding:10px 12px;
  border:1px solid #b9bec3;
  border-radius:8px;
  background:#fff;
  font-weight:900;
  text-align:center;
  font-size:1.08em;
  letter-spacing:.01em;
}
.ruletext .sbrl-rule-correct,.ruletext .sbrl-rule-wrong{
  margin:3px 0;
  padding:4px 8px;
  border-radius:6px;
  font-weight:700;
}
.ruletext .sbrl-rule-correct{background:rgba(46,125,75,.08)}
.ruletext .sbrl-rule-wrong{background:rgba(170,55,45,.07)}

/* v2.4.3: Keep the mobile interface size fixed; scroll only the Rule Text area. */
@media(max-width:782px){
  #sbrl-learn{
    overflow:hidden!important;
    min-height:0!important;
  }
  #sbrl-learn #sbrl-text{
    flex:1 1 auto!important;
    min-height:90px;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    padding:9px;
    scrollbar-width:thin;
  }
  #sbrl-learn #sbrl-examples{
    flex:0 0 auto!important;
    max-height:34%;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  #sbrl-learn > .kicker,
  #sbrl-learn > h2,
  #sbrl-learn > h3,
  #sbrl-learn > #sbrl-learn-next{
    flex:0 0 auto!important;
  }
  .ruletext .sbrl-rule-heading{font-size:clamp(17px,4.7vw,20px);margin:13px 0 6px;padding:7px 8px}
  .ruletext .sbrl-rule-paragraph{line-height:1.5;margin-bottom:9px}
  .ruletext .sbrl-rule-formula{font-size:clamp(17px,4.8vw,21px);padding:9px 8px;margin-bottom:10px}
}

/* v2.4.4: Hard-lock mobile interface height. Only the Learn Rule Text scrolls. */
@media(max-width:782px){
  html.sbrl-lesson-open,
  body.sbrl-lesson-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  #sbrl-app.sbrl-wrap{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    min-height:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #sbrl-learn.sbrl-card:not([hidden]){
    flex:1 1 0!important;
    height:auto!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto auto!important;
    align-content:stretch!important;
  }
  #sbrl-learn > .kicker,
  #sbrl-learn > h2,
  #sbrl-learn > h3,
  #sbrl-learn > #sbrl-examples,
  #sbrl-learn > #sbrl-learn-next{
    min-height:0!important;
    flex:none!important;
  }
  #sbrl-learn #sbrl-text{
    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;
    scrollbar-width:thin;
  }
  #sbrl-learn #sbrl-examples{
    margin:3px 0 4px!important;
    max-height:120px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #sbrl-learn #sbrl-learn-next{
    margin-top:4px!important;
  }
}
@media(max-width:380px){
  #sbrl-learn #sbrl-examples{max-height:100px!important}
}


/* v2.4.5: One Learn-content scroller. Title + Rule Text + Examples move together; interface stays fixed. */
@media(max-width:782px){
  #sbrl-learn.sbrl-card:not([hidden]){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    gap:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #sbrl-learn .sbrl-learn-scroll{
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scrollbar-width:thin;
    padding-right:2px;
  }
  #sbrl-learn #sbrl-text{
    flex:none!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    touch-action:auto!important;
    overscroll-behavior:auto!important;
  }
  #sbrl-learn #sbrl-examples{
    flex:none!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin:4px 0 8px!important;
    -webkit-overflow-scrolling:auto!important;
  }
  #sbrl-learn .sbrl-learn-scroll > .kicker,
  #sbrl-learn .sbrl-learn-scroll > h2,
  #sbrl-learn .sbrl-learn-scroll > h3{
    min-height:0!important;
  }
  #sbrl-learn #sbrl-learn-next{
    grid-row:2!important;
    flex:none!important;
    margin-top:6px!important;
  }
}

/* v2.4.7: Keep Select Topic label and add a little more breathing room at phone edges. */
@media(max-width:782px){
  #sbrl-app.sbrl-wrap{
    left:10px!important;
    right:10px!important;
    width:auto!important;
  }
  #sbrl-app .sbrl-select{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    column-gap:6px!important;
    row-gap:4px!important;
  }
  #sbrl-app .sbrl-select label{
    position:static!important;
    width:auto!important;
    height:auto!important;
    padding:0 2px!important;
    margin:0!important;
    overflow:visible!important;
    clip:auto!important;
    white-space:normal!important;
    border:0!important;
    grid-column:1 / 3!important;
    grid-row:1!important;
    display:block!important;
    font-size:13px!important;
    line-height:1.15!important;
    font-weight:800!important;
    color:#3f4b3f!important;
  }
  #sbrl-app .sbrl-select select{
    grid-column:1!important;
    grid-row:2!important;
  }
  #sbrl-app .sbrl-sound{
    grid-column:2!important;
    grid-row:2!important;
  }
  #sbrl-app .sbrl-selected-name{
    grid-column:1 / 3!important;
    grid-row:3!important;
  }
}
@media(max-width:380px){
  #sbrl-app.sbrl-wrap{left:8px!important;right:8px!important}
  #sbrl-app .sbrl-select label{font-size:12px!important}
}


/* v2.4.8: Rich Rule Text saved from the WordPress Visual Editor. */
.ruletext h1,.ruletext h2,.ruletext h3,.ruletext h4,.ruletext h5,.ruletext h6{
  line-height:1.28;
  font-weight:800;
  margin:14px 0 7px;
}
.ruletext h1:first-child,.ruletext h2:first-child,.ruletext h3:first-child,.ruletext h4:first-child,.ruletext h5:first-child,.ruletext h6:first-child{margin-top:0}
.ruletext h1{font-size:1.34em}.ruletext h2{font-size:1.26em}.ruletext h3{font-size:1.18em}.ruletext h4{font-size:1.1em}.ruletext h5,.ruletext h6{font-size:1.04em}
.ruletext p{margin:0 0 10px;line-height:1.5}
.ruletext ul,.ruletext ol{margin:7px 0 11px;padding-left:1.55em}
.ruletext li{margin:4px 0;line-height:1.45}
.ruletext blockquote{margin:10px 0;padding:8px 11px;border-left:4px solid rgba(52,65,52,.35);background:rgba(255,255,255,.42)}
.ruletext strong,.ruletext b{font-weight:800}
.ruletext img{max-width:100%;height:auto}
@media(max-width:782px){
  .ruletext h1,.ruletext h2,.ruletext h3,.ruletext h4,.ruletext h5,.ruletext h6{margin:12px 0 6px}
  .ruletext p{margin-bottom:9px}
}


/* v2.4.9: Times New Roman UI + faithful rich-text blocks + compact Practice guide. */
.sbrl-wrap,
.sbrl-wrap button,
.sbrl-wrap select,
.sbrl-wrap textarea,
.sbrl-wrap input{
  font-family:"Times New Roman",Times,"Noto Serif Telugu","Noto Sans Telugu",serif!important;
}

/* Keep WordPress Visual Editor block structure readable on the learner side. */
.ruletext p,
.ruletext div,
.ruletext h1,
.ruletext h2,
.ruletext h3,
.ruletext h4,
.ruletext h5,
.ruletext h6,
.ruletext ul,
.ruletext ol,
.ruletext blockquote{
  display:block!important;
  float:none!important;
  clear:both;
  max-width:100%;
  box-sizing:border-box;
}
.ruletext p:empty{min-height:.6em}
.ruletext br{display:block;content:"";margin-top:.22em}
.ruletext > p + p{margin-top:5px}
.ruletext > h1 + p,
.ruletext > h2 + p,
.ruletext > h3 + p,
.ruletext > h4 + p,
.ruletext > h5 + p,
.ruletext > h6 + p{margin-top:2px}

.sbrl-practice-description{
  flex:0 0 auto;
  margin:4px 0 6px;
  padding:6px 9px;
  border:1px solid rgba(105,112,104,.28);
  border-radius:8px;
  background:rgba(255,255,255,.58);
  color:#41473f;
  font-size:14px;
  line-height:1.28;
  font-weight:600;
  white-space:pre-line;
}
@media(max-width:782px){
  #sbrl-practice .sbrl-practice-description{
    margin:2px 0 4px;
    padding:5px 7px;
    font-size:clamp(12px,3.35vw,14px);
    line-height:1.2;
  }
}
@media(max-width:380px){
  #sbrl-practice .sbrl-practice-description{
    font-size:12px;
    padding:4px 6px;
  }
}