/* Reviewed reading overlay; the complete editorial text always stays visible. */
.essential-controls { margin: 1.5rem 0 2rem; padding: 1rem 0; border-block: 1px solid #cbdde2; }
.essential-controls[hidden], .essential-questions[hidden] { display: none; }
.essential-controls button { font: inherit; font-weight: 650; color: #134f60; background: #fff; border: 1px solid #28758a; border-radius: .5rem; padding: .7rem 1rem; min-height: 44px; cursor: pointer; }
.essential-controls button:hover { background: #e6f3f3; }
.essential-controls button[aria-pressed="true"] { color: #fff; background: #134f60; }
.essential-controls button:focus-visible, .essential-questions summary:focus-visible, .essential-questions a:focus-visible { outline: 3px solid #28758a; outline-offset: 4px; }
.essential-controls p { margin: .65rem 0 .3rem; max-width: 70ch; font-size: .95rem; }
.essential-controls [role="status"] { font-size: .85rem; color: #134f60; }
mark.essential-text { color: inherit; background: transparent; }
.essential-active mark.essential-text { background: #e0f2ed; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.essential-active .essential-passage { border-inline-start: 1px solid #28758a; padding-inline-start: .65rem; }
.essential-active .formula-block.essential-passage { background: #e0f2ed; }
.essential-questions { margin: .35rem 0 1.2rem; font-size: .9rem; }
.essential-questions summary { min-height: 44px; color: #134f60; cursor: pointer; padding: .45rem 0; text-decoration: underline; text-underline-offset: .2em; }
.essential-questions ul { margin: .35rem 0; padding-inline-start: 1.4rem; }
.essential-questions a { overflow-wrap: anywhere; text-underline-offset: .2em; }
@media (max-width: 600px) {
  .essential-controls button { width: 100%; }
  .essential-controls { margin-top: 1rem; }
}
@media print {
  .essential-controls, .essential-questions { display: none !important; }
  .essential-active mark.essential-text { background: transparent; text-decoration: underline; text-decoration-thickness: 1px; }
}