#helpDialog{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:20px}
#helpDialog .dialog-head{position:sticky;top:-20px;z-index:2;background:#fffdf7;padding:14px 0;margin-top:-14px}
#helpDialog .dialog-head h2{font-size:clamp(20px,4vw,28px);margin:0}
.memory-help-example{margin:16px 0;text-align:center;background:#f4f0fc;border-radius:16px;padding:12px}
.memory-help-example>div{display:flex;justify-content:center;align-items:center;gap:18px}
.memory-help-example img{height:64px;width:64px;object-fit:contain}
.memory-help-example span{font-size:28px;color:#3f621b;font-weight:bold}
.memory-help-example figcaption{margin-top:8px;font-size:14px;color:#3b3152}
#memoryHelpSections section{border-top:1px solid #ded6e8;padding:12px 0}
#memoryHelpSections h3{font-size:18px;line-height:1.3;margin:0 0 8px;color:#402276}
#memoryHelpSections p{font-size:16px;line-height:1.55;margin:0;color:#332b3f}
.memory-help-actions{position:sticky;bottom:-20px;background:#fffdf7;padding:12px 0;margin-bottom:-12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#helpDialog #showDemonstration{margin:0;flex:1;min-width:150px;min-height:44px}
.memory-help-actions .primary-button{flex:1;min-width:120px;min-height:44px}