/* Shared controls and typography for the children's lessons. */
:root{--lesson-ink:#334d3b;--lesson-paper:#f8f2e7;--lesson-border:#c8b99e;--lesson-shadow:0 8px 26px #59452c24}
body{background:#f5ecdf;color:#3c352d;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
main{width:min(1500px,100%,calc((100dvh - 116px)*1.7768 + 48px));max-width:none;margin-inline:auto;padding:clamp(8px,2vw,24px);text-align:center}
.picture,.frame{border:0;border-radius:18px;overflow:hidden;box-shadow:var(--lesson-shadow)}
#start,#draw-start{position:absolute;z-index:3;left:50%;top:82%;transform:translate(-50%,-50%);width:auto;height:auto;display:inline-flex;justify-content:center;align-items:center;min-width:160px;min-height:54px;padding:12px 40px;border:1px solid #ffffffa8;border-radius:999px;background:var(--lesson-ink);color:#fffaf1;box-shadow:0 6px 18px #2c352c69;font:650 20px/1.15 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.01em}
#answer-choices,#choices,.numbers{display:inline-flex;justify-content:center;align-items:center;gap:10px;vertical-align:middle;padding:0;margin:0}
#choices{padding:14px 0}
.voice-controls{display:inline-flex;align-items:center;vertical-align:middle;margin-left:14px}
#answers{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 0;flex-wrap:wrap}
.story{display:flex;justify-content:center;align-items:center;margin:14px 0 0;max-width:none;min-height:0}.story>div{display:flex;align-items:center;justify-content:center;gap:14px}
.choice,#choices button,.numbers button{display:inline-grid;place-items:center;min-width:58px;height:52px;margin:0!important;padding:0!important;border:1px solid var(--lesson-border)!important;border-radius:16px!important;background:#fffbf4!important;color:var(--lesson-ink)!important;box-shadow:0 3px 8px #4a3b2415;font:650 24px/1 system-ui,-apple-system,'Segoe UI',sans-serif!important}
#voice-answer,#mic{display:inline-grid;place-items:center;width:68px;height:52px;margin:0!important;padding:0!important;border:1px solid #ffffffa8!important;border-radius:16px!important;background:var(--lesson-ink)!important;color:#fffaf1;box-shadow:0 4px 12px #33402d2b}
#voice-answer svg,#mic svg{width:48px;height:36px;stroke:none}
#voice-answer.listening,#mic.listening{background:#a65446!important;box-shadow:0 0 0 5px #d7a69388}
button:focus-visible{outline:3px solid #a35836;outline-offset:3px}
@media(max-width:420px){.choice,#choices button,.numbers button{min-width:50px;width:50px;height:48px}#voice-answer,#mic{width:58px;height:48px}.numbers,#choices,#answer-choices{gap:5px}.voice-controls{margin-left:8px}}