.task-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0;display:grid}.task-example-grid figure{border:1px solid var(--border);background:var(--sage-1);border-radius:16px;min-width:0;margin:0;padding:16px}.task-example-grid figcaption{margin-bottom:12px;font-weight:700}.task-example-grid video,.task-example-grid audio,.task-example-grid img{border-radius:10px;width:100%;max-width:100%;margin-bottom:12px;display:block}.task-example-grid video{aspect-ratio:16/9;background:#142e25}.music-example-action{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;display:flex}.music-example-button{white-space:normal;justify-content:center;max-width:100%;min-height:44px;padding:10px 16px}.music-example-button svg{flex:none;width:18px;height:18px}.music-example-button:disabled{opacity:.5;cursor:default}@media (width<=640px){.task-example-grid{grid-template-columns:1fr}}.overlay-inputs img{object-fit:contain;height:180px}.overlay-results{grid-template-columns:repeat(3,minmax(0,1fr))}.overlay-results img{object-fit:contain;background:var(--sage-3);height:210px}@media (width<=640px){.overlay-results{grid-template-columns:1fr}}