/* summary/styles.css — mapa conceitual + tabelas compactas.
 *
 * Diferente do aprender: linha mais densa, tabelas centrais, foco em SVG/tabelas
 * em vez de leitura longa.
 */

.summary {
  font-family: var(--font-content);
  font-size: var(--fs-md);
  line-height: var(--line-base);
  color: var(--fg);
}

.summary h2,
.summary h3 {
  font-family: var(--font-display);
  letter-spacing: -0.015em;
  margin-top: var(--sp-6);
  margin-bottom: var(--sp-3);
  color: var(--fg-strong);
}
.summary h2 {
  font-size: var(--fs-xl);
  padding-bottom: var(--sp-2);
  border-bottom: 1px solid var(--border);
}
.summary h3 { font-size: var(--fs-lg); }
.summary > h2:first-child { margin-top: 0; }

.summary p { margin: 0 0 var(--sp-3); }
.summary ul, .summary ol { margin: 0 0 var(--sp-3); padding-left: var(--sp-5); }
.summary li { margin-bottom: var(--sp-1); }

.summary svg {
  display: block;
  max-width: 100%;
  height: auto;
  margin: var(--sp-4) auto;
}

.summary table {
  margin: var(--sp-3) 0;
  font-size: var(--fs-sm);
}

.summary-empty {
  padding: var(--sp-6);
  text-align: center;
  color: var(--fg-muted);
}