/* Ajustes da casa sobre a folha do design do blog (blog.min.css, que fica byte a byte igual a da entrega).
   Fonte: ferramentas/ajustes-do-blog.css. A ferramenta copiar-estilo-do-blog.mjs publica este arquivo como ajustes.css
   na mesma pasta versionada da folha, e o template carrega os dois, a folha primeiro. Mudou aqui: rode a ferramenta.
   Quando o design passar a cobrir uma regra, ela sai daqui.

   Grafico do renderizador da Maquina de Conteudos (08/10/2026). O corpo traz figure.mc-grafico com svg.mc-grafico__svg e
   classes mc-grafico__*, que a folha nao conhece: o SVG saia em preto (currentColor) e a tabela de apoio herdava a
   largura minima das tabelas largas, empurrando a pagina para o lado no celular. As cores sao as do campo e do braco
   que a folha ja define: a barra na cor da orbita (--o), o texto e os fios no --c-* do campo onde o grafico mora. */
.mc-grafico__titulo{font-weight:800;font-size:clamp(20px,.8vw + 17px,26px);line-height:1.1;letter-spacing:-.03em;max-width:32ch;text-wrap:balance;color:var(--c-texto)}
.mc-grafico__svg{display:block;width:100%;height:auto;color:var(--c-texto);overflow:visible}
.mc-grafico__barra,.mc-grafico__ponto{fill:var(--o)}
.mc-grafico__linha{stroke:var(--o)}
.mc-grafico__grade{stroke:var(--c-fio-tenue);stroke-opacity:1}
.mc-grafico__base{stroke:var(--c-forte)}
.mc-grafico__eixo,.mc-grafico__rotulo{fill:var(--c-texto-2);font-family:var(--fonte-dado)}
.mc-grafico__valor{fill:var(--c-texto);font-family:var(--fonte-bit)}
.mc-grafico__tabela{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mc-grafico__tabela table{min-width:0}
.mc-grafico__fonte{font-family:var(--fonte-dado);font-size:12px;line-height:1.5;color:var(--c-texto-2)}