/* Only this course uses natural-height embedding. Other teaching readers keep their window UI. */
.composition-page #lesson-window{background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
.composition-page #lesson-window>.frame-area{height:auto;min-height:0;background:transparent;overflow:visible}
.composition-page #lesson-frame{display:block;width:100%;height:1px;min-height:0;border:0;background:transparent}
.composition-page #lesson-window:not([data-load-state="ready"])>.frame-area{min-height:260px}
.composition-page #lesson-window>.frame-area>.frame-message{position:relative;min-height:260px;background:#eef1e8;border:1px solid #d9dfcf;border-radius:9px}
.composition-page #lesson-window.is-expanded{position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;z-index:1000;overflow:hidden;display:flex;flex-direction:column;background:#f7f7f0}
.composition-page #lesson-window.is-expanded>.frame-area{height:auto;min-height:0;flex:1;overflow:hidden;display:flex;flex-direction:column}
.composition-page #lesson-window.is-expanded #lesson-frame{height:100%;min-height:0;flex:1}
.composition-page #lesson-window.is-expanded>.frame-area>.frame-message{height:100%;flex:1;border:0;border-radius:0}
@media(max-width:520px){.composition-page #lesson-window:not([data-load-state="ready"])>.frame-area,.composition-page #lesson-window>.frame-area>.frame-message{min-height:220px}}
@media(max-width:520px){.composition-page main{padding-left:0;padding-right:0}.composition-page main>.intro{padding-left:15px;padding-right:15px}.composition-page .reading-hint,.composition-page main>footer{margin-left:15px;margin-right:15px}}