/* Aula 6 · estilos próprios da demo (a base está em demos.css). */

/* Escolha da parte da bancada */
.a06-modos .dm-seg{gap:8px}
.a06-modos .dm-seg-btn{font-size:14px;padding:7px 15px}

/* Testes "está em S?" com marca de certo ou errado (além da cor) */
.a06-teste{display:flex;align-items:flex-start;gap:9px}
.a06-teste+.a06-teste{margin-top:4px}
.a06-marca{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;margin-top:3px;border-radius:50%;font-size:12px;font-weight:800;line-height:1;color:#fff;background:var(--true)}
.a06-teste[data-tipo=erro] .a06-marca{background:var(--red)}
.a06-resposta{margin-top:6px;background:var(--gray-soft);border-left:4px solid var(--ink);border-radius:0 8px 8px 0;padding:8px 12px;color:var(--ink-2)}

/* Padrões de imagem em ℝⁿ */
.a06-imagens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px}
.a06-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:640px}

/* Contorno: em demos.css, ".dm-tile span" (rótulo do ladrilho, em caixa alta) também pega a
   notação dentro do <small>; aqui ela volta ao normal. */
.dm-tile small span{font-size:inherit;font-weight:inherit;letter-spacing:0;text-transform:none;color:inherit}
.a06-imagens figure,.a06-par figure{display:grid;gap:5px;min-width:0;align-content:start}
.a06-imagens figcaption,.a06-par figcaption{font-size:13px;line-height:1.4;color:var(--muted);text-align:center}
.a06-par figcaption .m{color:var(--ink)}