.visual-crop{background-repeat:no-repeat;border-radius:14px;width:100%}.glossary-crop{aspect-ratio:1;background-size:300% 200%}.context-crop{aspect-ratio:1;background-size:300% 100%}.visual-glossary{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.visual-glossary button{text-align:left;background:#fff;border:2px solid #d9e5ed;padding:0;overflow:hidden}.visual-glossary button.active{border-color:#0065b2}.visual-glossary span{padding:12px;display:block}.visual-glossary b{color:#0065b2}.visual-glossary p{margin:5px 0 0;line-height:1.4}.scene-quiz{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.scene-card{background:#eef7fd;border-radius:16px;padding:12px}.scene-card h3{min-height:48px}.scene-card button{margin:3px}.scene-card .correct{color:#fff;background:#198754}.scene-card .incorrect{color:#fff;background:#c0392b}.visual-rule{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.visual-rule article{background:#fff;border:2px solid #d9e5ed;border-radius:18px;overflow:hidden}.visual-rule div:last-child{padding:15px}.visual-rule strong{color:#0065b2;font-size:1.2rem}.sync-scene{max-width:560px;margin:0 auto 20px}.guided-visual{align-items:center;display:grid;grid-template-columns:210px 1fr!important}.guided-visual .visual-crop{min-height:190px}@media (max-width:800px){.visual-glossary,.scene-quiz,.visual-rule{grid-template-columns:1fr}.guided-visual{grid-template-columns:1fr!important}}