/* Live reading guidance v5.
   The long reading passage already uses <p class="live-reading-paragraph">.
   Guidance uses that same proven block structure instead of nested callout
   containers whose children were compressed by competing grid styles. */

.eg-stage-content.is-reading-stage .live-book-subhead.eg-live-reading-heading {
  display:inline-block;
  width:auto;
  max-width:100%;
  min-height:0;
  margin:0 0 12px;
  padding:5px 10px;
  border:0;
  border-radius:999px;
  background:#eaf1ff;
  color:#1d4ed8;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.05em;
  line-height:1.4;
}

.eg-stage-content.is-reading-stage .live-reading-paragraph {
  display:block;
  box-sizing:border-box;
  width:100%;
  max-width:74ch;
  min-width:0;
  margin:0 0 1.05em;
  color:#24364e;
  font-size:clamp(1.05rem,1.35vw,1.3rem);
  line-height:1.72;
  text-align:left;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
}

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 {
  display:block!important;
  box-sizing:border-box!important;
  position:static!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  min-width:0!important;
  max-width:74ch!important;
  height:auto!important;
  min-height:0!important;
  margin:12px 0 18px!important;
  padding:13px 16px!important;
  border:1px solid #b9ddcf;
  border-left:4px solid #12805c;
  border-radius:11px;
  background:#eff8f4;
  color:#155e48;
  font-size:1rem!important;
  font-weight:600;
  line-height:1.6!important;
  letter-spacing:normal!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}

body .eg-stage-content.is-reading-stage > p.live-reading-paragraph.eg-reading-activation-line {
  border-color:#d6e1f1;
  border-left-color:#3a64ac;
  background:#f5f8fd;
  color:#233d62;
  font-weight:500;
}

@media(max-width:640px) {
  .eg-stage-content.is-reading-stage .live-reading-paragraph {
    max-width:100%;
    font-size:1.05rem;
    line-height:1.65;
  }
  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 {
    max-width:100%!important;
    padding:12px 14px!important;
  }
}


/* Reading passage as one continuous article, with paragraphs for meaning rather than separate cards. */
body .eg-stage-content.is-reading-stage > .live-reading-passage{
  display:block!important;
  box-sizing:border-box!important;
  width:min(100%,76ch)!important;
  min-width:0!important;
  max-width:76ch!important;
  margin:10px auto 22px!important;
  padding:clamp(18px,2.6vw,32px)!important;
  border:1px solid #e2e8f0!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 4px 16px rgba(15,23,42,.045)!important;
  color:#24364e!important;
  writing-mode:horizontal-tb!important;
  text-align:left!important;
}
body .eg-stage-content.is-reading-stage > .live-reading-passage > p.live-reading-paragraph{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0 0 1.1em!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#24364e!important;
  font-size:clamp(1.08rem,1.3vw,1.22rem)!important;
  font-weight:400!important;
  line-height:1.78!important;
  letter-spacing:.005em!important;
  text-align:left!important;
  text-indent:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
  text-wrap:pretty;
}
body .eg-stage-content.is-reading-stage > .live-reading-passage > p.live-reading-paragraph:last-child{
  margin-bottom:0!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{
  width:min(100%,76ch)!important;
  max-width:76ch!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body .eg-stage-content.is-reading-stage > .live-book-title{
  width:min(100%,76ch)!important;
  max-width:76ch!important;
  margin:0 auto 16px!important;
  text-align:left!important;
}
@media(max-width:640px){
  body .eg-stage-content.is-reading-stage > .live-reading-passage{
    width:100%!important;
    margin:8px 0 18px!important;
    padding:18px 16px!important;
    border-radius:13px!important;
  }
  body .eg-stage-content.is-reading-stage > .live-reading-passage > p.live-reading-paragraph{
    font-size:1.06rem!important;
    line-height:1.72!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{
    width:100%!important;
    max-width:none!important;
  }
}