/* analise.css — estilos compartilhados de caminhos.html e relatorios.html.
   Herda o layout de sumário sticky + conteúdo de como-ler.css e adiciona
   componentes específicos: tese-frases, evidência, referências de análise,
   dossiês exemplares, casos exemplares. */

.analise-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: var(--space-6);
  max-width: var(--container-max-wide);
  margin: 0 auto;
  padding: var(--space-6);
}
@media (max-width: 900px) {
  .analise-layout { grid-template-columns: 1fr; }
  .analise-sumario { position: static; max-height: none; }
}

/* Sumário lateral (herda ideia do como-ler mas com ajustes) */
.analise-sumario {
  position: sticky;
  top: var(--space-4);
  align-self: start;
  max-height: calc(100vh - var(--space-8));
  overflow-y: auto;
  padding-right: var(--space-4);
  border-right: 1px solid var(--surface-shade);
}
.analise-sumario__titulo {
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.85rem;
  margin-bottom: var(--space-3);
}
.analise-sumario ol,
.analise-sumario ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.analise-sumario > ol { counter-reset: bloco; }
.analise-sumario > ol > li { counter-increment: bloco; margin-bottom: var(--space-2); }
.analise-sumario a {
  display: flex;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  color: var(--ink-secondary);
  border: none;
  font-family: var(--font-sans);
  font-size: 0.93rem;
  transition: background var(--transition), color var(--transition);
  line-height: 1.35;
}
.analise-sumario > ol > li > a::before {
  content: counter(bloco, decimal-leading-zero);
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--ink-muted);
  font-size: 0.85em;
  min-width: 24px;
}
.analise-sumario a:hover {
  background: var(--surface-shade);
  color: var(--ink-primary);
}
.analise-sumario a.ativo {
  background: var(--surface-shade);
  color: var(--ink-primary);
  border-left: 2px solid var(--accent-bordo);
  padding-left: calc(var(--space-3) - 2px);
}
.analise-sumario__sub {
  padding-left: var(--space-5);
  margin: var(--space-1) 0 var(--space-3);
}
.analise-sumario__sub a {
  font-size: 0.85rem;
  padding: 4px var(--space-2);
  color: var(--ink-muted);
}
.analise-sumario__sub a::before { display: none; }

/* Conteúdo */
.analise-conteudo {
  max-width: 78ch;
  padding-bottom: var(--space-9);
  min-width: 0;
}
.analise-conteudo h1 {
  font-size: var(--fs-hero);
  line-height: 1.1;
  margin-bottom: var(--space-3);
}
.analise-conteudo > .subtitulo {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 1.3rem;
  color: var(--ink-secondary);
  margin-bottom: var(--space-7);
  max-width: 62ch;
  line-height: 1.5;
}
.analise-conteudo > .abertura {
  margin-bottom: var(--space-8);
  max-width: 72ch;
}
.analise-conteudo > .abertura p {
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--ink-primary);
}

/* Blocos numerados grandes (Bloco 1, 2, 3, 4 em CAMINHOS) */
.analise-bloco {
  padding-block: var(--space-8);
  border-top: 1px solid var(--surface-shade);
  scroll-margin-top: var(--space-6);
  counter-reset: subbloco;
}
.analise-bloco:first-of-type { border-top: none; padding-top: var(--space-6); }
.analise-bloco > .rotulo-bloco {
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--accent-bordo);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.85rem;
  margin-bottom: var(--space-2);
  display: block;
}
.analise-bloco h2 {
  font-size: var(--fs-h1);
  margin-bottom: var(--space-5);
  color: var(--ink-primary);
}
.analise-bloco h3 {
  font-family: var(--font-serif);
  font-size: 1.4rem;
  margin-top: var(--space-6);
  margin-bottom: var(--space-3);
  color: var(--ink-primary);
  scroll-margin-top: var(--space-6);
  counter-increment: subbloco;
}
.analise-bloco h3 .numero {
  color: var(--ink-muted);
  font-style: italic;
  font-size: 0.85em;
  margin-right: var(--space-2);
}
.analise-bloco p,
.analise-bloco li {
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--ink-primary);
  max-width: 72ch;
}
.analise-bloco p {
  margin-block: 0 var(--space-4);
}
.analise-bloco ul,
.analise-bloco ol {
  padding-left: var(--space-6);
  margin-bottom: var(--space-5);
  max-width: 72ch;
}
.analise-bloco li { margin-bottom: var(--space-3); }
.analise-bloco code {
  background: var(--surface-shade);
  padding: 2px 6px;
  border-radius: var(--radius-sm);
  font-size: 0.88em;
  color: var(--ink-primary);
}
.analise-bloco strong { font-weight: 600; }

/* Tese-frase — os "resumos de força" das conclusões */
.tese-frase {
  background: linear-gradient(180deg, var(--surface-page) 0%, var(--surface-elevated) 100%);
  border-left: 4px solid var(--accent-bordo);
  padding: var(--space-5) var(--space-6);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  margin: var(--space-5) 0;
  max-width: 74ch;
}
.tese-frase__frase {
  font-family: var(--font-serif);
  font-size: 1.35rem;
  line-height: 1.35;
  color: var(--ink-primary);
  margin-bottom: var(--space-3);
  font-weight: 500;
}
.tese-frase__desenvolvimento {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--ink-secondary);
  margin: 0;
}

/* Ref de análise: link para o relatório detalhado */
.ref-analise {
  display: inline-block;
  padding: 1px 6px;
  background: var(--surface-shade);
  color: var(--ink-secondary);
  font-family: var(--font-mono);
  font-size: 0.78em;
  border-radius: var(--radius-sm);
  border-bottom: none;
  letter-spacing: 0.02em;
  margin: 0 2px;
  transition: background var(--transition), color var(--transition);
}
.ref-analise:hover {
  background: var(--accent-bordo);
  color: var(--ink-inverse);
}

/* Chip-códigos WR-CAD */
.chip-codigo-inline {
  font-family: var(--font-mono);
  font-size: 0.88em;
  color: var(--accent-bordo);
  background: transparent;
  border-bottom: 1px dotted var(--accent-bordo);
  padding-bottom: 1px;
  letter-spacing: 0.02em;
  transition: color var(--transition), border-bottom-style var(--transition);
}
.chip-codigo-inline:hover {
  color: var(--accent-bordo-hover);
  border-bottom-style: solid;
}

/* Callouts específicos das páginas analíticas */
.callout-caveat {
  background: rgba(184, 135, 58, 0.06);
  border-left: 3px solid var(--accent-ocre);
  padding: var(--space-4) var(--space-5);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  margin-block: var(--space-5);
  max-width: 74ch;
}
.callout-caveat__titulo {
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--accent-ocre);
  margin-bottom: var(--space-2);
  font-size: 1rem;
  letter-spacing: 0.02em;
}
.callout-caveat p {
  font-size: 0.98rem;
  color: var(--ink-primary);
  margin: 0;
}

/* Casos exemplares (relatorios.html) */
.casos-exemplares {
  background: var(--surface-page);
  border: 1px solid var(--surface-shade);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  margin-block: var(--space-5);
  max-width: 74ch;
}
.casos-exemplares__titulo {
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--ink-secondary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.85rem;
  margin-bottom: var(--space-3);
}
.casos-exemplares ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.casos-exemplares li {
  padding-block: var(--space-2);
  border-bottom: 1px solid var(--surface-shade);
  font-size: 0.98rem;
  line-height: 1.55;
  margin: 0;
}
.casos-exemplares li:last-child { border-bottom: none; }

/* Seções auxiliares dos capítulos de relatórios */
.cap-aux {
  background: var(--surface-page);
  border-left: 2px solid var(--surface-shade);
  padding: var(--space-4) var(--space-5);
  margin-block: var(--space-5);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  max-width: 74ch;
}
.cap-aux h4 {
  font-family: var(--font-serif);
  font-size: 1.05rem;
  font-style: italic;
  color: var(--ink-secondary);
  margin-bottom: var(--space-2);
}
.cap-aux ul {
  padding-left: var(--space-4);
  margin: 0;
}
.cap-aux li { font-size: 0.98rem; margin-bottom: var(--space-2); }

/* Dossiês de casos (F-01, F-02 no relatorios.html; caminhos usa lista simples) */
.dossie {
  background: var(--surface-page);
  border: 1px solid var(--surface-shade);
  border-radius: var(--radius-md);
  padding: var(--space-4) var(--space-5);
  margin-block: var(--space-4);
  max-width: 74ch;
}
.dossie__codigo {
  font-family: var(--font-mono);
  font-size: 0.92rem;
  color: var(--accent-bordo);
}
.dossie__titulo {
  font-family: var(--font-serif);
  font-size: 1.15rem;
  color: var(--ink-primary);
  margin-block: var(--space-1) var(--space-3);
}
.dossie p { font-size: 0.98rem; margin-bottom: var(--space-2); }

/* Meta-seção final (do relatórios.html) */
.meta-secao {
  padding-block: var(--space-7);
  border-top: 2px solid var(--surface-shade);
  scroll-margin-top: var(--space-6);
}
.meta-secao > .rotulo-bloco {
  color: var(--ink-muted);
  font-family: var(--font-serif);
  font-style: italic;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.85rem;
  margin-bottom: var(--space-2);
  display: block;
}
.meta-secao h2 { font-size: var(--fs-h2); }

/* Footer da leitura */
.leitura-footer {
  margin-top: var(--space-8);
  padding-top: var(--space-5);
  border-top: 1px solid var(--surface-shade);
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--ink-muted);
  font-size: 1rem;
  text-align: center;
  max-width: 74ch;
}
