/* ═══════════════════════════════════════════════════════════════════════════
   styles.css — arquivo COMPLETO
   Reúne as regras originais do artigo e todos os acréscimos das últimas
   rodadas. Substitua o seu por este; não é para acrescentar.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ── 1. TIPOGRAFIA DO CORPO ────────────────────────────────────────────────
   Texto justificado */

p {
  text-align: justify;
}

.titulo-grafico p {
  text-align: center;
}


/* ── 2. TABELAS LADO A LADO ────────────────────────────────────────────────
   Ocupa a coluna do corpo mais a margem direita do grid.                   */

.tabelas-side-by-side {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
}

.tabelas-side-by-side > div {
  flex: 1 1 0;
  min-width: 260px;
}


/* ── 3. WIDGETS ────────────────────────────────────────────────────────────
   Expande os gráficos do plotly para 100% do contêiner.                    */

.plotly.html-widget {
  width: 100% !important;
}


/* ── 4. AÇÕES DO REPOSITÓRIO — COLUNA DA ESQUERDA ──────────────────────────
   "Ver o código fonte", no pé da lista de capítulos.                       */

.sidebar-fonte { margin-top: 1.25rem; }

.sidebar-fonte hr {
  margin: 0 0 .75rem 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .12);
  opacity: 1;
}

.sidebar-fonte .toc-actions ul { list-style: none; padding-left: 0; margin: 0; }
.sidebar-fonte .toc-actions li { margin: .2rem 0; }

.sidebar-fonte .toc-actions a.toc-action {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .875rem;
  color: inherit;
  opacity: .7;
  text-decoration: none;
}
.sidebar-fonte .toc-actions a.toc-action:hover { opacity: 1; text-decoration: underline; }
.sidebar-fonte .toc-actions i.bi.empty { display: none; }


/* ── 5. AÇÕES DO REPOSITÓRIO — COLUNA DA DIREITA ───────────────────────────
   "Relatar erro", ao fim de "Nesta seção".                              */

#quarto-margin-sidebar .toc-actions {
  margin-top: .9rem;
  padding-top: .7rem;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

#quarto-margin-sidebar .toc-actions ul { list-style: none; padding-left: 0; margin: 0; }
#quarto-margin-sidebar .toc-actions li { margin: .15rem 0; }

#quarto-margin-sidebar .toc-actions a.toc-action {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .875rem;
  color: inherit;
  opacity: .7;
  text-decoration: none;
  line-height: 1.3;
}
#quarto-margin-sidebar .toc-actions a.toc-action:hover { opacity: 1; text-decoration: underline; }
#quarto-margin-sidebar .toc-actions i.bi.empty { display: none; }

/* capítulos sem subtítulos não têm sumário acima: dispensa a linha divisória */
#quarto-margin-sidebar .toc-actions.toc-actions-soltas {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}