/* Aula 8: as variáveis pivô e livres, os controles das variáveis livres, as leituras da rede e o título da parte dos blocos. */
/* A matriz de incidência 4 × 6 da rede, na guia de conceitos (a folha comum só define até mx-c4). */
.mx-c6{grid-template-columns:repeat(6,auto)}
/* O editor [A | b] tem até 7 colunas: sem isto, a largura mínima dele alarga a caixa no celular. */
.dm-painel .dm-box>*{min-width:0}
.dm-painel .dm-editor{grid-template-columns:minmax(0,1fr)}
.a8-vars{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:14px}
.a8-vars-rot{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:2px}
.a8-var{display:inline-flex;align-items:baseline;gap:4px;font:inherit;font-size:13.5px;font-weight:750;line-height:1.35;padding:4px 11px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink-2)}
.a8-var .m{font-size:1.12em;font-weight:400;color:var(--ink)}
.a8-var.is-pivo{border-color:var(--red);color:var(--red-dark)}
.a8-var.is-livre{border-color:var(--cor,#1f7a3a);color:var(--cor,#1f7a3a);background:#fafaf8}
.a8-var.is-botao{cursor:pointer}
.a8-var.is-botao:hover{border-color:var(--ink-2)}
.a8-var.is-botao[aria-pressed=true]{border-color:var(--true);background:#e5f2e8;color:var(--true)}
.a8-pesos{display:grid;gap:10px}
.a8-nos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:2px 14px;font-size:14px}
.a8-linha{font-size:13.5px;line-height:1.5;color:var(--muted)}
.a8-conta{font-family:var(--math);font-size:15px;color:var(--ink);overflow-wrap:anywhere}
.a8-coef{font-size:18px;color:var(--ink-2)}
.a8-sub{margin:44px 0 16px;display:grid;gap:8px;max-width:880px}
.a8-sub h3{font-weight:800;font-size:clamp(22px,2.6vw,28px);line-height:1.2;letter-spacing:-.025em}
.a8-sub p{font-size:16px;line-height:1.65;color:var(--muted)}
/* Passos numerados dentro do "Por quê?" do roteiro e de uma resposta de "Para pensar". */
.dm-rot-porque ol{margin:6px 0 0;padding-left:20px;display:grid;gap:4px}
.dm-rot-porque p{margin:6px 0 0}
.dm-pensar details ol{margin-top:6px;font-size:14.5px;color:var(--muted)}