.learning-panel{background:#edf3e4;border:1px solid #d3dfc8;border-radius:16px;padding:12px;margin-bottom:16px}.learning-panel summary{cursor:pointer;font-weight:700;font-size:14px;min-height:30px}.learning-content p{font-size:13px;line-height:1.7;margin:10px 0}.resident-buttons,.learning-modes,.learning-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.learning-content .soft{font-size:12px;padding:9px 11px;min-height:46px}.learning-content h3{font-size:16px;margin:12px 0 5px}.learning-content small{font-size:11px;color:#6d816c}#learning-feedback{color:#466b53;font-weight:600}.learning-play{gap:6px}.learning-play .soft{font-size:12px}.learning-dialog{max-width:850px}.story-prompts{text-align:left;font-size:17px;line-height:1.9;padding-left:25px}.story-prompts li{margin:15px 0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison figure{margin:0}.comparison svg{width:100%;border:3px solid white;border-radius:14px}.comparison figcaption{font-size:14px;margin:8px}.palette-more{width:100%;margin:10px 0;min-height:48px}@media(max-width:580px){.comparison{grid-template-columns:1fr}.learning-play .soft{font-size:11px}}@media(min-width:900px) and (min-height:600px) and (orientation:landscape){.learning-play{margin:4px 0}.learning-play .soft{padding:8px;font-size:11px}.learning-panel{padding:10px}.learning-panel summary{font-size:12px}}
