/* Read and answer without scrolling the comic out of the viewport. */
#readingDialog .reading-v2-shell.directional-reader{position:relative;display:block;height:100dvh;overflow:hidden;scrollbar-gutter:auto;--reader-chrome-height:126px}
#readingDialog .directional-reader .reading-scroll-chrome{position:absolute;inset:0 0 auto;z-index:60}
#readingDialog .directional-reader .reading-v2-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,30vw,410px);grid-template-rows:minmax(0,1fr);gap:12px;height:100%;min-height:0;padding:0 10px;overflow:hidden;align-items:stretch}
#readingDialog .directional-reader .reading-v2-center,#readingDialog .directional-reader .reading-v2-side{display:block;height:100%;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;box-sizing:border-box;padding:calc(var(--reader-chrome-height) + 8px) 4px 16px;margin:0;scroll-padding-top:10px}
#readingDialog .directional-reader .reading-v2-center{background:linear-gradient(155deg,#e0f5ff,#eee9ff)}
#readingDialog .reading-v2-side .mission-panel-v2{padding:12px;border:1px solid #c5b7e5;box-shadow:0 5px 18px #4e36671a}
#readingDialog .mission-panel-title{display:none}
#readingDialog .mission-compact-intro{padding:8px 10px;background:#eee8ff;color:#30224f}
#readingDialog .mission-compact-intro b{font-size:18px;color:#332159}
#readingDialog .mission-compact-intro small{font-size:13px;line-height:1.4;color:#574972}
#readingDialog .reading-question-steps{display:flex;align-items:center;gap:6px;margin:10px 0;flex-wrap:wrap}
#readingDialog .reading-question-steps button{position:relative;min-width:44px;min-height:44px;border-radius:12px;border:1px solid #b9abd5;background:white;color:#49316e;font-weight:800;font-size:16px}
#readingDialog .reading-question-steps button.active{background:#51329a;color:white;border-color:#51329a;box-shadow:0 3px 0 #2d1d57}
#readingDialog .reading-question-steps button.answered:not(.active){background:#e0f4ee;border-color:#42836f;color:#195440}
#readingDialog .reading-question-steps button span{font-size:10px;position:absolute;top:3px;right:4px}
#readingDialog .reading-question-steps>span{font-size:12px;font-weight:700;color:#54456b}
#readingDialog .reading-question.compact-q{padding:10px;background:#fff;border:1px solid #ded5ed}
#readingDialog .reading-question.compact-q>b{font-size:18px!important;line-height:1.5;color:#273455;display:block}
#readingDialog .reading-question.compact-q>b>span{display:none}
#readingDialog .reading-question.compact-q .reading-options{gap:7px;margin-top:12px}
#readingDialog .reading-question.compact-q .reading-options button,#readingDialog .reading-question.compact-q .reading-options button strong{font-size:16px!important;line-height:1.45}
#readingDialog .reading-question.compact-q .reading-options button{min-height:46px;padding:10px 12px;color:#35405c;background:#f8f6ff;border:1px solid #d6cdec;text-align:left;opacity:1}
#readingDialog .reading-question.compact-q .reading-options button.selected{background:#e8e0ff;border-color:#6244ae;box-shadow:inset 3px 0 #6244ae;color:#372462}
#readingDialog .reading-question.compact-q .reading-options button.right{background:#ddf5e8;border-color:#2c8161;color:#164c36}
#readingDialog .reading-question.compact-q .reading-options button.wrong{background:#ffe9eb;border-color:#b14d5a;color:#842637}
#readingDialog .reading-answer-key{color:#19513a;font-size:14px;font-weight:700}
#readingDialog .reading-question-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}
#readingDialog .reading-question-actions button,#readingDialog .reading-new-round{min-height:44px;padding:8px 12px;border:1px solid #c7b7e3;border-radius:10px;color:#422769;background:#f0eaff;font-size:15px;font-weight:750}
#readingDialog .reading-question-actions span{color:#55476c;font-size:13px}
#readingDialog .reading-question-actions button:disabled{opacity:.45}
#readingDialog .post-reading-panel.compact .reading-check{min-height:46px;font-size:16px;background:#533493;color:#fff}
#readingDialog .post-reading-panel.compact .reading-feedback{font-size:13px;line-height:1.4;color:#4c4063}
#readingDialog .reading-new-round{width:100%;margin-top:8px}
#readingDialog .reading-study-tools{margin:10px 0;border:1px solid #cfc1e4;border-radius:14px;background:#fff}
#readingDialog .reading-study-tools>summary{padding:12px;min-height:44px;box-sizing:border-box;font-size:15px;color:#443066;font-weight:800;cursor:pointer}
#readingDialog .reading-study-tools .reading-side-card{margin:8px;border:0;box-shadow:none}
#readingDialog .directional-reader .reading-bottom-audio{position:static;margin-top:10px}
#readingDialog .reading-story-picker>summary{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:154px;padding:10px 18px;font-size:16px;font-weight:850;line-height:1.2;box-sizing:border-box;background:linear-gradient(135deg,#5635b4,#7249cb);color:#fff;border:2px solid #e6dcff;border-radius:14px;box-shadow:0 4px 0 #39216f,0 5px 14px #59429630;cursor:pointer;white-space:nowrap}
#readingDialog .reading-story-picker>summary:hover{background:#4b2b9f}
#readingDialog .reading-story-picker>summary:focus-visible,#readingDialog #postReadingPanel button:focus-visible{outline:3px solid #b37b13;outline-offset:3px}
#readingDialog .reading-story-picker[open]>summary{background:#39216f}
@media(max-width:899px){
 #readingDialog .directional-reader .reading-v2-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,55fr) minmax(0,45fr);gap:0;padding:0 6px}
 #readingDialog .directional-reader .reading-v2-side{padding:6px 4px 12px;border-top:3px solid #9f8bcc;background:#f9f6ff}
 #readingDialog .mission-compact-intro{display:none}
 #readingDialog .reading-v2-side .mission-panel-v2{padding:6px 8px;margin:0}
 #readingDialog .reading-question-steps{margin:2px 0 8px}
 #readingDialog .reading-question.compact-q>b{font-size:16px!important}
 #readingDialog .reading-question.compact-q .reading-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
 #readingDialog .reading-question.compact-q .reading-options button,#readingDialog .reading-question.compact-q .reading-options button strong{font-size:14px!important}
 #readingDialog .reading-question.compact-q .reading-options button{padding:8px;min-height:46px}
 #readingDialog .reading-question-actions{margin:8px 0}
 #readingDialog .reading-story-select-wrap>div:first-child{flex-basis:calc(100% - 180px)}
 #readingDialog .reading-story-picker>summary{min-width:150px;min-height:46px;font-size:15px;padding:9px 13px}
}
@media(max-width:380px){#readingDialog .reading-question.compact-q .reading-options{grid-template-columns:1fr}}
@media(max-height:500px) and (min-width:600px){
 #readingDialog .directional-reader .reading-v2-body{grid-template-columns:minmax(0,1fr) minmax(280px,42%);grid-template-rows:minmax(0,1fr)}
 #readingDialog .directional-reader .reading-v2-side{padding-top:calc(var(--reader-chrome-height) + 8px);border-top:0}
}
.jumbo-model-hint{max-width:760px;margin:0 auto 18px;padding:10px 14px;text-align:left;border:1px solid #c6b9e2;border-radius:12px;background:#faf7ff;color:#413157}
.jumbo-model-hint summary{min-height:32px;line-height:32px;cursor:pointer;font-size:15px;font-weight:700}
.jumbo-model-hint p{font-size:18px;line-height:1.5}

/* v5.21.1: a labelled exit alongside the existing story navigation. */
#readingDialog .reading-scroll-chrome .reading-v2-nav #readingHomeBtn{width:auto;height:auto;min-height:44px;padding:8px 12px;font-size:14px;line-height:1.3;font-weight:800;color:#fff;background:#593697;border:1px solid #47297c;box-shadow:0 2px 0 #352054;white-space:normal}
#readingDialog .reading-scroll-chrome .reading-v2-nav #readingHomeBtn:hover{background:#482781}
#readingDialog .reading-scroll-chrome .reading-v2-nav #readingHomeBtn:focus-visible{outline:3px solid #a681fa;outline-offset:2px}
@media(max-width:600px){
 #readingDialog .reading-scroll-chrome{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
 #readingDialog .reading-scroll-chrome .reading-v2-topbar{min-width:0;gap:4px;padding-inline:4px}
 #readingDialog .reading-scroll-chrome .reading-v2-nav{min-width:0;flex:1}
 #readingDialog .reading-scroll-chrome .reading-v2-nav #readingHomeBtn{width:100%;min-width:0;padding:6px;font-size:12px}
 #readingDialog .reading-scroll-chrome .parent-navigation button{min-width:0;max-width:100%;white-space:normal}
}