/* Aula 11: a imagem original e a filtrada, lado a lado dentro do mesmo quadro. */
.dm-a11-imagens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dm-a11-imagens figure{margin:0;display:grid;gap:6px;align-content:start;min-width:0}
.dm-a11-imagens figcaption{font-size:12.5px;line-height:1.4;color:var(--muted);text-align:center}
/* A cadeia de filtros, como x → S → B → Fx. */
.dm-a11-cadeia{display:inline-flex;align-items:center;gap:4px 8px;flex-wrap:wrap}
.dm-a11-ficha{font-family:var(--math);font-size:17px;line-height:1.2;padding:2px 9px;border-radius:999px;background:var(--gray-soft);border:1px solid var(--line)}
.dm-a11-ficha.is-x{background:#fff}