/* Header controls stay outside the scrolling content, in both viewing modes. */
.learn-dialog-header,.family-modal-heading { padding-right:126px; flex-wrap:wrap; justify-content:flex-start; gap:8px 12px; }
.learn-dialog .dialog-fullscreen-toggle { position:absolute; top:12px; right:70px; width:46px; height:46px; min-width:46px; padding:5px; border:1px solid #d3dfca; border-radius:50%; background:#f1f5e8; color:#365b45; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; line-height:1; transition:background .18s ease,transform .18s ease; }
.dialog-fullscreen-toggle svg { width:19px; height:19px; flex:none; pointer-events:none; }
.dialog-fullscreen-toggle span { font-size:10px; font-weight:600; line-height:1.2; pointer-events:none; }
.learn-dialog .dialog-fullscreen-toggle:hover { background:#e1eccf; }.learn-dialog .dialog-fullscreen-toggle:active { transform:scale(.94); }
.learn-dialog .dialog-fullscreen-toggle[aria-pressed="true"] { color:#fff; background:#365b45; border-color:#365b45; }
html:has(.learn-dialog.dialog-expanded[open]) { scrollbar-gutter:auto; }
.learn-dialog.dialog-expanded { position:fixed; inset:0; margin:0; width:100vw!important; max-width:none; height:100vh; height:100dvh; max-height:none; border:0; border-radius:0; overflow:hidden; animation:none; }
.learn-dialog.dialog-expanded .learn-dialog-shell { height:100%; max-height:100%; min-height:0; }
.learn-dialog.dialog-expanded .learn-dialog-header,.learn-dialog.dialog-expanded .family-modal-heading { padding-top:calc(18px + env(safe-area-inset-top,0px)); padding-left:max(18px,env(safe-area-inset-left,0px)); padding-right:calc(126px + env(safe-area-inset-right,0px)); }
.learn-dialog.dialog-expanded .dialog-fullscreen-toggle { top:calc(12px + env(safe-area-inset-top,0px)); right:calc(70px + env(safe-area-inset-right,0px)); }
.learn-dialog.dialog-expanded [data-lesson-action="close"],.learn-dialog.dialog-expanded [data-family="close"] { top:calc(12px + env(safe-area-inset-top,0px)); right:calc(16px + env(safe-area-inset-right,0px)); }
.learn-dialog.dialog-expanded .child-dialog-scroll { padding-left:max(18px,env(safe-area-inset-left,0px)); padding-right:max(18px,env(safe-area-inset-right,0px)); padding-bottom:max(22px,env(safe-area-inset-bottom,0px)); }
.learn-dialog.dialog-expanded .learn-dialog-footer { padding-bottom:max(16px,env(safe-area-inset-bottom,0px)); flex-wrap:wrap; }
.learn-dialog.dialog-expanded .atlas-viewer iframe { height:calc(100dvh - 200px); }
@media(prefers-reduced-motion:reduce) { .learn-dialog .dialog-fullscreen-toggle { transition:none; } }