/* Reading Experience v3: quiet, accessible reading surfaces.
   Scope strictly to Reading. Do not change answer state, grading or navigation. */
.eg-separated-activity[data-activity-type="reading"]{
  --reading-ink:#17283f;
  --reading-muted:#52647b;
  --reading-paper:#fff;
  --reading-line:#dce5ed;
  width:min(1160px,100%)!important;
  min-width:0!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;
  align-items:start!important;
  gap:clamp(16px,2.5vw,30px)!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-hero{
  padding:20px clamp(18px,3vw,30px)!important;
  box-shadow:none!important;
  border-color:var(--reading-line)!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-hero h1{
  max-width:32ch;
  font-size:clamp(1.5rem,2.5vw,2rem)!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-hero p{
  font-size:1rem!important;
  color:var(--reading-muted)!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-source{
  display:block!important;
  min-width:0!important;
  overflow:visible!important;
  border-color:var(--reading-line)!important;
  box-shadow:none!important;
  background:var(--reading-paper)!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-source summary{
  font-size:.95rem!important;
  line-height:1.5!important;
  background:#f5f8fb!important;
  color:#1e3a5f!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-reading-text{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  max-height:none!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding:clamp(20px,3vw,36px)!important;
  background:var(--reading-paper)!important;
  color:var(--reading-ink)!important;
  font-size:clamp(1.0625rem,1.32vw,1.1875rem)!important;
  line-height:1.82!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
  text-wrap:pretty;
}
.eg-separated-activity[data-activity-type="reading"] .sep-reading-paragraph{
  display:block!important;
  width:100%!important;
  margin:0 0 1.15em!important;
  padding:0!important;
  font:inherit!important;
  color:inherit!important;
  line-height:inherit!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-reading-paragraph:last-child{
  margin-bottom:0!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-question-panel{
  min-width:0!important;
  padding:clamp(18px,2vw,26px)!important;
  border-color:var(--reading-line)!important;
  box-shadow:none!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-question h3{
  max-width:45ch!important;
  font-size:clamp(1.1rem,1.4vw,1.3rem)!important;
  line-height:1.52!important;
  color:var(--reading-ink)!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-short-answer{
  min-height:140px!important;
  font-size:1rem!important;
  line-height:1.6!important;
}
.eg-separated-activity[data-activity-type="reading"] .sep-short-answer:focus-visible,
.eg-separated-activity[data-activity-type="reading"] button:focus-visible,
.eg-separated-activity[data-activity-type="reading"] summary:focus-visible{
  outline:3px solid #60a5fa!important;
  outline-offset:3px!important;
}
/* Live lesson: align reading heading, instructions, passage, and response. */
body .eg-stage-content.is-reading-stage{
  min-width:0!important;
}
body .eg-stage-content.is-reading-stage > .live-reading-passage{
  max-width:70ch!important;
  width:100%!important;
  box-shadow:none!important;
  border-color:var(--reading-line,#dce5ed)!important;
  padding:clamp(20px,3vw,36px)!important;
}
body .eg-stage-content.is-reading-stage > .live-reading-passage > .live-reading-paragraph{
  font-size:clamp(1.075rem,1.4vw,1.2rem)!important;
  line-height:1.8!important;
  white-space:normal!important;
  word-break:normal!important;
}
body .eg-stage-content.is-reading-stage > p.live-reading-paragraph.eg-reading-instruction,
body .eg-stage-content.is-reading-stage > p.live-reading-paragraph.eg-reading-activation-line,
body .eg-stage-content.is-reading-stage > .live-book-title{
  max-width:70ch!important;
}
@media(max-width:980px){
  .eg-separated-activity[data-activity-type="reading"] .sep-layout{
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  .eg-separated-activity[data-activity-type="reading"] .sep-reading-text{
    max-height:none!important;
    overflow:visible!important;
  }
}
@media(max-width:640px){
  .eg-separated-activity[data-activity-type="reading"] .sep-hero{
    padding:16px!important;
  }
  .eg-separated-activity[data-activity-type="reading"] .sep-reading-text{
    padding:20px 18px!important;
    font-size:1.0625rem!important;
    line-height:1.75!important;
  }
  .eg-separated-activity[data-activity-type="reading"] .sep-question-panel{
    padding:16px!important;
  }
  body .eg-stage-content.is-reading-stage > .live-reading-passage{
    width:100%!important;
    padding:20px 18px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .eg-separated-activity[data-activity-type="reading"] *{
    scroll-behavior:auto!important;
  }
}


/* Teacher reading sequence: READ → instructions → passage title → passage. */
body .eg-stage-content.is-reading-stage > h3.live-reading-title{
 display:block!important;
 box-sizing:border-box!important;
 width:100%!important;
 max-width:70ch!important;
 margin:16px auto 12px!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 color:#17283f!important;
 font-size:clamp(1.3rem,2.3vw,1.7rem)!important;
 font-weight:750!important;
 line-height:1.3!important;
 letter-spacing:-.025em!important;
 text-align:left!important;
 text-wrap:balance;
}
body .eg-stage-content.is-reading-stage > p.eg-reading-instruction{
 margin-bottom:14px!important;
}
/* Cloned semantic article in the teacher reading Spotlight, including A+/A− scaling. */
.teacher-reading-copy > .live-reading-passage{
 width:100%!important;
 max-width:none!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
}
.teacher-reading-copy > .live-reading-passage > p.live-reading-paragraph{
 display:block!important;
 width:100%!important;
 max-width:none!important;
 margin:0 0 1.1em!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
 color:#183247!important;
 font-size:calc(clamp(1.45rem,2.8vw,2rem) * var(--reading-scale,1))!important;
 font-weight:450!important;
 line-height:1.72!important;
 letter-spacing:normal!important;
 text-align:left!important;
 white-space:normal!important;
 word-break:normal!important;
 overflow-wrap:break-word!important;
}
.teacher-reading-copy > .live-reading-passage > p.live-reading-paragraph:last-child{
 margin-bottom:0!important;
}
@media(max-width:640px){
 body .eg-stage-content.is-reading-stage > h3.live-reading-title{
  font-size:1.35rem!important;
  margin-top:14px!important;
 }
 .teacher-reading-copy > .live-reading-passage > p.live-reading-paragraph{
  font-size:calc(1.38rem * var(--reading-scale,1))!important;
  line-height:1.66!important;
 }
}