.learner-page{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.learner-page .site-header,.learner-page .footer-compact{flex-shrink:0}
.learning-workspace{flex:1;min-height:0;display:flex;flex-direction:column;background:#faf7f0}
.learning-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:8px max(20px,calc((100vw - 1320px)/2));border-bottom:1px solid #d9e3ef;background:#edf4fc;font-size:16px;box-sizing:border-box}
.learning-toolbar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.learning-toolbar-caption{color:#526379;font-size:14px}
.learning-indicator{width:8px;height:8px;border-radius:50%;background:#a31b63;display:inline-block}
.learning-open{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#205b9b;font-size:16px;font-weight:700;white-space:nowrap;text-decoration:none}
.learning-open:hover{text-decoration:underline}
.learning-viewport{position:relative;flex:1;min-height:0;overflow:hidden}
.learning-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#faf7f0}
.learning-status{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#faf7f0;padding:28px;gap:14px;overflow:auto}
.learning-status[hidden]{display:none}
.learning-status h1{font-size:clamp(25px,4vw,36px);line-height:1.2;margin:0;max-width:600px}
.learning-status p{font-size:17px;line-height:1.7;color:#526379;max-width:480px;margin:0}
.learning-spinner{width:32px;height:32px;border:3px solid #d9e3ef;border-top-color:#2468b5;border-radius:50%;animation:learning-spin 1s linear infinite;margin-bottom:8px;flex-shrink:0}
.learning-status.is-delayed .learning-spinner{display:none}
#learning-recovery{margin-top:12px}
#learning-recovery button{background:#2468b5;color:white;border:0;border-radius:8px;font:inherit;font-size:16px;font-weight:700;padding:14px 20px;cursor:pointer;min-height:48px}
#learning-recovery a{display:block;margin-top:16px;color:#205b9b;font-size:16px;text-underline-offset:4px}
.learning-no-script{padding:20px}
.learner-page .whatsapp-float{display:none}
.learner-page a:focus-visible,.learner-page button:focus-visible{outline:3px solid #ffbe0b;outline-offset:3px}
@keyframes learning-spin{to{transform:rotate(360deg)}}
@media(max-width:680px){.learner-page .site-topbar{display:none}.learning-toolbar{padding:7px 14px;gap:10px;min-height:58px}.learning-toolbar-caption{display:none}.learning-toolbar strong{font-size:14px}.learning-open{font-size:14px;gap:4px}.learning-status{padding:22px}.learning-status p{font-size:16px}}
@media(max-height:600px){.learner-page .site-topbar{display:none}.learner-page .footer-compact{display:none}.learning-toolbar-caption{display:none}.learning-toolbar{min-height:50px;padding-block:3px}}
@media(prefers-reduced-motion:reduce){.learning-spinner{animation:none}}