.pinned-prompt{position:sticky;top:calc(var(--exercise-header-height,74px) + var(--pinned-clock-height,82px) + 6px);z-index:20;margin:0 0 18px;background:#fffaf7;border:1px solid #d7bcc5;border-radius:12px;box-shadow:0 4px 12px #583c4610;max-width:100%}.pinned-prompt>summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#77374d;min-height:44px;line-height:1.5}.pinned-prompt-source{max-height:min(30dvh,260px);overflow:auto;overscroll-behavior:contain;padding:0 14px 14px;scrollbar-width:thin;overflow-wrap:anywhere}.pinned-prompt-source>p:first-child{margin-top:4px;line-height:1.8}.pinned-prompt-source .passage{margin:10px 0 0;padding:12px;font-size:16px;line-height:1.85}.pinned-prompt-source .chart{margin:0;max-width:100%;overflow:auto}.pinned-prompt-source small{display:block;margin-top:10px;line-height:1.6}.pinned-prompt-source:focus-visible{outline:3px solid #ad5269;outline-offset:-3px}.exercise #responseArea,.exercise textarea,.exercise input,.exercise select{scroll-margin-top:calc(var(--exercise-header-height,74px) + var(--pinned-clock-height,82px) + var(--pinned-prompt-height,180px) + 16px)}@media(max-width:680px){.pinned-prompt-source{max-height:26dvh;padding:0 10px 10px}.pinned-prompt>summary{font-size:13px;padding:11px 10px}.pinned-prompt-source .passage{font-size:15px;padding:10px}}@media(max-height:500px){.pinned-prompt-source{max-height:18dvh}}

/* Read Aloud has a short passage: use one page scroll, never crop the reading text. */
.read-aloud-prompt{position:static;box-shadow:none}.read-aloud-prompt .pinned-prompt-source{max-height:none;overflow:visible;overscroll-behavior:auto}.read-aloud-prompt .pinned-prompt-source .passage{font-size:18px;line-height:1.8}.read-aloud-record-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.read-aloud-record-controls small{font-size:11px;color:var(--sub,#75676e)}.exercise-read-aloud .question-help{margin-top:20px}.exercise-read-aloud .question-help>summary{padding:10px 0;min-height:44px;font-size:13px}.exercise-read-aloud .question-help{background:transparent;border:0}.exercise-read-aloud #responseArea{scroll-margin-top:calc(var(--exercise-header-height,74px) + var(--pinned-clock-height,60px) + 12px)}
@media(max-width:680px){.read-aloud-prompt .pinned-prompt-source{max-height:none;padding:0 12px 14px}.read-aloud-prompt .pinned-prompt-source .passage{font-size:18px;line-height:1.75;padding:8px 0;background:transparent}.exercise-read-aloud{padding-bottom:100px}.read-aloud-record-controls{position:fixed;bottom:0;left:0;right:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fffaf7;border-top:1px solid #eadde1;box-shadow:0 -3px 14px #583c4610}.read-aloud-record-controls #recordButton{min-height:48px;flex:1;font-size:15px;margin:0}.read-aloud-record-controls small{max-width:130px;line-height:1.5}body:has(.exercise-read-aloud) .mobile-navigation{display:none}.exercise-read-aloud .question-help>summary{font-weight:500}.exercise-read-aloud .pinned-prompt{margin-bottom:16px}}