/* =========================================================
   Ciências, Lote 0 (0B): o CSS dos DESENHOS DE DOMÍNIO
   =========================================================
   Como um desenho de domínio chega à lousa (o guia completo: js/dominios/LEIAME.md):
     · o JS mora em js/dominios/<dominio>/*.js, declarado em `scripts` do dominio.json, e é carregado SOB DEMANDA,
       depois do boot, só na aula daquele professor (aula-live.js, carregarScripts);
     · ele registra os desenhos com aulaArranjos.registrar(id, desenhador) e as figuras com
       aulaArranjos.registrarFigura(tipo, {validate, draw}); os dois funcionam a qualquer momento depois do boot e
       recusam id/tipo repetido (nunca trocam o de matemática); provado em tests/test-professores.js e .mjs;
     · a porta de qualidade de cada nicho: node tests/test-contrato-dominio.js <dominio>.
   O CSS deles fica AQUI, sempre carregado (é pequeno e não depende de rede no meio da aula), depois do 09.
   Regras para quem acrescentar:
     · todo seletor começa por `.aula-live-lousa ` e mira a classe do próprio arranjo (`.aula-arr--<nicho>-<arranjo>`,
       a que o `raiz` dos ajudantes põe), um bloco por nicho, com o nome do nicho no comentário de abertura;
     · cor só pelos tokens do giz (--giz-*, --quadro-*, --bloco-*) e --cor-professor (este só em borda e
       preenchimento, nunca em texto); nada de data-theme (o tema mora só nos blocos de tokens do 01, test-tema T1);
     · sem molduras em volta do desenho; raio e sombra da lousa seguem as regras da lousa (test-forma F4).
   No Lote 0 não há desenho de domínio: o arquivo nasce vazio. */

/* ---------------------------------------------------------
   Física (js/dominios/fisica/*.js): peças comuns, só dentro dos arranjos de física (cinematica.*, medidas.*).
   O desenho do motor sem moldura; figura e contas lado a lado quando o BLOCO tem largura (container `arr` do
   .aula-parte, não o data-modo: desde a id0276 a lousa do computador é o celular com zoom, então o modo é sempre
   'celular'); a largura da figura presa a --arr-caixa (o motor de página encolhe o bloco inteiro quando precisa).
   --------------------------------------------------------- */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--medidas-"], [class*="aula-arr--cinematica-"], [class*="aula-arr--dinamica-"], [class*="aula-arr--estatica-"], [class*="aula-arr--energia_momento-"], [class*="aula-arr--gravitacao-"], [class*="aula-arr--terra_universo-"], [class*="aula-arr--fluidos-"], [class*="aula-arr--moderna-"], [class*="aula-arr--termologia-"], [class*="aula-arr--ondas-"], [class*="aula-arr--optica-"], [class*="aula-arr--eletricidade-"], [class*="aula-arr--magnetismo-"]) .fis-fig {
  display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--medidas-"], [class*="aula-arr--cinematica-"], [class*="aula-arr--dinamica-"], [class*="aula-arr--estatica-"], [class*="aula-arr--energia_momento-"], [class*="aula-arr--gravitacao-"], [class*="aula-arr--terra_universo-"], [class*="aula-arr--fluidos-"], [class*="aula-arr--moderna-"], [class*="aula-arr--termologia-"], [class*="aula-arr--ondas-"], [class*="aula-arr--optica-"], [class*="aula-arr--eletricidade-"], [class*="aula-arr--magnetismo-"]) .fis-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); }   /* a lousa põe todo svg em absoluto: o do arranjo volta ao fluxo */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--medidas-"], [class*="aula-arr--cinematica-"], [class*="aula-arr--dinamica-"], [class*="aula-arr--estatica-"], [class*="aula-arr--energia_momento-"], [class*="aula-arr--gravitacao-"], [class*="aula-arr--terra_universo-"], [class*="aula-arr--fluidos-"], [class*="aula-arr--moderna-"], [class*="aula-arr--termologia-"], [class*="aula-arr--ondas-"], [class*="aula-arr--optica-"], [class*="aula-arr--eletricidade-"], [class*="aula-arr--magnetismo-"]) .fis-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--medidas-"], [class*="aula-arr--cinematica-"], [class*="aula-arr--dinamica-"], [class*="aula-arr--estatica-"], [class*="aula-arr--energia_momento-"], [class*="aula-arr--gravitacao-"], [class*="aula-arr--terra_universo-"], [class*="aula-arr--fluidos-"], [class*="aula-arr--moderna-"], [class*="aula-arr--termologia-"], [class*="aula-arr--ondas-"], [class*="aula-arr--optica-"], [class*="aula-arr--eletricidade-"], [class*="aula-arr--magnetismo-"]) .fis-col {
  display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--medidas-"], [class*="aula-arr--cinematica-"], [class*="aula-arr--dinamica-"], [class*="aula-arr--estatica-"], [class*="aula-arr--energia_momento-"], [class*="aula-arr--gravitacao-"], [class*="aula-arr--terra_universo-"], [class*="aula-arr--fluidos-"], [class*="aula-arr--moderna-"], [class*="aula-arr--termologia-"], [class*="aula-arr--ondas-"], [class*="aula-arr--optica-"], [class*="aula-arr--eletricidade-"], [class*="aula-arr--magnetismo-"]) .fis-incog {
  color: var(--giz-amarelo); font-weight: 700; margin-left: .3em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--medidas-"], [class*="aula-arr--cinematica-"], [class*="aula-arr--dinamica-"], [class*="aula-arr--estatica-"], [class*="aula-arr--energia_momento-"], [class*="aula-arr--gravitacao-"], [class*="aula-arr--terra_universo-"], [class*="aula-arr--fluidos-"], [class*="aula-arr--moderna-"], [class*="aula-arr--termologia-"], [class*="aula-arr--ondas-"], [class*="aula-arr--optica-"], [class*="aula-arr--eletricidade-"], [class*="aula-arr--magnetismo-"]) .fis-cor .fig-solution__line {
  color: var(--cor, var(--quadro-giz)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--medidas-"], [class*="aula-arr--cinematica-"], [class*="aula-arr--dinamica-"], [class*="aula-arr--estatica-"], [class*="aula-arr--energia_momento-"], [class*="aula-arr--gravitacao-"], [class*="aula-arr--terra_universo-"], [class*="aula-arr--fluidos-"], [class*="aula-arr--moderna-"], [class*="aula-arr--termologia-"], [class*="aula-arr--ondas-"], [class*="aula-arr--optica-"], [class*="aula-arr--eletricidade-"], [class*="aula-arr--magnetismo-"]) .fis-risco {
  color: var(--cor); text-decoration: line-through; text-decoration-thickness: 3px; text-decoration-color: var(--cor); font-weight: 700; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--medidas-"], [class*="aula-arr--cinematica-"], [class*="aula-arr--dinamica-"], [class*="aula-arr--estatica-"], [class*="aula-arr--energia_momento-"], [class*="aula-arr--gravitacao-"], [class*="aula-arr--terra_universo-"], [class*="aula-arr--fluidos-"], [class*="aula-arr--moderna-"], [class*="aula-arr--termologia-"], [class*="aula-arr--ondas-"], [class*="aula-arr--optica-"], [class*="aula-arr--eletricidade-"], [class*="aula-arr--magnetismo-"]) .fis-duas {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
}

/* Física: medidas (medidas.dados_formula_unidade): os dados, a fórmula, a substituição, as unidades e o resultado;
   com largura, os dados à esquerda e o resto à direita */
.aula-live-lousa .aula-arr--medidas-dados_formula_unidade .fis-dfu {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; }
.aula-live-lousa .aula-arr--medidas-dados_formula_unidade :is(.fis-dfu__dados, .fis-dfu__passos) {
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
.aula-live-lousa .aula-arr--medidas-dados_formula_unidade .fis-dfu__unidades {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 .25em; }
.aula-live-lousa .aula-arr--medidas-dados_formula_unidade .fis-un__grupo { white-space: nowrap; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--medidas-dados_formula_unidade .fis-dfu {
    grid-template-columns: minmax(0, auto) minmax(0, 1fr); column-gap: 48px; align-items: start; }
}

/* Física: cinemática */
.aula-live-lousa .aula-arr--cinematica-estroboscopica .fis-strobo__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--cinematica-estroboscopica .fis-strobo__baixo {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 40px; margin-top: 4px; }
.aula-live-lousa .aula-arr--cinematica-estroboscopica .fis-tabela { border-collapse: collapse; }
.aula-live-lousa .aula-arr--cinematica-estroboscopica .fis-tabela :is(th, td) { padding: 2px 7px; text-align: center; font-weight: 400; }
.aula-live-lousa .aula-arr--cinematica-estroboscopica .fis-tabela th { text-align: right; padding-right: 12px; }
.aula-live-lousa .aula-arr--cinematica-estroboscopica .fis-tabela tr + tr :is(th, td) {
  border-top: 1px solid color-mix(in srgb, var(--quadro-giz) 28%, transparent); }
.aula-live-lousa .aula-arr--cinematica-graficos_movimento .fis-graf__svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arr--cinematica-queda_livre .fis-queda__svg { width: min(100%, calc(var(--arr-caixa) * 1.05)); }
.aula-live-lousa .aula-arr--cinematica-encontro .fis-enc__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--cinematica-encontro .fis-enc__contas {
  display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 6px; }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-eq {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px 22px; align-items: start; }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-eq__col {
  display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-eq__col--apagada { opacity: .62; }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-eq__topo { display: flex; align-items: center; gap: 8px; }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-eq__ok { color: var(--giz-verde); font-weight: 700; font-size: 1.4em; line-height: 1; }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-eq__letras {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 14px; font-family: var(--font-calc); font-size: var(--arr-fonte); }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-letra--dado { color: var(--giz-verde); }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-letra--incog { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-letra--falta {
  color: var(--giz-vermelho); text-decoration: line-through; text-decoration-thickness: 2px; }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-eq__dados {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 20px; margin-top: 16px; max-width: 100%; }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-eq__dados > * { flex: 0 0 auto; width: auto; }
.aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-eq__fim {
  display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 8px; }
@container arr (min-width: 700px) {
  .aula-live-lousa .aula-arr--cinematica-escolher_equacao .fis-eq { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Física: ondas (js/dominios/fisica/ondas.js): o desenho preso a --arr-caixa, as contas embaixo (ou ao lado, com
   largura); as colunas de tipos_de_onda, fenomenos_ondulatorios e qualidades_do_som sem moldura, a do destaque cheia */
.aula-live-lousa .aula-arranjo[class*="aula-arr--ondas-"] .fis-ond__contas {
  display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 6px; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--ondas-"] .fis-ond__dados {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 28px; margin-top: 4px; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--ondas-"] .fis-ond__dados > * { flex: 0 0 auto; width: auto; }
.aula-live-lousa .aula-arr--ondas-oscilador_mhs .fis-ond__figs {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px 24px; align-items: center; }
.aula-live-lousa .aula-arr--ondas-oscilador_mhs :is(.fis-ond__osc, .fis-ond__graf) { width: min(100%, calc(var(--arr-caixa) * 1.15)); }
.aula-live-lousa .aula-arr--ondas-anatomia_onda .fis-ond__onda,
.aula-live-lousa .aula-arr--ondas-mudanca_de_meio .fis-ond__meios,
.aula-live-lousa .aula-arr--ondas-doppler .fis-ond__dop,
.aula-live-lousa .aula-arr--ondas-eco_sonar .fis-ond__eco,
.aula-live-lousa .aula-arr--ondas-espectro .fis-ond__esp,
.aula-live-lousa .aula-arr--ondas-qualidades_do_som .fis-qual__regua { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--ondas-superposicao .fis-ond__sup,
.aula-live-lousa .aula-arr--ondas-ondas_estacionarias .fis-ond__est { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arr--ondas-superposicao .fis-ond__tipo { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arr--ondas-tipos_de_onda .fis-tipos,
.aula-live-lousa .aula-arr--ondas-fenomenos_ondulatorios .fis-fen,
.aula-live-lousa .aula-arr--ondas-qualidades_do_som .fis-qual {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; align-items: start; width: 100%; }
.aula-live-lousa .aula-arr--ondas-qualidades_do_som .fis-qual { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 10px; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--ondas-"] :is(.fis-tipos__col, .fis-fen__cel, .fis-qual__col) {
  display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--ondas-"] :is(.fis-tipos__col--apagada, .fis-fen__cel--apagada, .fis-qual__col--apagada) { opacity: .6; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--ondas-"] :is(.fis-tipos__svg, .fis-fen__svg) { width: min(100%, 190px); }
.aula-live-lousa .aula-arr--ondas-qualidades_do_som .fis-qual__svg { width: min(100%, 240px); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--ondas-"] :is(.fis-tipos__nome, .fis-fen__nome, .fis-qual__nome) {
  font-family: var(--font-calc); font-size: var(--arr-fonte); font-weight: 700; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--ondas-"] :is(.fis-tipos__col--destaque, .fis-fen__cel--destaque, .fis-qual__col--destaque) :is(.fis-tipos__nome, .fis-fen__nome, .fis-qual__nome) {
  color: var(--giz-amarelo); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--ondas-"] :is(.fis-tipos__linha, .fis-tipos__meio, .fis-fen__frase, .fis-qual__pares) {
  font-family: var(--font-calc); font-size: calc(var(--arr-fonte) * .9); line-height: 1.25; }
.aula-live-lousa .aula-arr--ondas-tipos_de_onda .fis-tipos__meio--sim { color: var(--giz-verde); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--ondas-"] :is(.fis-tipos, .fis-fen) { margin-bottom: 12px; }
.aula-live-lousa .aula-arr--ondas-oscilador_mhs .fis-ond__duascontas {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px 32px; align-items: start; margin-top: 6px; }
.aula-live-lousa .aula-arr--ondas-qualidades_do_som .fis-qual__pares {
  display: grid; grid-template-columns: 1fr 1fr; width: min(100%, 240px); }
.aula-live-lousa .aula-arr--ondas-qualidades_do_som .fis-qual__regua { margin-top: 10px; }
.aula-live-lousa .aula-arranjo.aula-arr--ondas-qualidades_do_som .fis-qual__nome {
  display: flex; flex-direction: column; align-items: center; font-size: calc(var(--arr-fonte) * .9); line-height: 1.2; }
.aula-live-lousa .aula-arr--ondas-qualidades_do_som .fis-qual__grand { font-size: .8em; font-weight: 400; }
.aula-live-lousa .aula-arranjo.aula-arr--ondas-qualidades_do_som .fis-qual__pares { font-size: calc(var(--arr-fonte) * .8); column-gap: 6px; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--ondas-oscilador_mhs .fis-ond__figs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .aula-live-lousa .aula-arr--ondas-tipos_de_onda .fis-tipos { grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); }
  .aula-live-lousa .aula-arr--ondas-fenomenos_ondulatorios .fis-fen { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .aula-live-lousa .aula-arr--ondas-oscilador_mhs .fis-ond__duascontas { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

/* Física: energia_momento (js/dominios/fisica/energia_momento.js): o percurso com as barras, a colisão e o recuo (antes e
   depois), o trabalho de cada força, a área do F × d, o impulso, o fluxo da energia, a cadeia das formas e as fontes. */
.aula-live-lousa .aula-arr--energia_momento-barras_energia .fis-barras__svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--energia_momento-colisao .fis-col__svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--energia_momento-recuo_explosao .fis-recuo__svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--energia_momento-trabalho_forca .fis-trab__svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--energia_momento-trabalho_forca .fis-apagado { opacity: .55; }
.aula-live-lousa .aula-arr--energia_momento-trabalho_grafico .fis-graf-trab__svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arr--energia_momento-impulso_forca_tempo .fis-imp__svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--energia_momento-impulso_forca_tempo .fis-imp__cen {
  display: flex; flex-direction: column; align-items: center; gap: 2px; }
.aula-live-lousa .aula-arr--energia_momento-impulso_forca_tempo .fis-imp__cen .fig-solution__line { color: var(--cor, var(--quadro-giz)); }
.aula-live-lousa .aula-arr--energia_momento-potencia_rendimento .fis-pot__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--energia_momento-potencia_rendimento .fis-pot__contas {
  display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 6px; }
/* a cadeia: coluna no celular; em linha quando o bloco tem largura e a cadeia é curta (até 3 etapas) */
.aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad {
  display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; }
.aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad__etapa {
  display: flex; flex-direction: row; align-items: center; gap: 10px; min-width: 0; }
.aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad__corpo {
  display: flex; flex-direction: column; align-items: center; gap: 0; min-width: 0; }
.aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-icone { width: 84px; }
.aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad__seta {
  display: flex; flex-direction: row; align-items: center; gap: 8px; }
.aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-svg.fis-cad__flecha--h { display: none; }
.aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad__flecha--v { width: 20px; }
.aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad__perda {
  display: flex; flex-direction: row; align-items: center; gap: 4px; }
.aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad__perda-flecha { width: 20px; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad {
    flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 14px 12px; padding: 0 4px; }
  .aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad .fis-icone { width: 74px; }
  .aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad .fis-cad__etapa {
    flex-direction: column; gap: 2px; }
  .aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad .fis-cad__seta {
    flex-direction: column-reverse; gap: 2px; margin-top: 18px; }
  .aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad .fis-svg.fis-cad__flecha--h { display: block; width: 48px; }
  .aula-live-lousa .aula-arr--energia_momento-transformacao_energia .fis-cad .fis-svg.fis-cad__flecha--v { display: none; }
}
/* as fontes: duas colunas quando o bloco tem largura; no celular, renováveis em cima */
.aula-live-lousa .aula-arr--energia_momento-fontes_energia .fis-fontes {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px 28px; width: 100%; align-items: start; }
.aula-live-lousa .aula-arr--energia_momento-fontes_energia .fis-fontes__col {
  display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.aula-live-lousa .aula-arr--energia_momento-fontes_energia .fis-fontes__titulo { font-weight: 700; align-self: center; }
.aula-live-lousa .aula-arr--energia_momento-fontes_energia .fis-fonte {
  display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 10px; align-items: center; }
.aula-live-lousa .aula-arr--energia_momento-fontes_energia .fis-fonte__icone { width: 56px; }
.aula-live-lousa .aula-arr--energia_momento-fontes_energia .fis-fontes__txt {
  display: flex; flex-direction: column; align-items: flex-start; gap: 0; min-width: 0; }
.aula-live-lousa .aula-arr--energia_momento-fontes_energia .fis-fontes__nome { font-weight: 700; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--energia_momento-fontes_energia .fis-fontes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Física: termologia (js/dominios/fisica/termologia.js): os desenhos presos a --arr-caixa; contas em coluna */
.aula-live-lousa .aula-arr--termologia-escalas_termometricas .fis-tl-esc__svg { width: min(100%, calc(var(--arr-caixa) * 1.05)); }
.aula-live-lousa .aula-arr--termologia-propagacao_calor .fis-tl-prop {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px 22px; align-items: start; }
.aula-live-lousa .aula-arr--termologia-propagacao_calor .fis-tl-prop__col {
  display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; }
.aula-live-lousa .aula-arr--termologia-propagacao_calor .fis-tl-prop__col--apagada { opacity: .62; }
.aula-live-lousa .aula-arr--termologia-propagacao_calor .fis-tl-prop__svg { width: min(100%, 200px); }
.aula-live-lousa .aula-arr--termologia-propagacao_calor .fis-tl-prop__rot {
  display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arr--termologia-propagacao_calor .fis-tl-prop__nome { font-weight: 700; padding: 0 8px; border-radius: 8px; }
.aula-live-lousa .aula-arr--termologia-propagacao_calor .fis-tl-prop__col--destaque .fis-tl-prop__nome { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--termologia-propagacao_calor .fis-tl-prop__modo { color: var(--giz-azul); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--termologia-propagacao_calor .fis-tl-prop { grid-template-columns: repeat(var(--n), minmax(0, 1fr)); }
}
.aula-live-lousa .aula-arr--termologia-calor_sensivel .fis-tl-sens__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa :is(.aula-arr--termologia-calor_sensivel, .aula-arr--termologia-curva_aquecimento, .aula-arr--termologia-ciclo_pv) .fis-tl-dados {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 22px; max-width: 100%; }
.aula-live-lousa :is(.aula-arr--termologia-calor_sensivel, .aula-arr--termologia-curva_aquecimento, .aula-arr--termologia-ciclo_pv) .fis-tl-dados > * { flex: 0 0 auto; width: auto; }
.aula-live-lousa .aula-arr--termologia-curva_aquecimento .fis-tl-curva__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--termologia-curva_aquecimento .fis-tl-curva__contas {
  display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 6px; }
.aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px 26px; margin-top: 6px; }
.aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal__col { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal__cab { font-weight: 700; align-self: center; }
.aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal__corpo {
  display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; align-items: center; }
.aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal__mini { width: 64px; }
.aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal__txt { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; }
.aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal__item { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal__contas { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; }
.aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal__fim {
  display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 12px; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--termologia-calorimetro .fis-tl-cal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.aula-live-lousa .aula-arr--termologia-dilatacao .fis-tl-dil__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--termologia-transformacoes_gas .fis-tl-gas__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--termologia-transformacoes_gas .fis-tl-gas__svg--um { width: min(100%, calc(var(--arr-caixa) * 0.85)); }
.aula-live-lousa .aula-arr--termologia-ciclo_pv .fis-tl-pv__svg { width: min(100%, calc(var(--arr-caixa) * 1.25)); }
.aula-live-lousa .aula-arr--termologia-primeira_lei .fis-tl-lei__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--termologia-maquina_termica .fis-tl-maq__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--termologia-ciclo_da_agua .fis-tl-agua__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--termologia-ciclo_da_agua .fis-tl-agua__fim { display: flex; justify-content: center; margin-top: 6px; }

/* Física: dinamica (js/dominios/fisica/dinamica.js): o corpo com as forças, a rampa, os blocos, o elevador, os gráficos;
   a largura do desenho presa a --arr-caixa; contas em coluna embaixo (ou ao lado, pelo .fis-duas comum) */
.aula-live-lousa .aula-arr--dinamica-diagrama_forcas .fis-df__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--dinamica-plano_inclinado .fis-pi__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--dinamica-proporcao_fma .fis-fma__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--dinamica-acao_reacao .fis-ar__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--dinamica-forca_centripeta .fis-fc__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--dinamica-inercia_cenas .fis-in__svg,
.aula-live-lousa .aula-arr--dinamica-blocos_ligados .fis-bl__svg,
.aula-live-lousa .aula-arr--dinamica-peso_aparente .fis-pa__svg,
.aula-live-lousa .aula-arr--dinamica-atrito .fis-at__svg,
.aula-live-lousa .aula-arr--dinamica-mola_hooke .fis-mh__svg,
.aula-live-lousa .aula-arr--dinamica-velocidade_terminal .fis-vt__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arranjo:is(.aula-arr--dinamica-inercia_cenas, .aula-arr--dinamica-blocos_ligados, .aula-arr--dinamica-peso_aparente, .aula-arr--dinamica-plano_inclinado, .aula-arr--dinamica-forca_centripeta, .aula-arr--dinamica-acao_reacao,
  .aula-arr--dinamica-atrito, .aula-arr--dinamica-mola_hooke, .aula-arr--dinamica-velocidade_terminal) :is(.fis-in__quem, .fis-bl__contas,
  .fis-pa__contas, .fis-at__contas, .fis-mh__contas, .fis-vt__contas, .fis-pi__contas) {
  display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 6px; }
.aula-live-lousa .aula-arr--dinamica-forcas_tipos .fis-ft {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px 28px; align-items: start; }
.aula-live-lousa .aula-arr--dinamica-forcas_tipos .fis-ft__col { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.aula-live-lousa .aula-arr--dinamica-forcas_tipos .fis-ft__titulo { align-self: center; }
.aula-live-lousa .aula-arr--dinamica-forcas_tipos .fis-ft__item {
  display: grid; grid-template-columns: minmax(0, auto) minmax(0, 1fr); column-gap: 12px; align-items: center; }
.aula-live-lousa .aula-arr--dinamica-forcas_tipos .fis-ft__fig { width: auto; }
.aula-live-lousa .aula-arr--dinamica-forcas_tipos .fis-ft__svg { width: 124px; }
.aula-live-lousa .aula-arr--dinamica-forcas_tipos .fis-ft__txt { display: flex; flex-direction: column; align-items: flex-start; gap: 0; min-width: 0; }
.aula-live-lousa .aula-arr--dinamica-forcas_tipos .fis-ft__item--destaque .fis-ft__nome .fig-solution__line { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--dinamica-forcas_tipos :is(.fis-ft__dir, .fis-ft__ex) { font-size: .86em; }
.aula-live-lousa .aula-arr--dinamica-forcas_tipos > .aula-papel-final { margin-top: 12px; }
.aula-live-lousa .aula-arr--dinamica-forca_centripeta .fis-fc__linha { display: flex; align-items: center; gap: 10px; }
.aula-live-lousa .aula-arr--dinamica-forca_centripeta .fis-fc__marca { color: var(--cor); font-weight: 700; font-size: 1.4em; line-height: 1; }
@container arr (min-width: 640px) {
  .aula-live-lousa .aula-arr--dinamica-forcas_tipos .fis-ft { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Física: optica (js/dominios/fisica/optica.js e fig-optica.js): as cenas traçadas pelo motor (sem moldura), com a
   largura presa a --arr-caixa; colunas (cor do objeto, instrumentos, olho) por @container arr, nunca por data-modo */
.aula-live-lousa .aula-arranjo[class*="aula-arr--optica-"] .fis-opt__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--optica-raios_optica .fis-opt-raios__contas {
  display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 4px 0; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--optica-"] .fis-opt__fim {
  display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 8px; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--optica-"] .fis-opt__txt { text-align: center; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--optica-"] .fis-opt__nome { font-weight: 700; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--optica-"] .fis-opt-coluna .aula-papel-final {
  max-width: 100%; padding-inline: .3em; overflow-wrap: normal; word-break: keep-all; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--optica-"] .fis-opt-coluna .aula-papel-final .aula-arr__txt { font-size: calc(var(--arr-fonte) * .82); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--optica-"] .fis-opt-coluna .fis-opt__txt { font-size: calc(var(--arr-fonte) * .82); line-height: 1.15; }
.aula-live-lousa .aula-arr--optica-mistura_de_cores .fis-opt-cores__duas {
  display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 6px; }
.aula-live-lousa .aula-arr--optica-mistura_de_cores .fis-opt-cores__outro { width: min(100%, calc(var(--arr-caixa) * 0.8)); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--optica-"] .fis-opt-colunas {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; align-items: start; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--optica-"] .fis-opt-coluna {
  display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.aula-live-lousa .aula-arr--optica-cor_do_objeto .fis-opt-colunas.fis-opt-luzes { grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 10px 8px; }
.aula-live-lousa .aula-arr--optica-cor_do_objeto .fis-opt-luz__svg { width: min(100%, calc(var(--arr-caixa) * 0.55)); }
.aula-live-lousa .aula-arr--optica-instrumentos .fis-opt-instr__svg { width: min(100%, calc(var(--arr-caixa) * 0.75)); }
.aula-live-lousa .aula-arr--optica-olho_e_correcao .fis-opt-olho__svg { width: min(100%, calc(var(--arr-caixa) * 1.05)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--optica-mistura_de_cores .fis-opt-cores__duas { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: center; }
}
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--optica-instrumentos .fis-opt-colunas.fis-opt-instr { grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); }
}

/* Física: eletricidade (js/dominios/fisica/eletricidade.js): os desenhos do motor presos a --arr-caixa, as tabelas
   (circuito, capacitores, conta de luz, símbolos) sem moldura, só as linhas entre as fileiras, e as contas centradas */
.aula-live-lousa .aula-arranjo[class*="aula-arr--eletricidade-"] .fis-tabela { border-collapse: collapse; margin: 0 auto; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--eletricidade-"] .fis-icone {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); margin: 0 auto; }   /* o desenho pequeno dentro da tabela (no fluxo, como o .fis-svg) */
.aula-live-lousa .aula-arranjo[class*="aula-arr--eletricidade-"] .fis-tabela :is(th, td) { padding: 2px 6px; text-align: center; font-weight: 400; vertical-align: middle; white-space: nowrap; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--eletricidade-"] .fis-tabela td .fig-solution__line { white-space: nowrap; }   /* "4500 W" numa linha só */
.aula-live-lousa .aula-arranjo[class*="aula-arr--eletricidade-"] .fis-tabela tr + tr :is(th, td) {
  border-top: 1px solid color-mix(in srgb, var(--quadro-giz) 28%, transparent); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--eletricidade-"] .fis-tabela__cab :is(th, td) { color: color-mix(in srgb, var(--quadro-giz) 78%, transparent); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--eletricidade-"] .fis-tabela__total :is(th, td) { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--eletricidade-eletrizacao .fis-eletr__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--eletricidade-eletrizacao .fis-eletr__contas { margin-top: 6px; }
.aula-live-lousa .aula-arr--eletricidade-coulomb .fis-coul__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--eletricidade-linhas_de_campo .fis-campo__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--eletricidade-capacitor .fis-cap__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--eletricidade-capacitor .fis-cap__contas { margin-top: 10px; }
.aula-live-lousa .aula-arr--eletricidade-capacitor .fis-cap__tab { margin-top: 8px; }
.aula-live-lousa .aula-arr--eletricidade-lei_de_ohm .fis-ohm__svg { width: min(100%, calc(var(--arr-caixa) * 1.15)); }
.aula-live-lousa .aula-arr--eletricidade-circuito .fis-circ__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--eletricidade-circuito .fis-circ__svg--largo { width: min(100%, calc(var(--arr-caixa) * 2.1)); }
.aula-live-lousa .aula-arr--eletricidade-circuito .fis-circ__baixo {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 40px; margin-top: 6px; }
.aula-live-lousa .aula-arr--eletricidade-potencia_eletrica .fis-pot__svg { width: min(100%, calc(var(--arr-caixa) * 1.25)); }
.aula-live-lousa .aula-arr--eletricidade-potencia_eletrica .fis-pot__svg--um { width: min(100%, calc(var(--arr-caixa) * 0.8)); }
.aula-live-lousa .aula-arr--eletricidade-conta_luz .fis-luz__icone { width: 1.9em; }
.aula-live-lousa .aula-arr--eletricidade-conta_luz .fis-luz__tab { font-size: .84em; }
.aula-live-lousa .aula-arr--eletricidade-conta_luz .fis-luz__tab :is(th, td) { padding: 2px 4px; }
.aula-live-lousa .aula-arr--eletricidade-conta_luz .fis-luz__titulo { white-space: normal; font-family: var(--font-calc); font-size: .85em; line-height: 1.1;
  color: color-mix(in srgb, var(--quadro-giz) 78%, transparent); }
.aula-live-lousa .aula-arr--eletricidade-conta_luz .fis-luz__contas { margin-top: 10px; }
.aula-live-lousa .aula-arr--eletricidade-conta_luz .fis-luz__ap { white-space: normal; padding: 4px 4px 2px; max-width: 7.5em; }
.aula-live-lousa .aula-arr--eletricidade-conta_luz .fis-luz__nome { font-family: var(--font-calc); font-size: .8em; line-height: 1.1; }
.aula-live-lousa .aula-arr--eletricidade-simbolos_e_medidores .fis-simb__simbolo { width: 4.4em; }
.aula-live-lousa .aula-arr--eletricidade-simbolos_e_medidores .fis-simb__objeto { width: 3.4em; }
.aula-live-lousa .aula-arr--eletricidade-simbolos_e_medidores .fis-simb__tab :is(th, td) { padding-top: 0; padding-bottom: 0; }
.aula-live-lousa .aula-arr--eletricidade-simbolos_e_medidores .fis-simb__n { text-align: left; }
.aula-live-lousa .aula-arr--eletricidade-simbolos_e_medidores .fis-simb__baixo {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 32px; margin-top: 10px; }
.aula-live-lousa .aula-arr--eletricidade-simbolos_e_medidores .fis-simb__svg { width: min(100%, calc(var(--arr-caixa) * 1.15)); }
.aula-live-lousa .aula-arr--eletricidade-cc_ca .fis-ccca { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px 24px; align-items: end; }
.aula-live-lousa .aula-arr--eletricidade-cc_ca .fis-ccca__svg { width: min(100%, calc(var(--arr-caixa) * 1.05)); }
.aula-live-lousa .aula-arr--eletricidade-cc_ca .fis-ccca__contas { margin-top: 8px; }
.aula-live-lousa .aula-arr--eletricidade-instalacao_residencial .fis-inst__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--eletricidade-instalacao_residencial .fis-inst__contas { margin-top: 6px; }
.aula-live-lousa .aula-arr--eletricidade-transformacao_de_energia .fis-transf {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 4px 24px; align-items: start; }
.aula-live-lousa .aula-arr--eletricidade-transformacao_de_energia .fis-transf__svg { width: min(100%, calc(var(--arr-caixa) * 1.25)); }
.aula-live-lousa .aula-arr--eletricidade-transformacao_de_energia .fis-transf__contas { margin-top: 8px; }
.aula-live-lousa .aula-arr--eletricidade-simbolos_e_medidores .fis-simb { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 32px; align-items: center; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--eletricidade-cc_ca .fis-ccca { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .aula-live-lousa .aula-arr--eletricidade-simbolos_e_medidores .fis-simb { grid-template-columns: minmax(0, auto) minmax(0, 1fr); }
  .aula-live-lousa .aula-arr--eletricidade-simbolos_e_medidores .fis-simb__baixo { flex-direction: column; }
}

/* Física: fluidos (js/dominios/fisica/fluidos.js): o corpo no líquido, os pontos de Stevin, os vasos comunicantes, a
   prensa, a vasilha das densidades, as áreas de contato, o Torricelli, a escada das unidades e o tubo que estreita. */
.aula-live-lousa .aula-arr--fluidos-empuxo .fis-emp__svg,
.aula-live-lousa .aula-arr--fluidos-pressao_profundidade .fis-prof__svg,
.aula-live-lousa .aula-arr--fluidos-vasos_comunicantes .fis-vasos__svg,
.aula-live-lousa .aula-arr--fluidos-prensa_hidraulica .fis-prensa__svg,
.aula-live-lousa .aula-arr--fluidos-densidade_flutuacao .fis-dens__svg,
.aula-live-lousa .aula-arr--fluidos-pressao_atmosferica .fis-torr__svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--fluidos-pressao_area .fis-parea__svg,
.aula-live-lousa .aula-arr--fluidos-vazao_continuidade .fis-vazao__svg { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--fluidos-escada_pressao .fis-escada__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--fluidos-"] .fis-flu__contas {
  display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 6px; }
.aula-live-lousa .aula-arr--fluidos-empuxo .fis-flu__veredito { font-weight: 700; }
.aula-live-lousa .aula-arr--fluidos-densidade_flutuacao .fis-dens__lista {
  display: grid; grid-template-columns: repeat(3, max-content); align-items: baseline; gap: 4px 14px; min-width: 0; max-width: 100%; }
.aula-live-lousa .aula-arr--fluidos-densidade_flutuacao :is(.fis-dens__linha, .fis-dens__ref) { display: contents; }
.aula-live-lousa .aula-arr--fluidos-densidade_flutuacao .fis-dens__lista { justify-content: center; }
.aula-live-lousa .aula-arr--fluidos-densidade_flutuacao .fis-dens__lista .aula-arr__txt {
  width: auto; min-width: 0; justify-self: start; font-size: calc(var(--arr-fonte) * .85); }
.aula-live-lousa .aula-arr--fluidos-densidade_flutuacao .fis-dens__lista .fig-solution__line { white-space: nowrap; }
.aula-live-lousa .aula-arr--fluidos-densidade_flutuacao .fis-dens__ref > :not(.fis-dens__vazio) {
  border-top: 2px dashed var(--giz-azul); border-bottom: 2px dashed var(--giz-azul); justify-self: stretch; }

/* Física: estatica (js/dominios/fisica/estatica.js): o desenho preso a --arr-caixa, as contas embaixo (ou ao lado, com
   largura); os dois lados dos momentos da gangorra lado a lado; as colunas de tipos_equilibrio e alavancas sem moldura,
   a do destaque cheia */
.aula-live-lousa .aula-arranjo[class*="aula-arr--estatica-"] .fis-est__contas {
  display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 6px; }
.aula-live-lousa .aula-arr--estatica-balanca_torques .fis-est__gang,
.aula-live-lousa .aula-arr--estatica-viga_apoios .fis-est__viga,
.aula-live-lousa .aula-arr--estatica-estabilidade_base .fis-est__tomba,
.aula-live-lousa .aula-arr--estatica-rampa_maquina .fis-est__rampa { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--estatica-torque_braco .fis-est__torque,
.aula-live-lousa .aula-arr--estatica-equilibrio_ponto .fis-est__ponto,
.aula-live-lousa .aula-arr--estatica-forcas_em_linha .fis-est__colin,
.aula-live-lousa .aula-arr--estatica-centro_de_massa .fis-est__cm,
.aula-live-lousa .aula-arr--estatica-roldanas .fis-est__rold { width: min(100%, calc(var(--arr-caixa) * 2.1)); }
.aula-live-lousa .aula-arr--estatica-balanca_torques .fis-est__momentos {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px 18px; align-items: start; width: 100%; margin-top: 4px; }
.aula-live-lousa .aula-arr--estatica-balanca_torques .fis-est__lado {
  display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.aula-live-lousa .aula-arr--estatica-balanca_torques .fis-est__nome {
  font-family: var(--font-calc); font-size: calc(var(--arr-fonte) * .9); font-weight: 700; color: var(--cor, var(--quadro-giz)); }
.aula-live-lousa .aula-arr--estatica-balanca_torques .fis-est__nome .aula-arr__txt { color: var(--cor, var(--quadro-giz)); }
.aula-live-lousa .aula-arr--estatica-tipos_equilibrio .fis-est__tipos,
.aula-live-lousa .aula-arr--estatica-alavancas .fis-est__alav {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; align-items: start; width: 100%; margin-bottom: 10px; }
.aula-live-lousa .aula-arr--estatica-tipos_equilibrio .fis-est__tipos { grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 12px 8px; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--estatica-"] .fis-est__col {
  display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--estatica-"] .fis-est__col--apagada { opacity: .6; }
.aula-live-lousa .aula-arr--estatica-alavancas .fis-est__col--destaque { order: -1; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--estatica-"] :is(.fis-est__tipo-svg, .fis-est__alav-svg) { width: min(100%, 210px); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--estatica-"] .fis-est__titulo {
  font-family: var(--font-calc); font-size: var(--arr-fonte); font-weight: 700; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--estatica-"] .fis-est__col--destaque .fis-est__titulo { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--estatica-"] :is(.fis-est__linha, .fis-est__exemplo) {
  font-family: var(--font-calc); font-size: calc(var(--arr-fonte) * .85); line-height: 1.25; }
.aula-live-lousa .aula-arr--estatica-tipos_equilibrio .fis-est__exemplo { margin-top: 6px; text-align: center; }
.aula-live-lousa .aula-arr--estatica-estabilidade_base .fis-est__sit .aula-arr__txt { color: var(--cor, var(--quadro-giz)); font-weight: 700; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--estatica-tipos_equilibrio .fis-est__tipos,
  .aula-live-lousa .aula-arr--estatica-alavancas .fis-est__alav { grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); }
  .aula-live-lousa .aula-arr--estatica-alavancas .fis-est__col--destaque { order: 0; }
}

/* Física: terra_universo (js/dominios/fisica/terra_universo.js e fig-terra.js): as cenas do motor presas a
   --arr-caixa, sem moldura; as tabelas só com as linhas entre as fileiras (a do destaque em amarelo); as colunas dos
   movimentos e as duas vistas do gnômon por @container arr, nunca por data-modo */
.aula-live-lousa .aula-arranjo[class*="aula-arr--terra_universo-"] .fis-tu__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--terra_universo-"] .fis-tu__fim {
  display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 8px; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--terra_universo-"] .fis-tu__txt { text-align: center; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--terra_universo-"] .fis-tu__nome { font-weight: 700; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--terra_universo-"] .fis-tabela { border-collapse: collapse; margin: 0 auto; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--terra_universo-"] .fis-tabela td { padding: 1px 7px; text-align: center; font-weight: 400; vertical-align: middle; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--terra_universo-"] .fis-tabela tr + tr td {
  border-top: 1px solid color-mix(in srgb, var(--quadro-giz) 28%, transparent); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--terra_universo-"] .fis-tu__dest td { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--terra_universo-"] .fis-tu__dest .fig-solution__line { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--terra_universo-"] .fis-tu__tab { font-size: .9em; }
.aula-live-lousa .aula-arr--terra_universo-fases_lua .fis-tu-lua__svg { width: min(100%, calc(var(--arr-caixa) * 1.25)); }
.aula-live-lousa .aula-arr--terra_universo-eclipses .fis-tu-eclipse__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--terra_universo-estacoes .fis-tu-estacoes__svg { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--terra_universo-rotacao_translacao .fis-tu-colunas {
  display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 10px 10px; align-items: start; }
.aula-live-lousa .aula-arr--terra_universo-rotacao_translacao .fis-tu-coluna {
  display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.aula-live-lousa .aula-arr--terra_universo-rotacao_translacao .fis-tu-coluna .fis-tu__txt { font-size: calc(var(--arr-fonte) * .85); line-height: 1.15; }
.aula-live-lousa .aula-arr--terra_universo-rotacao_translacao .fis-tu-mov__svg { width: min(100%, calc(var(--arr-caixa) * 0.75)); }
.aula-live-lousa .aula-arr--terra_universo-sombra_gnomon .fis-tu-gnomon__figs {
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 6px 12px; align-items: center; }
.aula-live-lousa .aula-arr--terra_universo-sombra_gnomon .fis-tu-gnomon__svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arr--terra_universo-sombra_gnomon .fis-tu-rosa__svg { width: min(100%, calc(var(--arr-caixa) * 0.9)); }
.aula-live-lousa .aula-arr--terra_universo-sistema_solar .fis-tu-ss__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--terra_universo-distancias_astronomicas .fis-tu-regua__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--terra_universo-distancias_astronomicas .fis-tu-regua__tab td:nth-child(2) { white-space: normal; }
.aula-live-lousa .aula-arr--terra_universo-ciclo_estelar .fis-tu-estrela__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--terra_universo-camadas_terra .fis-tu-camadas__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--terra_universo-placas_tectonicas .fis-tu-placas__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--terra_universo-clima_circulacao .fis-tu-clima__svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
@container arr (max-width: 539px) {
  .aula-live-lousa .aula-arr--terra_universo-fases_lua .fis-tu-lua__svg { width: 100%; }
  .aula-live-lousa .aula-arr--terra_universo-sombra_gnomon .fis-tu-gnomon__figs { grid-template-columns: minmax(0, 1fr); }
  .aula-live-lousa .aula-arr--terra_universo-sombra_gnomon .fis-tu-gnomon__svg, .aula-live-lousa .aula-arr--terra_universo-sombra_gnomon .fis-tu-rosa__svg { width: 100%; }
}

/* Física: magnetismo (js/dominios/fisica/magnetismo.js e fig-magnetismo.js): os desenhos do motor presos a --arr-caixa,
   sem moldura; os quadros do motor e as colunas das aplicações em grade (duas por linha no celular); as etapas da usina
   em coluna com as setas; a tabela da linha de transmissão só com as linhas entre as fileiras */
.aula-live-lousa .aula-arranjo[class*="aula-arr--magnetismo-"] .fis-icone {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); margin: 0 auto; }
.aula-live-lousa .aula-arr--magnetismo-imas_polos .fis-mag-imas__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--magnetismo-imas_polos .fis-mag-imas__fim { margin-top: 6px; }
.aula-live-lousa .aula-arr--magnetismo-linhas_de_campo .fis-mag-linhas__svg { width: min(100%, calc(var(--arr-caixa) * 1.35)); }
.aula-live-lousa .aula-arr--magnetismo-campo_terrestre .fis-mag-terra__svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--magnetismo-campo_terrestre .fis-mag-terra__fim { margin-top: 6px; }
.aula-live-lousa .aula-arr--magnetismo-campo_da_corrente .fis-mag-corr__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--magnetismo-regra_mao .fis-mag-mao__svg { width: min(100%, 620px); }
.aula-live-lousa .aula-arr--magnetismo-regra_mao .fis-mag-mao__fim { margin-top: 6px; }
.aula-live-lousa .aula-arr--magnetismo-carga_no_campo .fis-mag-carga__svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--magnetismo-motor_eletrico .fis-mag-motor__quadros {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; width: 100%; }
.aula-live-lousa .aula-arr--magnetismo-motor_eletrico .fis-mag-motor__svg { width: min(100%, calc(var(--arr-caixa) * 0.85)); }
.aula-live-lousa .aula-arr--magnetismo-motor_eletrico .fis-mag-motor__com { width: min(100%, calc(var(--arr-caixa) * 0.7)); }
.aula-live-lousa .aula-arr--magnetismo-motor_eletrico .fis-mag-motor__baixo {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 36px; margin-top: 8px; }
.aula-live-lousa .aula-arr--magnetismo-inducao .fis-mag-ind__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--magnetismo-inducao .fis-mag-ind__contas { margin-top: 6px; }
.aula-live-lousa .aula-arr--magnetismo-usina_geradora .fis-mag-usina__figs {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px 24px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arr--magnetismo-usina_geradora .fis-mag-usina__svg { width: min(100%, 560px); }
.aula-live-lousa .aula-arr--magnetismo-usina_geradora .fis-mag-usina__graf { width: min(100%, 440px); }
.aula-live-lousa .aula-arr--magnetismo-usina_geradora .fis-mag-usina__baixo {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 40px; margin-top: 8px; }
.aula-live-lousa .aula-arr--magnetismo-usina_geradora .fis-mag-usina__etapas { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.aula-live-lousa .aula-arr--magnetismo-usina_geradora .fis-mag-usina__seta { width: 1.1em; }
.aula-live-lousa .aula-arr--magnetismo-usina_geradora .fis-mag-usina__etapa { font-family: var(--font-calc); text-align: center; }
.aula-live-lousa .aula-arr--magnetismo-transformador_transmissao .fis-mag-trafo__svg { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--magnetismo-transformador_transmissao .fis-mag-trafo__cadeia { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--magnetismo-transformador_transmissao .fis-mag-trafo__contas { margin-top: 8px; }
.aula-live-lousa .aula-arr--magnetismo-transformador_transmissao .fis-tabela { border-collapse: collapse; margin: 0 auto; }
.aula-live-lousa .aula-arr--magnetismo-transformador_transmissao .fis-tabela :is(th, td) {
  padding: 2px 8px; text-align: center; font-weight: 400; vertical-align: middle; white-space: nowrap; }
.aula-live-lousa .aula-arr--magnetismo-transformador_transmissao .fis-tabela tr + tr :is(th, td) {
  border-top: 1px solid color-mix(in srgb, var(--quadro-giz) 28%, transparent); }
.aula-live-lousa .aula-arr--magnetismo-transformador_transmissao .fis-tabela__cab :is(th, td) { color: color-mix(in srgb, var(--quadro-giz) 78%, transparent); }
.aula-live-lousa .aula-arr--magnetismo-aplicacoes .fis-mag-apl {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; width: 100%; align-items: start; }
.aula-live-lousa .aula-arr--magnetismo-aplicacoes .fis-mag-apl__col { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; }
.aula-live-lousa .aula-arr--magnetismo-aplicacoes .fis-mag-apl__svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--magnetismo-motor_eletrico .fis-mag-motor__quadros { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .aula-live-lousa .aula-arr--magnetismo-usina_geradora .fis-mag-usina__figs { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
  .aula-live-lousa .aula-arr--magnetismo-aplicacoes .fis-mag-apl { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
}

/* Física: gravitacao (js/dominios/fisica/gravitacao.js e fig-gravitacao.js): os desenhos do motor presos a --arr-caixa;
   os modelos do cosmos em duas colunas quando o bloco tem largura; a tabela de Kepler ao lado das órbitas. */
.aula-live-lousa .aula-arr--gravitacao-modelos_cosmos .fis-cosmos {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px 28px; width: 100%; align-items: start; }
.aula-live-lousa .aula-arr--gravitacao-modelos_cosmos .fis-cosmos__col {
  display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arr--gravitacao-modelos_cosmos .fis-cosmos__svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--gravitacao-modelos_cosmos .fis-cosmos__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--gravitacao-orbita_kepler .fis-orb__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--gravitacao-kepler_tabela .fis-kep {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px 24px; width: 100%; align-items: center; justify-items: center; }
.aula-live-lousa .aula-arr--gravitacao-kepler_tabela .fis-tabela { border-collapse: collapse; }
.aula-live-lousa .aula-arr--gravitacao-kepler_tabela .fis-tabela :is(th, td) { padding: 2px 8px; text-align: center; font-weight: 400; }
.aula-live-lousa .aula-arr--gravitacao-kepler_tabela .fis-tabela tr > th:first-child { text-align: right; padding-right: 12px; }
.aula-live-lousa .aula-arr--gravitacao-kepler_tabela .fis-tabela tr + tr :is(th, td) {
  border-top: 1px solid color-mix(in srgb, var(--quadro-giz) 28%, transparent); }
.aula-live-lousa .aula-arr--gravitacao-kepler_tabela .fis-kep__svg { width: min(100%, calc(var(--arr-caixa) * 1.0)); }
.aula-live-lousa .aula-arr--gravitacao-kepler_tabela .fis-kep__contas {
  display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 6px; }
.aula-live-lousa .aula-arr--gravitacao-lei_gravitacao .fis-lei__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--gravitacao-g_altitude .fis-galt__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--gravitacao-peso_planetas .fis-peso__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--gravitacao-satelite_orbita .fis-sat__svg { width: min(100%, calc(var(--arr-caixa) * 1.25)); }
.aula-live-lousa .aula-arr--gravitacao-mares .fis-mares__svg { width: min(100%, calc(var(--arr-caixa) * 2.0)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--gravitacao-modelos_cosmos .fis-cosmos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Física: moderna (js/dominios/fisica/moderna.js e fig-moderna.js; nicho opcional): os desenhos do motor presos a --arr-caixa;
   as duas cenas do fotoelétrico e as duas colunas das radiações viram lado a lado em @container arr */
.aula-live-lousa .aula-arr--moderna-fotoeletrico .fis-foto {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px 20px; width: 100%; align-items: center; justify-items: center; }
.aula-live-lousa .aula-arr--moderna-fotoeletrico .fis-cenas {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 16px; width: 100%; justify-items: center; }
.aula-live-lousa .aula-arr--moderna-fotoeletrico .fis-foto__svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arr--moderna-niveis_energia .fis-niv__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--moderna-dilatacao_tempo .fis-dil__svg { width: min(100%, calc(var(--arr-caixa) * 1.35)); }
.aula-live-lousa .aula-arr--moderna-massa_energia .fis-massa__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--moderna-radiacao_ionizante .fis-rad {
  display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; }
.aula-live-lousa .aula-arr--moderna-radiacao_ionizante .fis-rad__svg { width: min(100%, calc(var(--arr-caixa) * 2.4)); }
.aula-live-lousa .aula-arr--moderna-radiacao_ionizante .fis-rad__cols {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px 24px; width: 100%; }
.aula-live-lousa .aula-arr--moderna-radiacao_ionizante .fis-rad__col { display: flex; flex-direction: column; gap: 8px; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arr--moderna-radiacao_ionizante .fis-rad__cab { font-weight: 700; color: var(--cor); }
.aula-live-lousa .aula-arr--moderna-radiacao_ionizante .fis-rad__nome { font-weight: 700; color: var(--cor); }
.aula-live-lousa .aula-arr--moderna-radiacao_ionizante .fis-rad__risco { opacity: 0.85; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--moderna-fotoeletrico .fis-cenas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aula-live-lousa .aula-arr--moderna-radiacao_ionizante .fis-rad__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Física: medidas2 (js/dominios/fisica/medidas.js e fig-medidas.js): os nove arranjos do backlog de medidas. O desenho preso
   a --arr-caixa, as contas embaixo (ou ao lado, com largura); a análise dimensional em três colunas (lado, sinal, lado);
   escalares e vetoriais em duas colunas sem moldura */
.aula-live-lousa .aula-arr--medidas-prefixos_potencias .fis-pp__svg,
.aula-live-lousa .aula-arr--medidas-ordem_de_grandeza .fis-og__svg { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--medidas-prefixos_potencias .fis-pp__baixo,
.aula-live-lousa .aula-arr--medidas-ordem_de_grandeza .fis-og__baixo,
.aula-live-lousa .aula-arr--medidas-tabela_medidas .fis-tm__baixo {
  display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 6px; }
.aula-live-lousa .aula-arr--medidas-analise_dimensional .fis-ad {
  display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); column-gap: 14px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arr--medidas-analise_dimensional .fis-ad__col {
  display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; }
.aula-live-lousa .aula-arr--medidas-analise_dimensional .fis-ad__sinal {
  font-family: var(--font-calc); font-size: calc(var(--arr-fonte) * 2.4); font-weight: 700; color: var(--cor, var(--quadro-giz)); line-height: 1; }
.aula-live-lousa .aula-arr--medidas-ler_medida .fis-lm__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--medidas-ler_medida .fis-lm__svg--regua { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--medidas-ler_medida .fis-lm__svg--vertical { width: min(100%, calc(var(--arr-caixa) * 0.95)); }
.aula-live-lousa .aula-arr--medidas-tabela_medidas .fis-tm__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--medidas-tabela_medidas .fis-tabela { border-collapse: collapse; margin: 0 auto; }
.aula-live-lousa .aula-arr--medidas-tabela_medidas .fis-tabela :is(th, td) { padding: 2px 9px; text-align: center; font-weight: 400; white-space: nowrap; }
.aula-live-lousa .aula-arr--medidas-tabela_medidas .fis-tabela tr + tr :is(th, td) {
  border-top: 1px solid color-mix(in srgb, var(--quadro-giz) 28%, transparent); }
.aula-live-lousa .aula-arr--medidas-tabela_medidas .fis-tabela__cab :is(th, td) { color: color-mix(in srgb, var(--quadro-giz) 78%, transparent); }
.aula-live-lousa .aula-arr--medidas-escalar_ou_vetorial .fis-ev {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; align-items: start; width: 100%; }
.aula-live-lousa .aula-arr--medidas-escalar_ou_vetorial .fis-ev__col { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; }
.aula-live-lousa .aula-arr--medidas-escalar_ou_vetorial .fis-ev__titulo { font-weight: 700; color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--medidas-escalar_ou_vetorial .fis-ev__item { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.aula-live-lousa .aula-arr--medidas-escalar_ou_vetorial .fis-ev__todo { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 100%; }
.aula-live-lousa .aula-arr--medidas-escalar_ou_vetorial .fis-ev__exemplo { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 12px; }
.aula-live-lousa .aula-arr--medidas-escalar_ou_vetorial .fis-ev__seta { width: 34px; flex: none; }
.aula-live-lousa .aula-arr--medidas-escalar_ou_vetorial .fis-ev__exemplo .fis-ev__seta { width: 64px; flex: none; }
.aula-live-lousa .aula-arr--medidas-soma_vetores .fis-sv__svg,
.aula-live-lousa .aula-arr--medidas-decompor_vetor .fis-dv__svg,
.aula-live-lousa .aula-arr--medidas-grafico_grandezas .fis-gg__svg { width: min(100%, calc(var(--arr-caixa) * 2)); }

/* Química: ligacoes (js/dominios/quimica/ligacoes.js e fig-ligacoes.js; nicho Ligações): os desenhos do motor presos a --arr-caixa;
   figura e contas lado a lado quando o BLOCO tem largura (container `arr`, não o data-modo); a lousa pinta todo svg em absoluto,
   então o do arranjo volta ao fluxo */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ligacoes-"]) .qui-fig {
  display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ligacoes-"]) .qui-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz);
  width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ligacoes-"]) :is(.qli-duas, .qli-pe) {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ligacoes-"]) .qli-col {
  display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ligacoes-"]) :is(.qli-sol, .qli-for, .qli-sbl, .qli-ligas-bloco, .qli-prop) {
  display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arr--ligacoes-lewis .qui-svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arr--ligacoes-geometria_polaridade .qui-svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--ligacoes-formacao_ionica .qui-svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa :is(.aula-arr--ligacoes-redes_solidas, .aula-arr--ligacoes-forcas_intermoleculares, .aula-arr--ligacoes-solubilidade) .qui-svg {
  width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--ligacoes-ponto_ebulicao .qui-svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--ligacoes-ponto_ebulicao .qli-pe__dados { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
/* ligas: uma linha por liga (silhueta, metais, composição, propriedade, uso); no celular cada campo leva o seu rótulo */
.aula-live-lousa .aula-arr--ligacoes-ligas_metalicas .qli-ligas { display: flex; flex-direction: column; gap: 16px; width: 100%; }
.aula-live-lousa .aula-arr--ligacoes-ligas_metalicas .qli-liga {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px 14px; align-items: start; min-width: 0; }
.aula-live-lousa .aula-arr--ligacoes-ligas_metalicas .qli-liga--cab { display: none; }
.aula-live-lousa .aula-arr--ligacoes-ligas_metalicas .qli-liga__nome { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.aula-live-lousa .aula-arr--ligacoes-ligas_metalicas .qli-liga__nome .qui-svg { width: 64px; flex: 0 0 auto; }
.aula-live-lousa .aula-arr--ligacoes-ligas_metalicas .qli-liga__rot { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--ligacoes-ligas_metalicas .qli-liga > [data-rot]::before { content: attr(data-rot) ": "; opacity: 0.7; }
.aula-live-lousa .aula-arr--ligacoes-ligas_metalicas .qli-liga > [data-rot] .fig-solution__line { display: inline; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--ligacoes-ligas_metalicas .qli-liga {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr) minmax(0, 1.3fr) minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; }
  .aula-live-lousa .aula-arr--ligacoes-ligas_metalicas .qli-liga--cab { display: grid; font-weight: 700; opacity: 0.8; }
  .aula-live-lousa .aula-arr--ligacoes-ligas_metalicas .qli-liga > [data-rot]::before { content: none; }
}
/* propriedades: a tabela de referência das 4 classes e a das substâncias do enunciado (sem molduras) */
.aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-prop__tabs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; width: 100%; }
.aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-tab {
  display: grid; grid-template-columns: minmax(0, 1.05fr) repeat(var(--n), minmax(0, 1fr)); gap: 8px 4px; align-items: center; }
.aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-tab .aula-arr__txt { font-size: calc(var(--arr-fonte) * 0.8); }
.aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-tab__c { text-align: center; min-width: 0; overflow-wrap: anywhere; }
.aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-tab__c--rot { text-align: left; opacity: 0.75; }
.aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-tab__c--cab { font-weight: 700; color: var(--cor, var(--quadro-giz)); overflow-wrap: normal; }
.aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-tab .qli-tab__c--cab.aula-arr__txt, .aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-tab .qli-tab__c--res.aula-arr__txt { font-size: calc(var(--arr-fonte) * 0.6); }
.aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-tab__c--cab .fig-solution__line { overflow-wrap: normal; hyphens: manual; }
.aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-tab__c--fraco { opacity: 0.45; }
.aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-tab__c--res { font-weight: 700; color: var(--giz-amarelo); }
@container arr (min-width: 540px) {
  .aula-live-lousa :is(.aula-arranjo:is([class*="aula-arr--ligacoes-"]) .qli-duas, .aula-arranjo:is([class*="aula-arr--ligacoes-"]) .qli-pe) {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
}
@container arr (min-width: 760px) {
  .aula-live-lousa .aula-arr--ligacoes-propriedades_substancias .qli-prop__tabs { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; }
}

/* Química: inorganica (js/dominios/quimica/inorganica.js e fig-inorganica.js; nicho Funções inorgânicas): os desenhos do motor presos a
   --arr-caixa, sem moldura; colunas das funções, dos óxidos e dos ácidos em duas por linha no celular e lado a lado com largura
   (@container arr); a tabela de solubilidade e os pares de produtos em grade */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qui-fig {
  display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qui-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz);
  width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qin-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) :is(.qin-col, .qin-neu, .qin-ind, .qin-nm, .qin-par, .qin-solb) {
  display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arr--inorganica-formula_pelas_cargas .qui-svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--inorganica-indicadores .qui-svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--inorganica-nao_misture .qin-par .qui-svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--inorganica-nao_misture .qin-pares { display: flex; flex-direction: column; gap: 18px; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qin-quatro {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; width: 100%; align-items: start; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qin-colf { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qin-exemplos { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qin-cab { font-weight: 700; color: var(--cor, var(--quadro-giz)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qin-regra { opacity: 0.85; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qin-item { font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qin-item--destaque { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--inorganica-forca_acido .qin-acidos {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; width: 100%; align-items: start; }
.aula-live-lousa .aula-arr--inorganica-forca_acido .qin-acido { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; }
.aula-live-lousa .aula-arr--inorganica-forca_acido .qin-acido__f { font-weight: 700; }
.aula-live-lousa .aula-arr--inorganica-forca_acido .qin-acido__c { color: var(--giz-amarelo); font-weight: 700; margin-top: 4px; }
.aula-live-lousa .aula-arr--inorganica-forca_acido .qin-acido__ex { color: var(--giz-vermelho); }
.aula-live-lousa .aula-arr--inorganica-tabela_solubilidade .qin-sol {
  display: grid; grid-template-columns: repeat(calc(var(--n) + 1), minmax(0, 1fr)); gap: 8px 6px; width: 100%; align-items: center; }
.aula-live-lousa .aula-arr--inorganica-tabela_solubilidade .qin-sol__c { text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--inorganica-tabela_solubilidade .qin-sol__cab { font-weight: 700; }
.aula-live-lousa .aula-arr--inorganica-tabela_solubilidade .qin-sol__aq { color: var(--giz-verde); }
.aula-live-lousa .aula-arr--inorganica-tabela_solubilidade .qin-sol__s { color: var(--giz-vermelho); }
.aula-live-lousa .aula-arr--inorganica-tabela_solubilidade .qin-sol__par { color: var(--giz-amarelo); font-weight: 700; text-decoration: underline; text-decoration-thickness: 3px; }
.aula-live-lousa .aula-arr--inorganica-tabela_solubilidade .qin-sol__regras { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qin-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--inorganica-"]) .qin-quatro { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .aula-live-lousa .aula-arr--inorganica-forca_acido .qin-acidos { grid-template-columns: repeat(var(--n), minmax(0, 1fr)); }
}

/* Química: organica (js/dominios/quimica/organica.js e fig-organica.js): os desenhos do motor presos a --arr-caixa, sem
   moldura; a figura e as contas lado a lado quando o BLOCO tem largura (container `arr`, nunca o data-modo); as colunas de
   moléculas (funções, propriedades, isomeria, biomoléculas) em uma coluna no celular e em várias com largura. As peças comuns
   (.qui-*) valem só dentro dos arranjos organica-*; a sublinha colorida dos blocos do nome é marca de cor, não moldura. */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-fig { display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-svg { position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz);
  width: min(100%, calc(var(--arr-caixa) * 1.15)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-tudo { display: flex; flex-direction: column; align-items: stretch; gap: 14px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-duas { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) :is(.qui-col, .qui-coluna, .qui-pilha) { display: flex; flex-direction: column; align-items: stretch; gap: 8px; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-grade { display: grid; grid-template-columns: repeat(var(--cols, 2), minmax(0, 1fr)); gap: 16px 14px; align-items: start; justify-items: stretch; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-grade .qui-svg { width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-lin { text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-nome { font-weight: 700; text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-bola { font-size: 1em; margin-right: .2em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .aula-arr__txt { text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) :is(.qui-tudo, .qui-col, .qui-coluna) > .aula-papel-final { align-self: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-blocos { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 12px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-bloco { display: flex; flex-direction: column; align-items: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-bloco__txt { font-size: 1.45em; font-weight: 700; padding: 0 5px; border-bottom: 3px solid currentColor; line-height: 1.25; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-bloco__rot { font-size: .72em; opacity: .85; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-rep__svg { width: min(100%, calc(var(--arr-caixa) * 1.15)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-sm__svg, .aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-pol__svg, .aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-fp__svg { width: min(100%, calc(var(--arr-caixa) * 1.15)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--organica-"]) .qui-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
}

/* Química: materia (js/dominios/quimica/materia.js, fig-materia.js e fig-materia-lab.js): os desenhos do motor presos a
   --arr-caixa, sem moldura; as tabelas só com as linhas entre as fileiras; os cartões da vidraria em grade por
   @container arr, nunca por data-modo. As peças comuns (qm-fig, qm-svg, qm-duas, qm-col) valem só nos arranjos materia-* */
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-fig { display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); }   /* a lousa põe todo svg em absoluto: o do arranjo volta ao fluxo */
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-col { display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
.aula-live-lousa .aula-arr--materia-particulas .qm-part__svg { width: min(100%, calc(var(--arr-caixa) * 1.9)); }
.aula-live-lousa .aula-arr--materia-separacao .qm-sep__svg { width: min(100%, calc(var(--arr-caixa) * 1.8)); }
.aula-live-lousa .aula-arr--materia-mudancas_de_estado .qm-mud__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--materia-curva_aquecimento .qm-curva__svg { width: min(100%, calc(var(--arr-caixa) * 1.9)); }
.aula-live-lousa .aula-arr--materia-densidade .qm-dens__svg { width: min(100%, calc(var(--arr-caixa) * 1.9)); }
.aula-live-lousa .aula-arr--materia-classificar_materia .qm-arv__svg { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--materia-fisico_ou_quimico .qm-fq__svg { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--materia-solo .qm-solo__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-tabela__caixa { display: flex; justify-content: center; width: 100%; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-tabela { border-collapse: collapse; margin: 0 auto; width: 100%; table-layout: auto; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-tabela :is(th, td) { padding: 3px 3px; text-align: center; font-weight: 400; vertical-align: middle; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-tabela tr + tr :is(th, td) {
  border-top: 1px solid color-mix(in srgb, var(--quadro-giz) 28%, transparent); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-tabela__txt { font-size: calc(var(--arr-fonte) * .8); line-height: 1.15; overflow-wrap: anywhere; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-tabela__mat { display: flex; align-items: center; gap: 6px; text-align: left; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-mini__svg { width: 36px; flex: 0 0 auto; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-item { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-item__nome { font-weight: 700; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-marca { font-size: calc(var(--arr-fonte) * 1.3); font-weight: 700; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-sim .qm-marca { color: var(--giz-verde); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-nao .qm-marca { color: var(--giz-vermelho); }
.aula-live-lousa .aula-arr--materia-vidraria_seguranca .qm-cartoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; width: 100%; }
.aula-live-lousa .aula-arr--materia-vidraria_seguranca .qm-cartao { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--materia-vidraria_seguranca .qm-cartao__svg { width: 80px; }
.aula-live-lousa .aula-arr--materia-vidraria_seguranca .qm-cartao__nome { font-weight: 700; font-size: calc(var(--arr-fonte) * .85); }
.aula-live-lousa .aula-arr--materia-vidraria_seguranca .qm-cartao__txt { font-size: calc(var(--arr-fonte) * .75); line-height: 1.15; }
.aula-live-lousa .aula-arr--materia-vidraria_seguranca .qm-cartao__cuidado { font-size: calc(var(--arr-fonte) * .75); line-height: 1.15; color: var(--giz-vermelho); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo[class*="aula-arr--materia-"] .qm-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
  .aula-live-lousa .aula-arr--materia-vidraria_seguranca .qm-cartoes { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Química: atomistica (js/dominios/quimica/atomistica.js e fig-atomistica.js): os desenhos do motor presos a --arr-caixa,
   sem moldura; figura e contas lado a lado por @container arr, nunca por data-modo. As peças comuns (qa-fig, qa-svg,
   qa-duas, qa-col) valem só nos arranjos atomistica-* */
.aula-live-lousa .aula-arranjo[class*="aula-arr--atomistica-"] .qa-fig { display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--atomistica-"] .qa-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); }   /* a lousa põe todo svg em absoluto: o do arranjo volta ao fluxo */
.aula-live-lousa .aula-arranjo[class*="aula-arr--atomistica-"] .qa-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--atomistica-"] .qa-col { display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
.aula-live-lousa .aula-arr--atomistica-modelos_atomicos .qa-mod__svg { width: min(100%, calc(var(--arr-caixa) * 1.8)); }
.aula-live-lousa .aula-arr--atomistica-experimento_rutherford .qa-ruth__svg { width: min(100%, calc(var(--arr-caixa) * 1.9)); }
.aula-live-lousa .aula-arr--atomistica-niveis_bohr .qa-bohr__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--atomistica-niveis_bohr .qa-chama__svg { width: min(100%, calc(var(--arr-caixa) * 1)); }
.aula-live-lousa .aula-arr--atomistica-particulas_atomo .qa-part__svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arr--atomistica-isotopos_isobaros_isotonos .qa-iso__svg { width: min(100%, calc(var(--arr-caixa) * 1.8)); }
.aula-live-lousa .aula-arr--atomistica-massa_atomica_media .qa-ma__svg { width: min(100%, calc(var(--arr-caixa) * 1.9)); }
.aula-live-lousa .aula-arr--atomistica-linus_pauling .qa-lp__svg { width: min(100%, calc(var(--arr-caixa) * 1.9)); }
.aula-live-lousa .aula-arr--atomistica-distribuicao_ions .qa-ion__svg { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--atomistica-diagrama_orbitais .qa-orb__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--atomistica-origem_elementos .qa-orig__svg { width: min(100%, calc(var(--arr-caixa) * 1.8)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo[class*="aula-arr--atomistica-"] .qa-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
}

/* Química: tabela_periodica (js/dominios/quimica/tabela_periodica.js e fig-tabela-periodica.js): os desenhos do motor presos a
   --arr-caixa, sem moldura; as grades (famílias e comparação) só com as linhas entre as fileiras; figura e contas lado a
   lado por @container arr, nunca por data-modo. As peças comuns (qt-fig, qt-svg, qt-duas, qt-col) valem nos arranjos dos quatro motores que as
   usam (tabela_periodica, termoquimica, cinetica_equilibrio, eletroquimica): sem elas o svg fica em absoluto e cobre as contas (id0312) */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--tabela_periodica-"], [class*="aula-arr--termoquimica-"], [class*="aula-arr--cinetica_equilibrio-"], [class*="aula-arr--eletroquimica-"]) .qt-fig { display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--tabela_periodica-"], [class*="aula-arr--termoquimica-"], [class*="aula-arr--cinetica_equilibrio-"], [class*="aula-arr--eletroquimica-"]) .qt-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); }   /* a lousa põe todo svg em absoluto: o do arranjo volta ao fluxo */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--tabela_periodica-"], [class*="aula-arr--termoquimica-"], [class*="aula-arr--cinetica_equilibrio-"], [class*="aula-arr--eletroquimica-"]) .qt-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--tabela_periodica-"], [class*="aula-arr--termoquimica-"], [class*="aula-arr--cinetica_equilibrio-"], [class*="aula-arr--eletroquimica-"]) .qt-col { display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
.aula-live-lousa .aula-arr--tabela_periodica-tabela_destaque .qt-tab__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--tabela_periodica-celula_elemento .qt-cel__svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arr--tabela_periodica-posicao_distribuicao .qt-pos__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--tabela_periodica-tendencia .qt-ten__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--tabela_periodica-raio_ionico .qt-raio__svg { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--tabela_periodica-historia_tabela .qt-his__svg { width: min(100%, calc(var(--arr-caixa) * 1.8)); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-tabela__caixa { display: flex; justify-content: center; width: 100%; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-tabela { border-collapse: collapse; margin: 0 auto; width: 100%; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-tabela :is(th, td) { padding: 3px 4px; text-align: center; font-weight: 400; vertical-align: middle; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-tabela__txt { font-size: calc(var(--arr-fonte) * .8); line-height: 1.15; overflow-wrap: anywhere; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-lin1 td { border-top: 1px solid color-mix(in srgb, var(--quadro-giz) 28%, transparent); padding-top: 8px; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-nome { font-weight: 700; text-align: left; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-lin2 td, .aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-lin3 td { text-align: left; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-dest :is(td, .fig-solution__line) { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-simb__txt { font-size: calc(var(--arr-fonte) * 1.5); font-weight: 700; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-tabela--cmp tr + tr :is(th, td) {
  border-top: 1px solid color-mix(in srgb, var(--quadro-giz) 28%, transparent); }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-prop { text-align: left; font-weight: 700; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--tabela_periodica-"] .qt-maior :is(.fig-solution__line, .qt-tabela__txt) { color: var(--giz-amarelo); font-weight: 700; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--tabela_periodica-"], [class*="aula-arr--termoquimica-"], [class*="aula-arr--cinetica_equilibrio-"], [class*="aula-arr--eletroquimica-"]) .qt-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
}

/* Química: termoquimica (js/dominios/quimica/termoquimica.js): os desenhos presos a --arr-caixa; contas em coluna */
.aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px 24px; align-items: start; }
.aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee__col {
  display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee__svg { width: min(100%, 230px); }
.aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee__titulo { font-weight: 700; }
.aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee__titulo--exotermico { color: var(--giz-vermelho); }
.aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee__titulo--endotermico { color: var(--giz-azul); }
.aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee__lista { display: flex; flex-direction: column; gap: 8px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee__item { display: flex; flex-direction: column; align-items: center; text-align: center; }
.aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee__nome--destaque { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee__sinal { opacity: .75; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--termoquimica-exo_endo .qt-ee { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.aula-live-lousa .aula-arr--termoquimica-caminho_reacao .qt-cr__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--termoquimica-calorimetria .qt-cal__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--termoquimica-escada_hess .qt-esc__svg { width: min(100%, calc(var(--arr-caixa) * 1.8)); }
.aula-live-lousa .aula-arr--termoquimica-espontaneidade .qt-esp__svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--termoquimica-energia_ligacao .qt-lig__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--termoquimica-lei_hess .qt-hess {
  display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; }
.aula-live-lousa .aula-arr--termoquimica-lei_hess .qt-hess__lin { display: flex; flex-direction: column; align-items: center; gap: 0; min-width: 0; }
.aula-live-lousa .aula-arr--termoquimica-lei_hess .qt-hess__topo {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 0 18px; }
.aula-live-lousa .aula-arr--termoquimica-lei_hess .qt-hess__topo > * { flex: 0 0 auto; width: auto; }
.aula-live-lousa .aula-arr--termoquimica-lei_hess .qt-hess__fator { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arr--termoquimica-lei_hess .qt-hess__soma { width: 72%; border-top: 3px solid var(--quadro-giz); margin: 2px 0; }
.aula-live-lousa .aula-arr--termoquimica-entalpia_formacao .qt-form {
  display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.aula-live-lousa .aula-arr--termoquimica-entalpia_formacao .qt-form__lin {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 0 22px; }
.aula-live-lousa .aula-arr--termoquimica-entalpia_formacao .qt-form__lin > * { flex: 0 0 auto; width: auto; }
.aula-live-lousa .aula-arr--termoquimica-entalpia_formacao .qt-form__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--termoquimica-entalpia_formacao .qt-form__lin--zero .qt-form__hf { color: var(--giz-verde); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--termoquimica-entalpia_formacao .qt-form {
    display: grid; grid-template-columns: auto auto auto; justify-content: center; column-gap: 28px; }
  .aula-live-lousa .aula-arr--termoquimica-entalpia_formacao .qt-form__lin { display: contents; }
}
.aula-live-lousa .aula-arr--termoquimica-entalpia_formacao .qt-form__lin--incog :is(.qt-form__hf, .qt-form__tot) { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arr--termoquimica-energia_ligacao .qt-lig__listas {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px 20px; }
.aula-live-lousa .aula-arr--termoquimica-energia_ligacao .qt-lig__col { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; }
.aula-live-lousa .aula-arr--termoquimica-energia_ligacao .qt-lig__rot { font-weight: 700; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--termoquimica-energia_ligacao .qt-lig__listas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.aula-live-lousa .aula-arr--termoquimica-poder_calorifico .qt-pc {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(122px, 1fr)); gap: 14px 12px; align-items: start; }
.aula-live-lousa .aula-arr--termoquimica-poder_calorifico .qt-pc__col {
  display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--termoquimica-poder_calorifico .qt-pc__svg { width: min(100%, 130px); }
.aula-live-lousa .aula-arr--termoquimica-poder_calorifico .qt-pc__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--termoquimica-poder_calorifico .qt-pc__col--melhor .qt-pc__nome { color: var(--giz-amarelo); }

/* Química: cinetica_equilibrio (js/dominios/quimica/cinetica_equilibrio.js): os desenhos presos a --arr-caixa; contas em coluna */
.aula-live-lousa .aula-arr--cinetica_equilibrio-grafico_velocidade .qt-gv__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--cinetica_equilibrio-catalise_diagrama .qt-cat__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--cinetica_equilibrio-equilibrio_grafico .qt-eqg__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--cinetica_equilibrio-escala_ph .qt-ph__svg { width: min(100%, calc(var(--arr-caixa) * 2.2)); }
.aula-live-lousa .aula-arr--cinetica_equilibrio-colisoes .qt-colis {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 14px 10px; align-items: start; width: 100%; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-colisoes .qt-colis__col {
  display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-colisoes .qt-colis__svg { width: min(100%, 150px); }
.aula-live-lousa .aula-arr--cinetica_equilibrio-fatores_velocidade .qt-fat {
  display: flex; flex-direction: column; gap: 14px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-fatores_velocidade .qt-fat__lin { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-fatores_velocidade .qt-fat__topo {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 20px; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-fatores_velocidade .qt-fat__topo > * { flex: 0 0 auto; width: auto; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-fatores_velocidade .qt-fat__chip { display: flex; align-items: center; gap: 6px; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-fatores_velocidade .qt-mini { width: 20px; flex: none; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-fatores_velocidade .qt-fat__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-fatores_velocidade .qt-fat__nome--destaque { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--cinetica_equilibrio-fatores_velocidade .qt-fat__porque { text-align: center; opacity: .85; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-lei_velocidade .qt-lei {
  display: grid; grid-template-columns: repeat(3, auto); gap: 4px 22px; align-items: center; justify-content: center; max-width: 100%; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-lei_velocidade .qt-lei > * { width: auto; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-lei_velocidade .qt-lei__cab { font-weight: 700; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-lei_velocidade .qt-lei__nota { grid-column: 1 / -1; text-align: center; font-size: .8em; margin-bottom: 4px; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-tabela_equilibrio .qt-tab {
  display: grid; grid-template-columns: auto repeat(var(--n), minmax(0, auto)); gap: 4px 20px; justify-content: center; align-items: center; max-width: 100%; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-tabela_equilibrio .qt-tab > * { width: auto; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-tabela_equilibrio .qt-tab__cab { font-weight: 700; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-tabela_equilibrio .qt-tab__rot { text-align: right; opacity: .85; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-le_chatelier .qt-chat { display: flex; flex-direction: column; gap: 12px; width: 100%; min-width: 0; align-items: center; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-le_chatelier .qt-chat__lin {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2px 18px; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-le_chatelier .qt-chat__lin > * { flex: 0 0 auto; width: auto; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-le_chatelier .qt-chat__seta { width: 64px; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-le_chatelier .qt-chat__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-le_chatelier .qt-chat__nome--destaque { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--cinetica_equilibrio-escala_ph .qt-phl { display: flex; flex-direction: column; gap: 10px; width: 100%; min-width: 0; align-items: center; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-escala_ph .qt-phl__caso { display: flex; flex-direction: column; align-items: center; text-align: center; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-escala_ph .qt-phl__cab { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 14px; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-escala_ph .qt-phl__cab > * { flex: 0 0 auto; width: auto; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-escala_ph .qt-phl__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-escala_ph .qt-phl__nome--destaque { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--cinetica_equilibrio-ionizacao_ka .qt-ion {
  display: grid; grid-template-columns: auto repeat(3, minmax(0, auto)); gap: 4px 22px; justify-content: center; align-items: center; max-width: 100%; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-ionizacao_ka .qt-ion > * { width: auto; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-ionizacao_ka .qt-ion__cab { font-weight: 700; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-ionizacao_ka .qt-ion__rot { text-align: right; opacity: .85; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-ionizacao_ka .qt-ion__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-hidrolise_salina .qt-hid {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px 20px; align-items: start; width: 100%; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-hidrolise_salina .qt-hid__col { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-hidrolise_salina .qt-hid__svg { width: 60px; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-hidrolise_salina .qt-hid__titulo { font-weight: 700; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-hidrolise_salina .qt-hid__sal { display: flex; flex-direction: column; align-items: center; margin-top: 6px; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-hidrolise_salina .qt-hid__formula { font-weight: 700; }
.aula-live-lousa .aula-arr--cinetica_equilibrio-hidrolise_salina .qt-hid__formula--destaque { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--cinetica_equilibrio-hidrolise_salina .qt-hid__origem { opacity: .85; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--cinetica_equilibrio-hidrolise_salina .qt-hid { grid-template-columns: repeat(var(--n), minmax(0, 1fr)); }
}

/* Química: eletroquimica (js/dominios/quimica/eletroquimica.js): os desenhos presos a --arr-caixa; contas em coluna */
.aula-live-lousa .aula-arr--eletroquimica-pilha .qt-pil__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--eletroquimica-escala_potenciais .qt-esc__svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--eletroquimica-eletrolise .qt-ele__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--eletroquimica-galvanoplastia .qt-gal__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--eletroquimica-corrosao_protecao .qt-cor__svg { width: min(100%, calc(var(--arr-caixa) * 2.0)); }
.aula-live-lousa .aula-arr--eletroquimica-semirreacoes .qt-sem {
  display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arr--eletroquimica-semirreacoes .qt-sem__lin {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 0 14px; }
.aula-live-lousa .aula-arr--eletroquimica-semirreacoes .qt-sem__lin > * { flex: 0 0 auto; width: auto; max-width: 100%; }
.aula-live-lousa .aula-arr--eletroquimica-semirreacoes .qt-sem__fator { color: var(--giz-amarelo); font-weight: 700; min-width: 2em; }
.aula-live-lousa .aula-arr--eletroquimica-semirreacoes .qt-sem__soma { width: 72%; border-top: 3px solid var(--quadro-giz); margin: 2px 0; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_comercial .qt-pcm {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 16px 10px; align-items: start; width: 100%; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_comercial .qt-pcm__col {
  display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_comercial .qt-pc__svg { width: min(100%, 110px); }
.aula-live-lousa .aula-arr--eletroquimica-pilha_comercial .qt-pcm__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_comercial .qt-pcm__nome--destaque { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--eletroquimica-pilha_comercial .qt-pcm__uso { opacity: .85; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_x_eletrolise .qt-pxe__topo {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_x_eletrolise .qt-pxe__cena { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_x_eletrolise .qt-pxe__svg { width: min(100%, 170px); }
.aula-live-lousa .aula-arr--eletroquimica-pilha_x_eletrolise .qt-pxe__titulo { font-weight: 700; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_x_eletrolise .qt-pxe { display: flex; flex-direction: column; gap: 8px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_x_eletrolise .qt-pxe__lin {
  display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) minmax(0, 1fr); gap: 4px 12px; align-items: baseline; text-align: center; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_x_eletrolise .qt-pxe__lin > * { width: auto; min-width: 0; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_x_eletrolise .qt-pxe__aspecto { font-weight: 700; text-align: right; }
.aula-live-lousa .aula-arr--eletroquimica-pilha_x_eletrolise .qt-pxe__lin--destaque .qt-pxe__aspecto { color: var(--giz-amarelo); }

/* Química: reacoes (js/dominios/quimica/reacoes.js e fig-reacoes.js): equações em HTML (coeficiente, índice, estado, nox em cima
   do átomo), a tabela de átomos antes × depois e os desenhos do motor presos a --arr-caixa; sem moldura. Cores: verde = certo,
   vermelho = errado, amarelo = incógnita/resultado, azul = o que muda. */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-fig { display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); }   /* a lousa põe todo svg em absoluto */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-col { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-duas { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-eq {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px .45em; font-family: var(--font-calc); font-size: 1.15em; line-height: 1.5; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-eq--grande { font-size: 1.45em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-eq--pequena { font-size: 1em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-termo { display: inline-flex; align-items: baseline; gap: .12em; white-space: nowrap; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-coef { font-weight: 700; color: var(--giz-azul); margin-right: .1em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-estado { font-size: .7em; opacity: .9; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-seta { display: inline-flex; flex-direction: column; align-items: center; line-height: 1; padding: 0 .1em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-cond { font-size: .62em; margin-bottom: .1em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-seta__c { font-size: 1.2em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-at { position: relative; display: inline-block; padding-top: 1.15em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-nox {
  position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size: .62em; font-weight: 700; white-space: nowrap; line-height: 1.1; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-nox--dado { color: var(--giz-verde); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-nox--incog { color: var(--giz-amarelo); font-size: .72em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) :is(.qr-nox--ox, .qr-nox--red) { color: var(--giz-azul); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-f--grande { font-size: 2.3em; font-family: var(--font-calc); line-height: 1.4; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-nox-fig { display: flex; justify-content: center; padding: .2em 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-certo { color: var(--giz-verde); font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-errado { color: var(--giz-vermelho); font-weight: 700; }
/* a tabela átomos antes × depois: sem linhas nem fundo */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-tab { border-collapse: collapse; font-family: var(--font-calc); font-size: 1.1em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-tab td { padding: 1px .7em; text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-tab__cab td { font-size: .8em; opacity: .85; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-tab__el { font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-tab__dest { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-tab__erro { color: var(--giz-vermelho); font-weight: 700; }
/* os cartões de evidência */
.aula-live-lousa .aula-arr--reacoes-evidencias .qr-cartoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; width: 100%; }
.aula-live-lousa .aula-arr--reacoes-evidencias .qr-cartao { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--reacoes-evidencias .qr-cartao__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--reacoes-evidencias .qr-cartao__ex { font-size: .9em; opacity: .92; }
.aula-live-lousa .aula-arr--reacoes-evidencias .qr-evi__svg { width: min(100%, 150px); }
/* os quatro tipos de reação */
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-tipos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; width: 100%; }
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-tipo { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-tipo__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-tipo--dest .qr-tipo__nome { color: var(--giz-amarelo); text-decoration: underline; text-underline-offset: .25em; }
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-tipo--dest .qr-eq { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-esquema { display: flex; flex-wrap: wrap; justify-content: center; font-family: var(--font-calc); font-size: 1.15em; }
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-esq__s { margin: 0 .3em; }
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-letra { font-weight: 700; }
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-letra--a { color: var(--giz-azul); }
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-letra--b { color: color-mix(in srgb, var(--giz-amarelo) 62%, var(--giz-vermelho)); }
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-letra--c { color: color-mix(in srgb, var(--giz-azul) 55%, var(--giz-vermelho)); }
.aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-letra--d { color: var(--quadro-giz); opacity: .75; }
/* a combustão: completa e incompleta */
.aula-live-lousa .aula-arr--reacoes-combustao .qr-comb { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px 18px; width: 100%; }
.aula-live-lousa .aula-arr--reacoes-combustao .qr-comb__col { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--reacoes-combustao .qr-comb__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--reacoes-combustao .qr-comb__svg { width: min(100%, 140px); }
/* a dupla troca: as trocas em cima; o tubo e a equação embaixo */
.aula-live-lousa .aula-arr--reacoes-dupla_troca .qr-dt__baixo { display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; flex-wrap: wrap; }
.aula-live-lousa .aula-arr--reacoes-dupla_troca .qr-dt__tubo { width: min(100%, 96px); }
.aula-live-lousa .aula-arr--reacoes-dupla_troca .qr-dt__figt { width: auto; }
.aula-live-lousa .aula-arr--reacoes-dupla_troca .qr-dt__baixo .qr-col { flex: 1 1 200px; width: auto; }
/* os desenhos do motor presos a --arr-caixa */
.aula-live-lousa .aula-arr--reacoes-rearranjo_atomos .qr-rea__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--reacoes-lavoisier .qr-lav__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--reacoes-fila_reatividade .qr-fila__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--reacoes-dupla_troca .qr-dt__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--reacoes-oxirreducao .qr-oxi__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--reacoes-balanceamento_redox .qr-red__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--reacoes-evidencias .qr-cartoes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .aula-live-lousa .aula-arr--reacoes-classificar_reacao .qr-tipos { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
  .aula-live-lousa .aula-arr--reacoes-combustao .qr-comb { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--reacoes-"], [class*="aula-arr--estequiometria-"], [class*="aula-arr--solucoes-"]) .qr-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
}

/* Química: estequiometria (js/dominios/quimica/estequiometria.js e fig-estequiometria.js): as peças qr-* do bloco "Química: reacoes"
   valem aqui (equação, tabela, resultado); este bloco só tem o que é só da estequiometria. Sem moldura. */
.aula-live-lousa .aula-arranjo[class*="aula-arr--estequiometria-"] .qr-titulo { text-align: center; }
.aula-live-lousa .aula-arr--estequiometria-massa_molar .qr-tab td { padding: 2px .9em; }
.aula-live-lousa .aula-arr--estequiometria-leis_ponderais .qr-tab, .aula-live-lousa .aula-arr--estequiometria-estequiometria_tabela .qr-tab { font-size: 1.15em; }
.aula-live-lousa .aula-arr--estequiometria-leis_ponderais .qr-tab td { padding: 2px .9em; }
.aula-live-lousa .aula-arr--estequiometria-rendimento_pureza .qr-cadeia { display: flex; flex-direction: column; align-items: center; gap: 2px; width: 100%; }
.aula-live-lousa .aula-arr--estequiometria-rendimento_pureza .qr-no { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 0 .6em; font-family: var(--font-calc); font-size: 1.25em; }
.aula-live-lousa .aula-arr--estequiometria-rendimento_pureza .qr-no__rot { opacity: .85; font-size: .8em; }
.aula-live-lousa .aula-arr--estequiometria-rendimento_pureza .qr-no__val { font-weight: 700; }
.aula-live-lousa .aula-arr--estequiometria-rendimento_pureza .qr-no__x { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--estequiometria-rendimento_pureza .qr-no__seta { color: var(--giz-azul); font-family: var(--font-calc); font-size: 1.05em; }
/* os desenhos do motor presos a --arr-caixa */
.aula-live-lousa .aula-arr--estequiometria-escada_mol .qr-esc__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--estequiometria-composicao_centesimal .qr-comp__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--estequiometria-transformacao_gasosa .qr-gas__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--estequiometria-mistura_gasosa .qr-mist__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--estequiometria-reagente_limitante .qr-lim__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }

/* Química: solucoes (js/dominios/quimica/solucoes.js e fig-solucoes.js): as peças qr-* do bloco "Química: reacoes" valem aqui (tabela,
   seta com legenda, resultado); este bloco só tem o que é só das soluções. Soluto laranja, solvente azul. Sem moldura. */
.aula-live-lousa .aula-arr--solucoes-tipos_dispersao .qs-tipos { display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); gap: 16px 10px; width: 100%; }
.aula-live-lousa .aula-arr--solucoes-tipos_dispersao .qs-tipo { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--solucoes-tipos_dispersao .qs-tipo__nome { font-weight: 700; margin-top: 4px; }
.aula-live-lousa .aula-arr--solucoes-tipos_dispersao .qs-tipo__ex { font-size: .92em; opacity: .92; }
.aula-live-lousa .aula-arr--solucoes-tipos_dispersao .qs-tipo__prop { white-space: nowrap; font-size: .95em; }
.aula-live-lousa .aula-arr--solucoes-tipos_dispersao .qs-tipo--dest .qs-tipo__nome { color: var(--giz-amarelo); text-decoration: underline; text-underline-offset: .25em; }
.aula-live-lousa .aula-arr--solucoes-tipos_dispersao .qs-td__svg { width: min(100%, 130px); }
.aula-live-lousa .aula-arr--solucoes-conversao_concentracao .qs-formula { font-family: var(--font-calc); font-size: 1.6em; color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--solucoes-conversao_concentracao .qs-no { font-weight: 700; white-space: nowrap; }
.aula-live-lousa .aula-arr--solucoes-conversao_concentracao .qs-no--dest { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--solucoes-preparo_solucao .qs-passos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; width: 100%; }
.aula-live-lousa .aula-arr--solucoes-preparo_solucao .qs-passo { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--solucoes-preparo_solucao .qs-passo__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--solucoes-preparo_solucao .qs-pr__svg { width: min(100%, 120px); }
.aula-live-lousa .aula-arr--solucoes-coligativas_ordem .qs-efeitos { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 1em; font-family: var(--font-calc); }
.aula-live-lousa .aula-arr--solucoes-coligativas_ordem .qs-efeito { opacity: .85; }
.aula-live-lousa .aula-arr--solucoes-coligativas_ordem .qs-efeito--dest { color: var(--giz-amarelo); font-weight: 700; opacity: 1; }
.aula-live-lousa .aula-arr--solucoes-osmose .qs-situacao { font-style: italic; opacity: .9; }
/* os desenhos do motor presos a --arr-caixa */
.aula-live-lousa .aula-arr--solucoes-agua_dissolve .qs-ad__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--solucoes-curva_solubilidade .qs-cs__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--solucoes-diluicao .qs-di__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--solucoes-mistura_solucoes .qs-ms__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--solucoes-titulacao .qs-ti__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--solucoes-efeito_coligativo .qs-ec__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--solucoes-osmose .qs-os__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--solucoes-preparo_solucao .qs-passos { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }
}

/* Química: ambiental_nuclear (js/dominios/quimica/ambiental_nuclear.js e fig-ambiental_nuclear.js): os desenhos do motor presos a
   --arr-caixa, sem moldura; as linhas de equação e as tabelas só com as linhas entre as fileiras; a legenda do ar ao lado do quadro
   quando o BLOCO tem largura (container `arr`, nunca o data-modo). */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-fig { display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-svg { position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); width: min(100%, calc(var(--arr-caixa) * 1.15)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-tudo { display: flex; flex-direction: column; align-items: stretch; gap: 12px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-duas { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 12px; align-items: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-col { display: flex; flex-direction: column; align-items: stretch; gap: 6px; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .aula-arr__txt { text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-bola { font-size: 1em; margin-right: .2em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) :is(.qui-tudo, .qui-col) > .aula-papel-final { align-self: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-tabela { border-collapse: collapse; margin: 0 auto; width: 100%; font-size: var(--arr-fonte); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-tabela td { padding: 4px 8px; text-align: center; font-weight: 400; vertical-align: middle; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-tabela tr + tr td { border-top: 1px solid color-mix(in srgb, var(--quadro-giz) 28%, transparent); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-tabela td { white-space: nowrap; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-soma { font-family: var(--font-calc); text-align: center; font-size: calc(var(--arr-fonte) * .85); opacity: .8; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-etapa { display: flex; flex-direction: column; align-items: stretch; gap: 2px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-ar__svg { width: min(100%, calc(var(--arr-caixa) * .9)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--ambiental_nuclear-"]) .qui-duas { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 24px; }
}

/* Biologia: evolucao (js/dominios/biologia/evolucao.js e fig-evolucao.js): os desenhos do motor presos a --arr-caixa, sem moldura;
   figura e contas lado a lado por @container arr, nunca por data-modo. As peças comuns (bio-fig, bio-svg, bev-duas, bev-col) valem
   só nos arranjos evolucao-*. */
.aula-live-lousa .aula-arranjo[class*="aula-arr--evolucao-"] .bio-fig { display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--evolucao-"] .bio-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); }   /* a lousa põe todo svg em absoluto: o do arranjo volta ao fluxo */
.aula-live-lousa .aula-arranjo[class*="aula-arr--evolucao-"] .bev-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--evolucao-"] .bev-col { display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
.aula-live-lousa .aula-arr--evolucao-selecao_natural .bev-sel__svg { width: min(100%, calc(var(--arr-caixa) * 1.15)); }
.aula-live-lousa .aula-arr--evolucao-lamarck_darwin .bev-ld__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--evolucao-tipos_de_selecao .bev-ts__svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--evolucao-evidencias .bev-ev__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--evolucao-homologia_analogia .bev-ha__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--evolucao-datacao .bev-da__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--evolucao-linha_do_tempo .bev-lt__svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--evolucao-origem_da_vida .bev-ov__svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--evolucao-especiacao .bev-es__svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--evolucao-experimento_controle .bev-ec__svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--evolucao-evolucao_humana .bev-eh__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo[class*="aula-arr--evolucao-"] .bev-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
}

/* Biologia: diversidade (js/dominios/biologia/diversidade.js e fig-diversidade.js): os desenhos do motor presos a --arr-caixa, sem moldura;
   figura e contas lado a lado por @container arr, nunca por data-modo. As peças comuns (bio-fig, bio-svg, bdi-duas, bdi-col) valem
   só nos arranjos diversidade-*. */
.aula-live-lousa .aula-arranjo[class*="aula-arr--diversidade-"] .bio-fig { display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--diversidade-"] .bio-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); }   /* a lousa põe todo svg em absoluto: o do arranjo volta ao fluxo */
.aula-live-lousa .aula-arranjo[class*="aula-arr--diversidade-"] .bdi-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; }
.aula-live-lousa .aula-arranjo[class*="aula-arr--diversidade-"] .bdi-col { display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
.aula-live-lousa .aula-arr--diversidade-classificacao_funil .bdi-fun__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--diversidade-nome_cientifico .bdi-nc__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--diversidade-cladograma .bdi-cl__svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--diversidade-grupos_filogeneticos .bdi-gf__svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--diversidade-chave_dicotomica .bdi-ch__svg { width: min(100%, calc(var(--arr-caixa) * 1.8)); }
.aula-live-lousa .aula-arr--diversidade-comparar_grupos .bdi-cg__svg { width: min(100%, calc(var(--arr-caixa) * 1.7)); }
.aula-live-lousa .aula-arr--diversidade-estrutura_microrganismo .bdi-em__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--diversidade-ciclo_viral .bdi-cv__svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--diversidade-reproducao_bacteriana .bdi-rb__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--diversidade-papel_dos_microbios .bdi-pm__svg { width: min(100%, calc(var(--arr-caixa) * 1.6)); }
.aula-live-lousa .aula-arr--diversidade-arvore_da_vida .bdi-av__svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo[class*="aula-arr--diversidade-"] .bdi-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
}

/* Biologia: genetica (js/dominios/biologia/genetica.js e fig-genetica.js; nicho Genética): os desenhos do motor presos a --arr-caixa;
   figura e contas lado a lado quando o BLOCO tem largura (container `arr`, não o data-modo); a lousa pinta todo svg em absoluto,
   então o do arranjo volta ao fluxo; sem moldura nem fundo de caixa */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--genetica-"]) .bio-fig {
  display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--genetica-"]) .bio-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz);
  width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--genetica-"]) .bge-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--genetica-"]) .bge-col {
  display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
.aula-live-lousa .aula-arr--genetica-mendel_ervilhas .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa :is(.aula-arr--genetica-dogma, .aula-arr--genetica-mutacao, .aula-arr--genetica-heredograma, .aula-arr--genetica-sangue,
  .aula-arr--genetica-cariotipo) .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--genetica-tabela_codons .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.35)); }
.aula-live-lousa .aula-arr--genetica-punnett .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.45)); }
.aula-live-lousa :is(.aula-arr--genetica-abo_heranca, .aula-arr--genetica-ligacao) .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--genetica-probabilidade .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arr--genetica-hardy_weinberg .bio-svg { width: min(100%, calc(var(--arr-caixa) * 0.95)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--genetica-"]) .bge-duas {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
}

/* Biologia: metabolismo (js/dominios/biologia/metabolismo.js e fig-metabolismo.js; nicho Metabolismo energético): os desenhos do motor
   presos a --arr-caixa; figura e contas lado a lado quando o BLOCO tem largura (container `arr`); a lousa pinta todo svg em
   absoluto, então o do arranjo volta ao fluxo; tabelas e colunas sem moldura nem fundo de caixa */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--metabolismo-"]) .bio-fig {
  display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--metabolismo-"]) .bio-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz);
  width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--metabolismo-"]) .bme-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--metabolismo-"]) .bme-col {
  display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
.aula-live-lousa :is(.aula-arr--metabolismo-equacao_metabolica, .aula-arr--metabolismo-atp_ciclo) .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa :is(.aula-arr--metabolismo-fotossintese_etapas, .aula-arr--metabolismo-respiracao_etapas) .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.15)); }
.aula-live-lousa :is(.aula-arr--metabolismo-autotrofos_heterotrofos, .aula-arr--metabolismo-experimento_gases, .aula-arr--metabolismo-mapa_celular,
  .aula-arr--metabolismo-fatores_limitantes) .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--metabolismo-anabolismo_catabolismo .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
/* equação: a tabela de átomos antes × depois, com o visto na última coluna */
.aula-live-lousa .aula-arr--metabolismo-equacao_metabolica .bme-tab {
  display: grid; grid-template-columns: repeat(4, auto); justify-content: center; gap: 4px 22px; align-items: center; }
.aula-live-lousa .aula-arr--metabolismo-equacao_metabolica .bme-tab__c { text-align: center; }
.aula-live-lousa .aula-arr--metabolismo-equacao_metabolica .bme-tab__c--cab { opacity: 0.7; }
.aula-live-lousa .aula-arr--metabolismo-equacao_metabolica .bme-tab__c--rot { font-weight: 700; }
/* comparação: o rótulo da linha e as duas colunas */
.aula-live-lousa .aula-arr--metabolismo-comparar_processos .bme-cmp {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; align-items: start; width: 100%; }
.aula-live-lousa .aula-arr--metabolismo-comparar_processos .bme-cmp > .bme-cmp__c:first-child { display: none; }
.aula-live-lousa .aula-arr--metabolismo-comparar_processos .bme-cmp__rot { grid-column: 1 / -1; margin-top: 8px; }
.aula-live-lousa .aula-arr--metabolismo-comparar_processos .bme-cmp__c { min-width: 0; text-align: center; overflow-wrap: anywhere; }
.aula-live-lousa .aula-arr--metabolismo-comparar_processos .bme-cmp__rot { text-align: left; opacity: 0.75; font-size: 0.85em; }
.aula-live-lousa .aula-arr--metabolismo-comparar_processos .bme-cmp__cab { display: flex; flex-direction: column; align-items: center; gap: 4px; font-weight: 700; }
.aula-live-lousa .aula-arr--metabolismo-comparar_processos .bme-cmp__cab--a { color: var(--giz-azul); }
.aula-live-lousa .aula-arr--metabolismo-comparar_processos .bme-cmp__cab--b { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--metabolismo-comparar_processos .bio-svg.bme-cmp__icone { width: 74px; }
/* fermentação: uma coluna por tipo */
.aula-live-lousa .aula-arr--metabolismo-fermentacao_tipos .bme-fer {
  display: grid; grid-template-columns: repeat(min(var(--n), 2), minmax(0, 1fr)); gap: 18px 14px; width: 100%; align-items: start; }
.aula-live-lousa .aula-arr--metabolismo-fermentacao_tipos .bme-fer__col { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arr--metabolismo-fermentacao_tipos .bme-fer__cab { font-weight: 700; color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--metabolismo-fermentacao_tipos .bio-svg.bme-fer__icone { width: 84px; }
.aula-live-lousa .aula-arr--metabolismo-fermentacao_tipos .bme-fer__atp { font-weight: 700; color: var(--giz-amarelo); }
/* anabolismo e catabolismo: duas colunas de processos */
.aula-live-lousa .aula-arr--metabolismo-anabolismo_catabolismo .bme-ana {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; width: 100%; align-items: start; }
.aula-live-lousa .aula-arr--metabolismo-anabolismo_catabolismo .bme-ana__col { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arr--metabolismo-anabolismo_catabolismo .bme-ana__cab { font-weight: 700; }
.aula-live-lousa .aula-arr--metabolismo-anabolismo_catabolismo .bme-ana__col--anabolismo .bme-ana__cab { color: var(--giz-azul); }
.aula-live-lousa .aula-arr--metabolismo-anabolismo_catabolismo .bme-ana__col--catabolismo .bme-ana__cab { color: var(--giz-verde); }
.aula-live-lousa .aula-arr--metabolismo-mapa_celular .bme-cel__lista { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--metabolismo-comparar_processos .bme-cmp {
    grid-template-columns: minmax(0, 0.6fr) minmax(0, 1fr) minmax(0, 1fr); gap: 10px 12px; align-items: center; }
  .aula-live-lousa .aula-arr--metabolismo-comparar_processos .bme-cmp > .bme-cmp__c:first-child { display: block; }
  .aula-live-lousa .aula-arr--metabolismo-comparar_processos .bme-cmp__rot { grid-column: auto; margin-top: 0; font-size: 1em; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--metabolismo-"]) .bme-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
  .aula-live-lousa .aula-arr--metabolismo-fermentacao_tipos .bme-fer { grid-template-columns: repeat(var(--n), minmax(0, 1fr)); }
}

/* Biologia: peças comuns (js/dominios/biologia/*.js; nichos seres_vivos, bioquimica e citologia): o desenho do motor preso a --arr-caixa;
   figura e contas lado a lado quando o BLOCO tem largura (container `arr`, não o data-modo); a lousa pinta todo svg em absoluto,
   então o do arranjo volta ao fluxo */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--seres_vivos-"], [class*="aula-arr--bioquimica-"], [class*="aula-arr--citologia-"]) .bio-fig {
  display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--seres_vivos-"], [class*="aula-arr--bioquimica-"], [class*="aula-arr--citologia-"]) .bio-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz);
  width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--seres_vivos-"], [class*="aula-arr--bioquimica-"], [class*="aula-arr--citologia-"]) .bio-mini {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--seres_vivos-"], [class*="aula-arr--bioquimica-"], [class*="aula-arr--citologia-"]) .bio-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--seres_vivos-"], [class*="aula-arr--bioquimica-"], [class*="aula-arr--citologia-"]) .bio-col {
  display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--seres_vivos-"], [class*="aula-arr--bioquimica-"], [class*="aula-arr--citologia-"]) .bio-duas {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
}

/* Biologia: seres_vivos (js/dominios/biologia/seres_vivos.js e fig-seres_vivos.js): a escada, a tabela vivo ou não, as etapas, os grupos do
   experimento, os quadros históricos, o gráfico, o microscópio e a linha do tempo. Sem molduras; cor só por token */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--seres_vivos-"]) :is(.bsv-niveis, .bsv-vivo, .bsv-exp, .bsv-hist, .bsv-tempo, .bsv-etapas) {
  display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arr--seres_vivos-niveis_organizacao .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab { border-collapse: collapse; width: 100%; }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab :is(th, td) { padding: 3px 2px; text-align: center; border-bottom: 1px solid color-mix(in srgb, var(--quadro-giz) 22%, transparent); }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab__item { text-align: left; }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab__nome { display: block; overflow-wrap: anywhere; }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab__sil { display: block; width: 30px; height: 30px; }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao th.bsv-tab__carac { writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; padding: 6px 2px; font-weight: 700; vertical-align: bottom; }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao th.bsv-tab__vered { font-weight: 700; }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab__cel { font-weight: 700; }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab__cel--sim { color: var(--giz-verde); }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab__cel--nao { color: var(--giz-vermelho); }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab__cel--parcial { color: var(--giz-amarelo); font-size: 0.85em; }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab__vered--vivo { color: var(--giz-verde); font-weight: 700; }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab__vered--debatido { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arr--seres_vivos-vivo_ou_nao .bsv-tab__vered--nao_vivo { font-weight: 700; }
.aula-live-lousa .aula-arr--seres_vivos-metodo_etapas .bsv-etapas__caso { font-weight: 700; color: var(--giz-amarelo); text-align: center; }
.aula-live-lousa .aula-arr--seres_vivos-metodo_etapas .bsv-etapas__seta { width: 24px; height: 22px; }
.aula-live-lousa .aula-arr--seres_vivos-metodo_etapas .bsv-etapa { display: grid; grid-template-columns: minmax(92px, 0.36fr) minmax(0, 1fr); gap: 10px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arr--seres_vivos-metodo_etapas .bsv-etapa__nome { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap-reverse; gap: 2px 4px; min-width: 0; overflow-wrap: anywhere; font-weight: 700; color: var(--giz-azul); text-align: right; }
.aula-live-lousa .aula-arr--seres_vivos-metodo_etapas .bsv-etapa__volta { width: 30px; height: 30px; flex: none; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_controlado .bsv-grupos { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 18px; width: 100%; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_controlado .bsv-grupo { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; flex: 1 1 130px; max-width: 220px; text-align: center; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_controlado .bsv-grupo__vaso { width: min(100%, 130px); height: auto; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_controlado .bsv-grupo__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_controlado .bsv-cond--igual { color: var(--giz-verde); }
.aula-live-lousa .aula-arr--seres_vivos-experimento_controlado .bsv-cond--muda { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_controlado .bsv-vars { display: flex; flex-direction: column; gap: 4px; width: 100%; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_controlado .bsv-vars__pergunta { font-weight: 700; text-align: center; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_controlado .bsv-var__rot { color: var(--giz-azul); font-weight: 700; margin-right: 8px; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_historico .bsv-hist__titulo { font-weight: 700; color: var(--giz-amarelo); text-align: center; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_historico .bsv-quadro { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_historico .bsv-quadro__frasco { width: 96px; height: 96px; }
.aula-live-lousa .aula-arr--seres_vivos-experimento_historico .bsv-quadro__obs { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--seres_vivos-experimento_historico .bsv-hist__hip { text-align: center; }
.aula-live-lousa .aula-arr--seres_vivos-grafico_dados .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--seres_vivos-microscopio .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--seres_vivos-linha_do_tempo .bsv-marco { display: grid; grid-template-columns: 56px 56px minmax(0, 1fr); gap: 8px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arr--seres_vivos-linha_do_tempo .bsv-marco__ano { font-weight: 700; color: var(--giz-amarelo); text-align: right; }
.aula-live-lousa .aula-arr--seres_vivos-linha_do_tempo .bsv-marco__icone { width: 52px; height: 52px; }
.aula-live-lousa .aula-arr--seres_vivos-linha_do_tempo .bsv-marco__quem { font-weight: 700; }
.aula-live-lousa .aula-arr--seres_vivos-linha_do_tempo .bsv-tempo { gap: 6px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--seres_vivos-"]) :is(.bsv-tab, .bsv-var) { font-family: var(--font-calc); }
.aula-live-lousa .aula-arr--seres_vivos-metodo_etapas .bsv-etapa__rot { color: var(--giz-azul); font-weight: 700; text-align: right; }
.aula-live-lousa .aula-arr--seres_vivos-linha_do_tempo .bsv-marco { position: relative; }
.aula-live-lousa .aula-arr--seres_vivos-linha_do_tempo .bsv-marco::before { content: ''; position: absolute; left: 92px; top: 0; bottom: 0;
  border-left: 2.4px solid var(--quadro-giz); opacity: 0.7; }
.aula-live-lousa .aula-arr--seres_vivos-linha_do_tempo .bsv-marco:first-child::before { top: 50%; }
.aula-live-lousa .aula-arr--seres_vivos-linha_do_tempo .bsv-marco--ultimo::before { bottom: 50%; }

/* Biologia: bioquimica (js/dominios/biologia/bioquimica.js e fig-bioquimica.js): barras da composição, a água, as tabelas (biomoléculas,
   vitaminas, valor energético), os carboidratos, os lipídios, o peptídeo, os degraus da proteína, os quadros da enzima, o gráfico e o
   pareamento. Sem molduras; cor só por token */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) :is(.bbq-pilha, .bbq-props, .bbq-degraus) {
  display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) .bbq-tab { border-collapse: collapse; width: 100%; font-family: var(--font-calc); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) .bbq-tab :is(th, td) { padding: 4px 5px; text-align: left; vertical-align: middle;
  border-bottom: 1px solid color-mix(in srgb, var(--quadro-giz) 22%, transparent); overflow-wrap: anywhere; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) :is(.bbq-tab--bio, .bbq-tab--vit, .bbq-tab--en) { font-size: 0.82em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) :is(.bbq-tab--bio, .bbq-tab--vit, .bbq-tab--en) :is(th, td) { padding: 3px 3px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) .bbq-tab th { font-weight: 700; color: var(--giz-azul); overflow-wrap: normal; font-size: 0.92em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) .bbq-nome { font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) .bbq-dest { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) .bbq-falta { color: var(--giz-vermelho); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) .bbq-total { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) .bbq-alim { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) .bbq-alim__svg { width: 30px; height: 30px; flex: none; }
.aula-live-lousa .aula-arr--bioquimica-composicao .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--bioquimica-agua_funcoes .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--bioquimica-agua_funcoes .bbq-prop { display: flex; flex-direction: column; gap: 2px; }
.aula-live-lousa .aula-arr--bioquimica-agua_funcoes .bbq-prop__funcao { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--bioquimica-carboidratos .bbq-classes { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--bioquimica-carboidratos .bbq-classes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.aula-live-lousa .aula-arr--bioquimica-carboidratos .bbq-classe { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--bioquimica-carboidratos .bbq-classe__nome { font-weight: 700; color: var(--giz-azul); }
.aula-live-lousa .aula-arr--bioquimica-carboidratos .bbq-poli { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 10px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arr--bioquimica-carboidratos .bbq-poli__svg { width: 130px; height: 84px; }
.aula-live-lousa .aula-arr--bioquimica-carboidratos .bbq-poli__nome { font-weight: 700; }
.aula-live-lousa .aula-arr--bioquimica-carboidratos .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--bioquimica-lipidios .bbq-lipidios { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 12px; width: 100%; }
.aula-live-lousa .aula-arr--bioquimica-lipidios .bbq-lip { display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--bioquimica-lipidios .bbq-lip__svg { width: min(100%, 150px); height: auto; }
.aula-live-lousa .aula-arr--bioquimica-lipidios .bbq-lip__nome { font-weight: 700; color: var(--giz-azul); }
.aula-live-lousa .aula-arr--bioquimica-lipidios .bbq-lip__func { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--bioquimica-peptideo .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--bioquimica-niveis_proteina .bbq-deg { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 10px; align-items: center; width: 100%;
  padding-left: calc(var(--i, 0) * 12px); box-sizing: border-box; }
.aula-live-lousa .aula-arr--bioquimica-niveis_proteina .bbq-deg__svg { width: 120px; height: 76px; }
.aula-live-lousa .aula-arr--bioquimica-niveis_proteina .bbq-deg--desnat { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; }
.aula-live-lousa .aula-arr--bioquimica-niveis_proteina .bbq-deg__svg--duplo { width: min(100%, 240px); }
.aula-live-lousa .aula-arr--bioquimica-niveis_proteina .bbq-deg__nome { font-weight: 700; color: var(--giz-azul); }
.aula-live-lousa .aula-arr--bioquimica-niveis_proteina .bbq-deg__nome--desnat { color: var(--giz-vermelho); }
.aula-live-lousa .aula-arr--bioquimica-enzima_mecanismo .bbq-quadros { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--bioquimica-enzima_mecanismo .bbq-quadros { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.aula-live-lousa .aula-arr--bioquimica-enzima_mecanismo .bbq-quad { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; min-width: 0; }
.aula-live-lousa .aula-arr--bioquimica-enzima_mecanismo .bbq-quad__svg { width: min(100%, 230px); height: auto; }
.aula-live-lousa .aula-arr--bioquimica-enzima_grafico .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--bioquimica-enzima_grafico .bbq-concl { text-align: center; }
.aula-live-lousa .aula-arr--bioquimica-nucleotideo .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
@container arr (max-width: 539px) {
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) :is(.bbq-tab--bio, .bbq-tab--vit) { display: block; font-size: 0.9em; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) :is(.bbq-tab--bio, .bbq-tab--vit) tbody { display: block; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) :is(.bbq-tab--bio, .bbq-tab--vit) tr { display: block; padding: 6px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--quadro-giz) 22%, transparent); }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) :is(.bbq-tab--bio, .bbq-tab--vit) tr:first-child { display: none; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) :is(.bbq-tab--bio, .bbq-tab--vit) td { display: block; border-bottom: 0; padding: 1px 3px; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) :is(.bbq-tab--bio, .bbq-tab--vit) td[data-rot]::before { content: attr(data-rot) ": "; color: var(--giz-azul); font-weight: 700; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) :is(.bbq-tab--bio, .bbq-tab--vit) td.bbq-nome::before { content: none; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--bioquimica-"]) :is(.bbq-tab--bio, .bbq-tab--vit) td.bbq-nome { font-size: 1.1em; }
}

/* Biologia: citologia (js/dominios/biologia/citologia.js e fig-citologia.js): a célula rotulada, as tabelas (comparar células, organelas,
   comparar divisões), a via secretora, a membrana, os transportes, a osmose, o ciclo, as fases da divisão, o cariótipo e a
   endossimbiose. Sem molduras; cor só por token */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) :is(.bct-pilha, .bct-via, .bct-endo) {
  display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-tab { border-collapse: collapse; width: 100%; font-family: var(--font-calc); font-size: 0.9em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-tab :is(th, td) { padding: 3px 4px; text-align: left; vertical-align: middle;
  border-bottom: 1px solid color-mix(in srgb, var(--quadro-giz) 22%, transparent); overflow-wrap: anywhere; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-tab th { font-weight: 700; color: var(--giz-azul); overflow-wrap: normal; text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-nome { font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-dest { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-sim { color: var(--giz-verde); font-weight: 700; text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-nao { color: var(--giz-vermelho); font-weight: 700; text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-var { color: var(--giz-amarelo); text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) :is(.bct-cmp__cab, .bct-div__cab, .bct-org) { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-cmp__svg { width: 100%; max-width: 130px; height: auto; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-div__svg { width: 100%; max-width: 150px; height: auto; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-org { align-items: flex-start; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-org__svg { width: 46px; height: 38px; }
.aula-live-lousa .aula-arr--citologia-celula_rotulada .bio-svg { width: min(100%, calc(var(--arr-caixa) * 2)); }
.aula-live-lousa .aula-arr--citologia-celula_rotulada .bct-leg { display: flex; flex-direction: column; gap: 4px; width: 100%; }
.aula-live-lousa .aula-arr--citologia-celula_rotulada .bct-leg__item--destaque { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arr--citologia-via_secretora .bct-via__prot { font-weight: 700; color: var(--giz-amarelo); text-align: center; }
.aula-live-lousa .aula-arr--citologia-via_secretora .bct-passo { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 10px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arr--citologia-via_secretora .bct-via__org { width: 70px; height: 56px; }
.aula-live-lousa .aula-arr--citologia-via_secretora .bct-via__seta { width: 24px; height: 22px; }
.aula-live-lousa .aula-arr--citologia-via_secretora .bct-passo__nome { font-weight: 700; color: var(--giz-azul); }
.aula-live-lousa .aula-arr--citologia-membrana_modelo .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--citologia-transporte_membrana .bct-transp { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; }
.aula-live-lousa .aula-arr--citologia-transporte_membrana .bct-tr { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; min-width: 0; }
.aula-live-lousa .aula-arr--citologia-transporte_membrana .bct-tr__svg { width: min(100%, 150px); height: auto; }
.aula-live-lousa .aula-arr--citologia-transporte_membrana .bct-tr__nome { font-weight: 700; color: var(--giz-azul); }
.aula-live-lousa .aula-arr--citologia-transporte_membrana :is(.bct-tr__nome--destaque, .bct-tr__atp--destaque) { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--citologia-transporte_membrana .bct-tr__atp { font-weight: 700; color: var(--giz-vermelho); }
.aula-live-lousa .aula-arr--citologia-osmose .bct-osm { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; width: 100%; }
.aula-live-lousa .aula-arr--citologia-osmose .bct-osm__q { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; min-width: 0; }
.aula-live-lousa .aula-arr--citologia-osmose .bct-osm__svg { width: min(100%, 170px); height: auto; }
.aula-live-lousa .aula-arr--citologia-osmose .bct-osm__res { font-weight: 700; color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--citologia-osmose .bct-osm__cel { font-weight: 700; text-align: center; }
.aula-live-lousa .aula-arr--citologia-ciclo_celular .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--citologia-ciclo_celular .bct-ciclo__q { color: var(--giz-amarelo); font-weight: 700; }
.aula-live-lousa .aula-arr--citologia-fases_divisao .bct-fases { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; width: 100%; }
.aula-live-lousa .aula-arr--citologia-fases_divisao .bct-fase { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1px; min-width: 0; }
.aula-live-lousa .aula-arr--citologia-fases_divisao .bct-fase__svg { width: min(100%, 140px); height: auto; }
.aula-live-lousa .aula-arr--citologia-fases_divisao .bct-fase__nome { font-weight: 700; color: var(--giz-azul); }
.aula-live-lousa .aula-arr--citologia-fases_divisao .bct-fase--destaque :is(.bct-fase__nome, .bct-fase__conta, .bct-fase__ploidia) { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--citologia-fases_divisao .bct-fases__tit { font-weight: 700; text-align: center; }
.aula-live-lousa .aula-arr--citologia-cariotipo .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.4)); }
.aula-live-lousa .aula-arr--citologia-endossimbiose .bct-etapa { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arr--citologia-endossimbiose .bct-endo__svg { width: 110px; height: 55px; }
.aula-live-lousa .aula-arr--citologia-endossimbiose .bct-etapa__evento { font-weight: 700; }
.aula-live-lousa .aula-arr--citologia-endossimbiose .bct-evid__item { color: var(--giz-verde); }
@container arr (max-width: 539px) {
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-tab--org { display: block; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-tab--org tbody { display: block; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-tab--org tr { display: block; padding: 6px 0; border-bottom: 1px solid color-mix(in srgb, var(--quadro-giz) 22%, transparent); }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-tab--org tr:first-child { display: none; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-tab--org td { display: block; border-bottom: 0; padding: 1px 3px; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-tab--org td[data-rot]::before { content: attr(data-rot) ": "; color: var(--giz-azul); font-weight: 700; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-tab--org td.bct-nome::before { content: none; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--citologia-"]) .bct-tab--org .bct-org { flex-direction: row; align-items: center; gap: 6px; }
}

/* Biologia: biotecnologia (js/dominios/biologia/biotecnologia.js e fig-biotecnologia.js; nicho Biotecnologia): os desenhos do motor presos a
   --arr-caixa, sem moldura; figura e contas lado a lado quando o bloco tem largura (@container arr); as colunas das células-tronco e
   os dois lados do debate em duas por linha no celular e lado a lado com largura */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--biotecnologia-"]) .bio-fig {
  display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--biotecnologia-"]) .bio-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz);
  width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--biotecnologia-"]) .bbt-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--biotecnologia-"]) :is(.bbt-col, .bbt-solb, .bbt-passos, .bbt-frags) {
  display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--biotecnologia-"]) :is(.bbt-passos, .bbt-frags) { gap: 4px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--biotecnologia-"]) .bbt-solb { padding-inline: 10px; box-sizing: border-box; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--biotecnologia-"]) .bbt-linha { text-align: center; }
.aula-live-lousa .aula-arr--biotecnologia-eletroforese .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.5)); }
.aula-live-lousa .aula-arr--biotecnologia-clonagem .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arr--biotecnologia-crispr .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--biotecnologia-pcr .bbt-pcr__tab { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--biotecnologia-"]) .bbt-linha { color: var(--cor, var(--quadro-giz)); font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--biotecnologia-"]) .bbt-frag { color: var(--cor, var(--quadro-giz)); font-weight: 700; word-break: break-all; text-align: center; }
.aula-live-lousa .aula-arr--biotecnologia-dna_recombinante .bbt-passo { text-align: left; }
.aula-live-lousa .aula-arr--biotecnologia-celulas_tronco .bbt-colunas {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; width: 100%; align-items: start; }
.aula-live-lousa .aula-arr--biotecnologia-celulas_tronco .bbt-coluna { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arr--biotecnologia-celulas_tronco .bbt-coluna .bio-svg { width: min(100%, 150px); }
.aula-live-lousa .aula-arr--biotecnologia-celulas_tronco .bbt-cab { font-weight: 700; }
.aula-live-lousa .aula-arr--biotecnologia-celulas_tronco .bbt-coluna--destaque .bbt-cab { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--biotecnologia-celulas_tronco .bbt-forma { opacity: 0.85; }
.aula-live-lousa .aula-arr--biotecnologia-celulas_tronco .bbt-exemplo { color: var(--giz-azul); }
.aula-live-lousa .aula-arr--biotecnologia-bioetica .bbt-lados { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; width: 100%; }
.aula-live-lousa .aula-arr--biotecnologia-bioetica .bbt-lado { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.aula-live-lousa .aula-arr--biotecnologia-bioetica .bbt-cab { font-weight: 700; }
.aula-live-lousa .aula-arr--biotecnologia-bioetica .bbt-aplicacao { text-align: center; }
.aula-live-lousa .aula-arr--biotecnologia-bioetica .bbt-regra { opacity: 0.9; }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--biotecnologia-"]) .bbt-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
  .aula-live-lousa .aula-arr--biotecnologia-celulas_tronco .bbt-colunas { grid-template-columns: repeat(var(--n), minmax(0, 1fr)); }
  .aula-live-lousa .aula-arr--biotecnologia-bioetica .bbt-lados { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Biologia: reproducao_desenvolvimento (js/dominios/biologia/reproducao_desenvolvimento.js e fig-reproducao.js; nicho Reprodução e
   desenvolvimento): esquemas do motor presos a --arr-caixa, sem moldura; figura e contas lado a lado quando o bloco tem largura
   (@container arr); colunas dos tipos, dos tecidos e dos métodos em duas por linha no celular e lado a lado com largura */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .bio-fig {
  display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .bio-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz);
  width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) :is(.brd-col, .brd-solb, .brd-frags) {
  display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-solb { padding-inline: 10px; box-sizing: border-box; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-frags { gap: 5px; align-items: flex-start; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) :is(.brd-linha, .brd-linha2) { text-align: left; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-linha { color: var(--cor, var(--quadro-giz)); font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-linha--destaque { text-decoration: underline; text-decoration-thickness: 3px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-cab { font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-exemplo { color: var(--giz-azul); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) :is(.brd-cols2, .brd-colunas) {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; width: 100%; align-items: start; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-coluna {
  display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-coluna .bio-svg { width: min(100%, 170px); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-cols2 .brd-coluna .bio-svg { width: min(100%, 220px); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-coluna--destaque .brd-cab { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-itens { display: flex; flex-direction: column; gap: 10px; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-item {
  display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: center; column-gap: 12px; row-gap: 0; text-align: left; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-item .bio-fig { grid-row: 1 / span 3; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-item .bio-svg { width: 76px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-nome { font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-item--destaque .brd-nome { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--reproducao_desenvolvimento-gametogenese .bio-svg, .aula-live-lousa .aula-arr--reproducao_desenvolvimento-ciclos_de_vida .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
.aula-live-lousa .aula-arr--reproducao_desenvolvimento-embriologia_etapas .bio-svg { width: min(100%, calc(var(--arr-caixa) * 0.9)); }
.aula-live-lousa .aula-arr--reproducao_desenvolvimento-puberdade .brd-pu__fig2 .bio-svg { width: min(100%, calc(var(--arr-caixa) * 1.1)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-colunas { grid-template-columns: repeat(var(--n), minmax(0, 1fr)); }
  .aula-live-lousa .aula-arranjo:is([class*="aula-arr--reproducao_desenvolvimento-"]) .brd-itens { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; }
}

/* Biologia: corpo_humano (js/dominios/biologia/corpo_humano.js, fig-corpo.js e fig-corpo-sentidos.js; nicho Corpo humano): os desenhos
   do motor presos a --arr-caixa, sem moldura; a figura e a lista lado a lado quando o BLOCO tem largura (container `arr`, nunca o
   data-modo); o número (ou a letra, nos anexos) de cada etapa em círculo de giz, sem fundo. Cor só por token. */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bio-fig { display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bio-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bch-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) :is(.bch-col, .bch-tudo, .bch-lista) {
  display: flex; flex-direction: column; gap: 10px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bch-tudo { align-items: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bch-item { display: flex; gap: 10px; align-items: flex-start; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bch-n {
  flex: none; display: inline-flex; align-items: center; justify-content: center; width: 1.6em; height: 1.6em; margin-top: .1em; border: 2px solid var(--cor, var(--quadro-giz));
  border-radius: 50%; color: var(--cor, var(--quadro-giz)); font-family: var(--font-calc); font-weight: 700; font-size: .85em; line-height: 1; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bch-n--ponto {
  width: .85em; height: .85em; margin-top: .45em; background: var(--cor, var(--quadro-giz)); border-color: var(--cor, var(--quadro-giz)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bch-corpo { min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bch-nome { font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bch-o { opacity: .92; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bch-item--destaque :is(.aula-arr__txt, .fig-solution__line) { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bch-exemplo { text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) :is(.bch-tudo, .bch-col) > .aula-papel-final { align-self: center; }
.aula-live-lousa .aula-arr--corpo_humano-trajeto_corpo .bch-corpo__svg,
.aula-live-lousa .aula-arr--corpo_humano-hormonios .bch-corpo__svg { width: 100%; max-width: 340px; }
.aula-live-lousa .aula-arr--corpo_humano-trajeto_corpo .bch-duas,
.aula-live-lousa .aula-arr--corpo_humano-hormonios .bch-duas { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 14px; }
.aula-live-lousa .aula-arr--corpo_humano-digestao_enzimas .bch-enz { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.aula-live-lousa .aula-arr--corpo_humano-digestao_enzimas .bch-enz__lin { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.aula-live-lousa .aula-arr--corpo_humano-digestao_enzimas .bch-enz__ico { display: flex; justify-content: center; width: 64px; }
.aula-live-lousa .aula-arr--corpo_humano-digestao_enzimas .bch-enz__ico .bio-svg { width: 64px; }
.aula-live-lousa .aula-arr--corpo_humano-digestao_enzimas .bch-ph { color: var(--cor, var(--quadro-giz)); font-weight: 700; white-space: nowrap; padding-right: 6px; }
.aula-live-lousa .aula-arr--corpo_humano-digestao_enzimas .bch-bile { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; margin-top: 4px; color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--corpo_humano-digestao_enzimas .bch-bile :is(.aula-arr__txt, .fig-solution__line) { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--corpo_humano-digestao_enzimas .bch-item--destaque :is(.aula-arr__txt, .fig-solution__line) { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--corpo_humano-ventilacao .bch-vent { display: flex; flex-direction: column; gap: 22px; width: 100%; }
.aula-live-lousa .aula-arr--corpo_humano-ventilacao .bch-vent__fase { display: flex; flex-direction: column; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.aula-live-lousa .aula-arr--corpo_humano-ventilacao .bio-svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-ventilacao .bch-vent__itens { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.aula-live-lousa .aula-arr--corpo_humano-ventilacao .bch-vent__lin { display: flex; align-items: center; gap: 8px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--corpo_humano-"]) .bch-ic { position: static; inset: auto; display: block; flex: none; width: 14px; height: 20px; overflow: visible; color: var(--quadro-giz); }
.aula-live-lousa .aula-arr--corpo_humano-ventilacao .bch-vent__ar { text-align: center; }
.aula-live-lousa .aula-arr--corpo_humano-trocas_gasosas .bch-troca__svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-circulacao .bch-circ__svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-nefron_urina .bch-nef__svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-nefron_urina .bch-nef__barras { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-neuronio_reflexo .bch-neu__svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-homeostase_feedback .bch-hom__svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-olho_visao .bch-olho__svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-orelha_audicao .bch-orelha__svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-pele .bch-pele__svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-locomotor .bch-braco__svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-locomotor .bch-braco__f { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; }
.aula-live-lousa .aula-arr--corpo_humano-locomotor .bch-braco__f .bch-nome { color: var(--giz-verde); }
.aula-live-lousa .aula-arr--corpo_humano-nutrientes_calorias .bch-prato__svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arr--corpo_humano-nutrientes_calorias .bch-nut { display: flex; flex-direction: column; gap: 6px; width: 100%; font-size: var(--arr-fonte); font-family: var(--font-calc); }
.aula-live-lousa .aula-arr--corpo_humano-nutrientes_calorias .bch-nut__lin { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, minmax(0, 1.15fr)); gap: 6px; align-items: baseline; }
.aula-live-lousa .aula-arr--corpo_humano-nutrientes_calorias .bch-nut__nome { font-weight: 700; overflow-wrap: anywhere; }
.aula-live-lousa .aula-arr--corpo_humano-nutrientes_calorias .bch-nut__g { text-align: center; }
.aula-live-lousa .aula-arr--corpo_humano-nutrientes_calorias .bch-nut__cab .bch-nut__g { color: var(--cor, var(--quadro-giz)); font-weight: 700; font-size: .72em; overflow-wrap: anywhere; }
.aula-live-lousa .aula-arr--corpo_humano-nutrientes_calorias .bch-nut__contas { display: flex; flex-direction: column; gap: 4px; }
.aula-live-lousa .aula-arr--corpo_humano-nutrientes_calorias .bch-nut__contas :is(.aula-arr__txt, .fig-solution__line) { color: var(--cor, var(--quadro-giz)); }
@container arr (min-width: 540px) {
  .aula-live-lousa .aula-arr--corpo_humano-ventilacao .bch-vent { flex-direction: row; align-items: flex-start; }
}

/* Biologia: imunologia_saude (js/dominios/biologia/imunologia_saude.js e fig-imunologia.js; nicho Imunologia e saúde): os desenhos do motor
   presos a --arr-caixa, sem moldura; as peças comuns (.bio-*, .bch-*) repetem as de corpo_humano com o prefixo deste nicho; colunas, passos com
   ícone e tabelas de doenças empilhados (o bloco é estreito e alto). Cor só por token. */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bio-fig { display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bio-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); width: min(100%, max(calc(var(--arr-caixa) * 1.5), 96cqw)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bch-duas {
  display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 14px; align-items: center; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) :is(.bch-col, .bch-tudo, .bch-lista) {
  display: flex; flex-direction: column; gap: 10px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bch-tudo { align-items: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bch-item { display: flex; gap: 10px; align-items: flex-start; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bch-n {
  flex: none; display: inline-flex; align-items: center; justify-content: center; width: 1.6em; height: 1.6em; margin-top: .1em; border: 2px solid var(--cor, var(--quadro-giz));
  border-radius: 50%; color: var(--cor, var(--quadro-giz)); font-family: var(--font-calc); font-weight: 700; font-size: .85em; line-height: 1; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bch-n--ponto {
  width: .85em; height: .85em; margin-top: .45em; background: var(--cor, var(--quadro-giz)); border-color: var(--cor, var(--quadro-giz)); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bch-corpo { min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bch-nome { font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bch-o { opacity: .92; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bch-item--destaque :is(.aula-arr__txt, .fig-solution__line) { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bch-exemplo { text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) :is(.bch-tudo, .bch-col) > .aula-papel-final { align-self: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bim-colunas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; width: 100%; align-items: start; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bim-col { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; text-align: center; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bim-cor :is(.aula-arr__txt, .fig-solution__line) { color: var(--cor, var(--quadro-giz)); font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bim-ico__c { display: flex; justify-content: center; width: 80px; flex: none; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bim-ico__c--g { width: 110px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bim-ico { width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bim-passos { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bim-passo { display: flex; gap: 10px; align-items: center; min-width: 0; padding-block: 2px; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bim-passo .bch-n { align-self: flex-start; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bim-tag { color: var(--cor, var(--quadro-giz)); font-weight: 700; font-size: .85em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--imunologia_saude-"]) .bim-doencas { display: flex; flex-direction: column; gap: 16px; width: 100%; }
.aula-live-lousa .aula-arr--imunologia_saude-transfusao .bim-tab { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; width: 100%; }
.aula-live-lousa .aula-arr--imunologia_saude-transfusao .bim-tab__lin { display: flex; flex-direction: column; align-items: center; }
.aula-live-lousa .aula-arr--imunologia_saude-epidemiologia .bim-pop__svg { width: min(100%, max(calc(var(--arr-caixa) * 1.5), 90cqw)); }

/* Biologia: ecologia (js/dominios/biologia/ecologia.js e fig-ecologia.js; também o botanica.js e o zoologia.js usam as peças eco-*): os
   desenhos do motor presos a --arr-caixa, a tabela das relações e as linhas do bioma; sem moldura. Cores: verde = vegetal/certo,
   vermelho = errado ou o que se perde, amarelo = destaque e resultado, azul = o que muda. */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-fig { display: flex; justify-content: center; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-svg {
  position: static; inset: auto; display: block; height: auto; overflow: visible; color: var(--quadro-giz); }   /* a lousa põe todo svg em absoluto */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-col { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; min-width: 0; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-vermelho { color: var(--giz-vermelho); font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-mais { color: var(--giz-verde); font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-menos { color: var(--giz-vermelho); font-weight: 700; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-zero { font-weight: 700; opacity: .85; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) :is(.eco-grupos, .eco-esq, .eco-attrs) { font-family: var(--font-calc); font-size: 1.08em; }
/* tabelas (relações ecológicas, comparações): sem linhas nem fundo */
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-tab { border-collapse: collapse; font-family: var(--font-calc); font-size: 1.05em; width: 100%; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-tab td { padding: 3px .6em; text-align: center; vertical-align: middle; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-tab__cab td { font-size: .8em; opacity: .85; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-tab__grupo td { text-align: left; font-size: .85em; opacity: .85; padding-top: 10px; text-decoration: underline; text-underline-offset: .25em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-tab__nome { text-align: left; font-weight: 700; white-space: nowrap; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-tab__ex { text-align: left; font-size: .92em; }
.aula-live-lousa .aula-arranjo:is([class*="aula-arr--ecologia-"], [class*="aula-arr--botanica-"], [class*="aula-arr--zoologia-"]) .eco-tab__dest .eco-tab__nome { color: var(--giz-amarelo); }
/* o bioma: uma linha por campo */
.aula-live-lousa .aula-arr--ecologia-bioma_ficha .eco-attrs { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.aula-live-lousa .aula-arr--ecologia-bioma_ficha .eco-attr { display: flex; gap: .6em; align-items: baseline; }
.aula-live-lousa .aula-arr--ecologia-bioma_ficha .eco-attr__rot { flex: 0 0 5.6em; font-weight: 700; text-align: right; }
.aula-live-lousa .aula-arr--ecologia-bioma_ficha .eco-attr__rot--clima { color: var(--giz-azul); }
.aula-live-lousa .aula-arr--ecologia-bioma_ficha .eco-attr__rot--solo { color: color-mix(in srgb, var(--giz-amarelo) 62%, var(--giz-vermelho)); }
.aula-live-lousa .aula-arr--ecologia-bioma_ficha .eco-attr__rot--vegetacao { color: var(--giz-verde); }
.aula-live-lousa .aula-arr--ecologia-bioma_ficha .eco-attr__rot--ameaca { color: var(--giz-vermelho); }
/* os desenhos do motor presos a --arr-caixa */
.aula-live-lousa .aula-arr--ecologia-niveis_organizacao .eco-no__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--ecologia-cadeia_alimentar .eco-ca__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--ecologia-teia_alimentar .eco-te__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--ecologia-piramide .eco-pi__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--ecologia-fluxo_energia .eco-fe__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--ecologia-ciclo .eco-ci__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--ecologia-crescimento_populacional .eco-cr__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--ecologia-sucessao .eco-su__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--ecologia-bioma_ficha .eco-bi__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--ecologia-cadeia_causal .eco-cc__svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--ecologia-biomagnificacao .eco-bm__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }

/* Biologia: botanica (js/dominios/biologia/botanica.js e fig-botanica.js; versão enxuta): as peças eco-* do bloco "Biologia: ecologia" valem aqui
   (figura, coluna, tabela, marcas); este bloco só tem o que é só das plantas. Sem moldura. */
.aula-live-lousa .aula-arr--botanica-partes_planta .eco-pp__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--botanica-flor .eco-fl__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--botanica-fotossintese_planta .eco-fo__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--botanica-comparar_grupos .eco-mini { position: static; inset: auto; display: block; width: 44px; height: auto; overflow: visible; color: var(--quadro-giz); }
.aula-live-lousa .aula-arr--botanica-comparar_grupos .eco-tab--grupos { table-layout: fixed; font-size: .95em; }
.aula-live-lousa .aula-arr--botanica-comparar_grupos .eco-tab--grupos td { padding: 3px .15em; overflow-wrap: anywhere; }
.aula-live-lousa .aula-arr--botanica-comparar_grupos .eco-tab--grupos td:nth-child(1) { width: 48px; }
.aula-live-lousa .aula-arr--botanica-comparar_grupos .eco-tab--grupos td:nth-child(2) { width: 5.8em; font-size: .8em; overflow-wrap: break-word; }
.aula-live-lousa .aula-arr--botanica-comparar_grupos .eco-tab--grupos .eco-tab__cab td { font-size: .7em; overflow-wrap: normal; }
.aula-live-lousa .aula-arr--botanica-comparar_grupos .eco-tab--grupos .eco-tab__ex { font-weight: 400; opacity: .9; }
.aula-live-lousa .aula-arr--botanica-comparar_grupos .eco-tab__dest .eco-tab__nome { color: var(--giz-amarelo); }
.aula-live-lousa .aula-arr--botanica-fotossintese_planta .eco-tab--atomos { width: auto; }

/* Biologia: zoologia (js/dominios/biologia/zoologia.js e fig-zoologia.js; versão enxuta): as peças eco-* do bloco "Biologia: ecologia" valem aqui
   (figura, coluna, tabela, marcas); este bloco só tem o que é só dos animais. Sem moldura. */
.aula-live-lousa .aula-arr--zoologia-chave_classificacao .eco-ch__svg { width: min(100%, calc(var(--arr-caixa) * 1.2)); }
.aula-live-lousa .aula-arr--zoologia-ciclo_vida .eco-cv__svg { width: min(100%, calc(var(--arr-caixa) * 1.3)); }
.aula-live-lousa .aula-arr--zoologia-comparar_grupos .eco-mini, .aula-live-lousa .aula-arr--zoologia-esqueletos .eco-mini {
  position: static; inset: auto; display: block; margin: 0 auto; width: 52px; height: auto; overflow: visible; color: var(--quadro-giz); }
.aula-live-lousa .aula-arr--zoologia-comparar_grupos .eco-grupos { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px 12px; width: 100%; }
.aula-live-lousa .aula-arr--zoologia-comparar_grupos .eco-grupos__col { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--zoologia-comparar_grupos .eco-grupos__nome { font-weight: 700; margin-bottom: 2px; }
.aula-live-lousa .aula-arr--zoologia-comparar_grupos .eco-grupos__linha { font-size: .9em; }
.aula-live-lousa .aula-arr--zoologia-comparar_grupos .eco-grupos__rot { opacity: .8; }
.aula-live-lousa .aula-arr--zoologia-comparar_grupos .eco-grupos__col--dest .eco-grupos__nome { color: var(--giz-amarelo); text-decoration: underline; text-underline-offset: .25em; }
.aula-live-lousa .aula-arr--zoologia-esqueletos .eco-esq { display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); gap: 16px 10px; width: 100%; }
.aula-live-lousa .aula-arr--zoologia-esqueletos .eco-esq__col { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; min-width: 0; }
.aula-live-lousa .aula-arr--zoologia-esqueletos .eco-esq__bichos { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
.aula-live-lousa .aula-arr--zoologia-esqueletos .eco-esq__bicho { display: flex; flex-direction: column; align-items: center; width: 66px; }
.aula-live-lousa .aula-arr--zoologia-esqueletos .eco-esq__nome { font-size: .72em; line-height: 1.1; }
.aula-live-lousa .aula-arr--zoologia-esqueletos .eco-esq__tipo { font-weight: 700; margin-top: 4px; color: var(--giz-azul); }
.aula-live-lousa .aula-arr--zoologia-esqueletos .eco-esq__linha { font-size: .9em; opacity: .92; }

/* =========================================================
   A SÍNTESE do tópico (id0367): o 1º cartão da aula curta, depois da cena (aula-sintese.js). O mesmo CSS dos prints
   aprovados pelo Beny (avaliacao/sintese-matematica/final/sintese.css), aqui por último na cascata, como lá.
   A lousa da aula é o layout do CELULAR (no computador, ampliado por zoom: id0276); o arranjo estreito vale pela classe
   .sx--estreito, que o aula-sintese.js põe (o @media (max-width: 600px) do gerador olhava a janela, não a lousa).
   ========================================================= */
.aula-live-lousa .sx { --sx-f: clamp(18.7px, 2.21vw, 27.2px); font-family: var(--font-calc); color: var(--quadro-giz); flex: 1 1 100%;
  width: 100%; box-sizing: border-box; }
/* v3 (Beny: "jogados para a esquerda"): o título fica à esquerda; o conteúdo, como UM bloco, vai ao centro da parte (o texto dentro dele
   continua alinhado como antes: legenda e listas à esquerda) */
.aula-live-lousa .sx-corpo { width: fit-content; max-width: 100%; margin: 12px auto 0; }
.aula-live-lousa .sx-t { font-size: clamp(17px, 1.9vw, 22px); }
.aula-live-lousa .sx-T { font-size: clamp(19px, 2.1vw, 25px); }
.aula-live-lousa .sx-forte { color: var(--arr-traco); font-weight: 700; }
.aula-live-lousa .sx-formula .fig-solution, .aula-live-lousa .sx-formula { font-size: var(--sx-f); }      /* -15% so nas formulas */
.aula-live-lousa .sx-formula .fig-solution__line { font-size: inherit; }
.aula-live-lousa .sx-row { display: flex; flex-wrap: wrap; gap: 20px 36px; align-items: flex-start; }
/* fórmulas lado a lado numa grade de 3 linhas (caixa, nome, figura): as caixas têm a mesma altura e os nomes ficam na mesma linha */
.aula-live-lousa .sx-formulas { display: grid; grid-auto-flow: column; grid-template-rows: auto auto auto; gap: 8px 36px; justify-items: center; }
.aula-live-lousa .sx-fbloco { display: contents; }
.aula-live-lousa .sx-caixa { border: 2px solid var(--arr-traco); border-radius: 6px; padding: 10px 18px; }
.aula-live-lousa .sx-formulas .sx-caixa { align-self: stretch; display: flex; align-items: center; justify-content: center; }
.aula-live-lousa .sx-nome { color: var(--arr-traco); font-weight: 700; font-size: clamp(16px, 1.7vw, 20px); text-align: center; }
.aula-live-lousa .sx-legenda { margin: 22px 0 0; padding-left: 1.1em; display: flex; flex-direction: column; gap: 3px; font-size: clamp(15px, 1.6vw, 19px); }
.aula-live-lousa .sx-fig svg { display: block; position: static; height: auto; color: var(--quadro-giz); margin: 0; }
.aula-live-lousa .sx-frase { margin: 0; max-width: 32em; font-size: clamp(18px, 2vw, 23px); }
/* passos (procedimento/processo): conta ou desenho em cima, a legenda embaixo, setas maiores; o final contornado */
.aula-live-lousa .sx-passos { display: flex; align-items: center; gap: 6px 10px; flex-wrap: nowrap; }
.aula-live-lousa .sx-passo { display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 15em; text-align: center; }
.aula-live-lousa .sx-passo__leg { font-size: clamp(15px, 1.6vw, 18px); opacity: .85; }
.aula-live-lousa .sx-passo--final > .sx-passo__conta { border: 2.5px solid var(--arr-traco); border-radius: 6px; padding: 6px 14px; }
.aula-live-lousa .sx-seta { color: var(--arr-traco); font-size: clamp(30px, 3.2vw, 40px); line-height: 1; align-self: center; padding-bottom: 1.4em; }
.aula-live-lousa .sx-seta::before { content: "⟶"; }
/* marcas coloridas: a bolinha no texto = a lupa (ou a cor) no desenho */
.aula-live-lousa .sx-marcas { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: clamp(17px, 1.9vw, 22px); }
.aula-live-lousa .sx-marcas li { display: flex; gap: 10px; align-items: baseline; }
.aula-live-lousa .sx-marcas li::before { content: ""; flex: 0 0 auto; width: .7em; height: .7em; border-radius: 50%; background: var(--m); transform: translateY(.05em); }
.aula-live-lousa .sx-lado { display: flex; gap: 28px 40px; align-items: center; flex-wrap: nowrap; }
/* regra com casos: condição → resultado → a definição leve */
.aula-live-lousa .sx-casos { display: grid; grid-template-columns: auto auto auto auto auto; gap: 10px 14px; align-items: baseline; }
.aula-live-lousa .sx-casos .sx-def { font-size: clamp(15px, 1.6vw, 19px); opacity: .85; }
.aula-live-lousa .sx-seta-p { color: var(--arr-traco); }
/* comparação: colunas com o tracejado entre elas, o desenho embaixo de cada uma */
.aula-live-lousa .sx-cols { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0 28px; }
.aula-live-lousa .sx-col { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.aula-live-lousa .sx-col + .sx-col { border-left: 2px dashed var(--arr-traco); padding-left: 26px; }
.aula-live-lousa .sx-col .sx-fig { margin-top: 8px; align-self: center; }
/* classificação: nome, traço e o exemplo */
.aula-live-lousa .sx-itens { display: flex; flex-wrap: wrap; gap: 18px 40px; align-items: flex-start; }
.aula-live-lousa .sx-item { display: flex; flex-direction: column; gap: 3px; align-items: center; text-align: center; }
.aula-live-lousa .sx-ex { font-size: clamp(15px, 1.6vw, 18px); opacity: .85; }
.aula-live-lousa .sx-ex b { color: var(--arr-traco); font-weight: 700; }

.aula-live-lousa .sx.sx--estreito { width: 100%; }
.aula-live-lousa .sx--estreito .sx-row { flex-direction: column; align-items: center; }
.aula-live-lousa .sx--estreito .sx-formulas { grid-auto-flow: row; grid-template-rows: none; grid-template-columns: auto; }
.aula-live-lousa .sx--estreito .sx-formulas .sx-fig-vaga { height: 10px; }
.aula-live-lousa .sx--estreito .sx-lado { flex-direction: column; align-items: stretch; gap: 18px; }
.aula-live-lousa .sx--estreito .sx-lado .sx-fig { align-self: center; }
.aula-live-lousa .sx--estreito .sx-passos { flex-direction: column; }
.aula-live-lousa .sx--estreito .sx-passo { max-width: none; }
.aula-live-lousa .sx--estreito .sx-seta { padding: 0; }
.aula-live-lousa .sx--estreito .sx-seta::before { content: "↓"; }
.aula-live-lousa .sx--estreito .sx-casos { grid-template-columns: auto auto 1fr; }
.aula-live-lousa .sx--estreito .sx-casos .sx-seta2 { display: none; }
.aula-live-lousa .sx--estreito .sx-casos .sx-def { grid-column: 1 / -1; margin: -6px 0 6px 1em; }
.aula-live-lousa .sx--estreito .sx-cols { grid-auto-flow: row; gap: 0; }
.aula-live-lousa .sx--estreito .sx-col + .sx-col { border-left: 0; padding-left: 0; border-top: 2px dashed var(--arr-traco); padding-top: 14px; margin-top: 14px; }
.aula-live-lousa .sx--estreito .sx-itens { flex-direction: column; gap: 14px; }
.aula-live-lousa .sx--estreito .sx-item { flex-direction: row; flex-wrap: wrap; gap: 4px 12px; text-align: left; align-items: center; }
.aula-live-lousa .sx--estreito .sx-item .sx-fig { order: -1; }
.aula-live-lousa .sx-txt { display: flex; flex-direction: column; gap: 16px; }

/* a demonstração embaixo das fórmulas (produtos notáveis: as ligações da distributiva) */
.aula-live-lousa .sx-demo { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-top: 18px; }

/* exemplos (física em diante): a frase em cima, os casos embaixo */
.aula-live-lousa .sx-exemplos__frase { margin: 0 auto 16px; text-align: center; }

/* equação química (química): cada equação na caixa; cada espécie, "+" e a seta são uma ficha de 3 andares (condição, fórmula,
   nome da espécie); os reagentes e "seta + produtos" quebram depois da seta quando não cabem numa linha */
.aula-live-lousa .sx-eq-lado { display: flex; gap: 24px 44px; align-items: center; justify-content: center; }
.aula-live-lousa .sx-eqs { display: flex; flex-direction: column; align-items: center; gap: 22px; }
.aula-live-lousa .sx-eqbloco { display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 100%; }
.aula-live-lousa .sx-eq { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 10px 14px; padding: 8px 18px 10px; }
.aula-live-lousa .sx-eq__lado { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 10px 14px; }
.aula-live-lousa .sx-eq__ficha { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.aula-live-lousa .sx-eq__cond { display: none; font-size: clamp(15px, 1.6vw, 18px); line-height: 1.2; white-space: nowrap; }
.aula-live-lousa .sx-eq--cond .sx-eq__cond { display: flex; align-items: flex-end; height: 1.3em; }
.aula-live-lousa .sx-eq__m { display: flex; align-items: center; justify-content: center; font-size: var(--sx-f); min-height: 1.7em; }
.aula-live-lousa .sx-eq__f .fig-solution { margin: 0; }
.aula-live-lousa .aula-parte .sx-eq__f .fig-solution__line { white-space: nowrap; overflow-wrap: normal; }
.aula-live-lousa .sx-eq__mais { line-height: 1; }
.aula-live-lousa .sx-eq__seta { display: flex; align-items: center; color: var(--quadro-giz); }
.aula-live-lousa .sx-eq__seta svg { display: block; position: static; }
.aula-live-lousa .sx-eq__nome { font-size: clamp(13px, 1.4vw, 16px); opacity: .85; text-align: center; line-height: 1.15; max-width: 6.4em; }
.aula-live-lousa .sx--estreito .sx-eq-lado { flex-direction: column; gap: 18px; }
.aula-live-lousa .sx--estreito .sx-eq { padding: 8px 10px 10px; gap: 8px 9px; }
.aula-live-lousa .sx--estreito .sx-eq__lado { gap: 8px 9px; }