/* Short screens still fill the viewport; long explanations remain scrollable. */
body{min-height:100vh;min-height:100dvh}
/* Center standalone study views; their desktop sidebar is not rendered. */
html:has(.app > .quiz-top){scrollbar-gutter:stable both-edges}
body:has(.app > .quiz-top){padding-left:0;padding-right:0}
@media(min-width:900px){
  body .app:has(> .quiz-top){width:min(1280px,calc(100% - 32px));max-width:none;margin-inline:auto}
  body.wide-study .app:has(> .quiz-top){width:calc(100% - 32px)}
}
/* Streak feedback belongs to the correction flow, never over answer controls. */
.mascot-pop.study-mascot{position:static;inset:auto;transform:none;width:100%;max-width:100%;margin:10px 0;min-width:0;padding:9px 34px 9px 10px;gap:10px;border-width:1px;border-radius:13px;box-shadow:none;animation:none}
.mascot-pop.study-mascot img{width:48px;height:48px;flex:0 0 48px}
.mascot-pop.study-mascot>div{min-width:0;flex:1}
.mascot-pop.study-mascot span{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.mascot-pop.study-mascot b{font-size:12px}
.mascot-pop.study-mascot button{position:static;align-self:flex-start;flex:0 0 24px;padding:0;line-height:24px;margin-right:-24px}
@media(max-width:560px){
  .mascot-pop.study-mascot{padding-left:8px;gap:7px}
  .mascot-pop.study-mascot img{width:40px;height:40px;flex-basis:40px}
}