/* Keep the learning content scrollable and the return button in view. */
#dialog:has(.sound-help){padding:0;overflow:hidden;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
.sound-help{display:flex;flex-direction:column;max-height:calc(100dvh - 30px);min-height:0}
.sound-help-heading{flex-shrink:0;padding:18px 48px 10px 18px}
.sound-help-heading h2{font-size:28px;margin:8px 0 0;padding:0}
.sound-help-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:0 18px 14px;-webkit-overflow-scrolling:touch}
.sound-help-scroll .phonics-card{margin:6px 0 12px}
.sound-help-actions{flex-shrink:0;padding:12px 18px max(14px,env(safe-area-inset-bottom));background:#103f70;border-top:1px solid #64cfff88}
.sound-help-actions button{width:100%;min-height:52px;margin:0}
#dialog:has(.sound-help) .dialog-close{z-index:2;top:10px;right:10px}
@media(max-height:450px){.sound-help-heading{padding-top:10px;padding-bottom:6px}.sound-help-heading h2{font-size:23px;margin-top:4px}.sound-help-actions{padding-top:8px;padding-bottom:8px}.sound-help-actions button{min-height:44px}}