.question-screen{--study-header-height:82px;--study-nav-height:70px}
.question-screen>header{position:sticky;top:0;z-index:40;background:var(--cream);box-shadow:0 1px 0 var(--line)}
.question-screen>header.study-header{justify-content:flex-start}
.study-back{width:48px;height:48px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff;font:2rem/1 "DM Sans",sans-serif;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.study-back:hover{transform:translateX(-2px);background:#5848cf;box-shadow:0 5px 14px rgba(40,36,66,.2)}
.study-back:focus-visible{outline:3px solid #bdb5ff;outline-offset:3px}
.question-screen .question-content>.study-mode-nav{position:sticky;top:var(--study-header-height);z-index:35;background:var(--cream);box-shadow:0 10px 13px -14px rgba(40,36,66,.45)}
.question-screen .practice-sticky-info{position:sticky;top:calc(var(--study-header-height) + var(--study-nav-height));z-index:30;padding:13px 0 16px;background:var(--cream);box-shadow:0 10px 13px -14px rgba(40,36,66,.45)}
.question-screen .practice-sticky-info h2{margin-top:10px}
.question-screen .practice-sticky-info>p:not(.eyebrow){font-size:.86rem;line-height:1.45;color:var(--muted);margin:8px 0 14px}
.question-screen .practice-sticky-info>.practice-status{margin-bottom:0}
html[data-theme="dark"] .question-screen>header,html[data-theme="dark"] .question-screen .question-content>.study-mode-nav,html[data-theme="dark"] .question-screen .practice-sticky-info{background:var(--cream)}
html[data-theme="dark"] .study-back{background:var(--purple);color:#fff}
@media(max-width:600px){.question-screen{--study-header-height:82px;--study-nav-height:64px}.question-screen .question-content>.study-mode-nav{margin-bottom:16px}.question-screen .practice-sticky-info{padding-top:10px}}