/* -------------------------------------------------------------------------
   Estilos partilhados para conteúdo renderizado a partir de Markdown
   (filtro `markdownify` / campos *_html). Aplicado via classe .md-conteudo.
   Mantém o espaçamento controlado já que o Markdown gera <p>, <ul>, <ol>.
   ------------------------------------------------------------------------- */

.md-conteudo > :first-child { margin-top: 0; }
.md-conteudo > :last-child  { margin-bottom: 0; }

.md-conteudo p {
  margin: 0 0 0.6em;
}

.md-conteudo ul,
.md-conteudo ol {
  margin: 0 0 0.6em;
  padding-left: 1.4em;
}

.md-conteudo li {
  margin: 0.15em 0;
}

/* Títulos e separadores — usados por conteúdo de confiança (ex.: NOVIDADES.md,
   apresentado no overlay "Atualizações"). */
.md-conteudo h1,
.md-conteudo h2,
.md-conteudo h3,
.md-conteudo h4 {
  font-family: var(--font-title, sans-serif);
  line-height: 1.25;
  margin: 1.1em 0 0.5em;
}
.md-conteudo h1 { font-size: 1.35rem; }
.md-conteudo h2 { font-size: 1.15rem; color: var(--color-primary, inherit); }
.md-conteudo h3 { font-size: 1rem; }
.md-conteudo h4 { font-size: 0.9rem; }

.md-conteudo hr {
  border: none;
  border-top: 1px solid var(--color-border, #ddd);
  margin: 1.1em 0;
}

.md-conteudo strong { font-weight: 700; }
.md-conteudo em     { font-style: italic; }
.md-conteudo u      { text-decoration: underline; }

.md-conteudo a {
  color: inherit;
  text-decoration: underline;
}

/* Imagens — só existem nas Mensagens, e nunca ultrapassam a largura do modal. */
.md-conteudo img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0.8em 0;
  border-radius: var(--radius-s, 6px);
}

/* Anexo de uma mensagem — a imagem carregada no modal de composição, que é
   apresentada a seguir ao texto (FR05.1 de correcoes-mensagens.md). O tamanho
   e o recorte vêm da regra acima; aqui só a separação do texto. */
.md-conteudo .mensagem-anexo {
  margin-top: 1rem;
}

/* Quando o próprio <li> é conteúdo Markdown (ex.: provas), evita o
   espaçamento extra dos parágrafos internos. */
li.md-conteudo p { margin: 0; }

/* Sugestão de formatação por baixo das caixas de texto editáveis.

   O aspeto base — tamanho, cor e margem — é o do `.form-ajuda`, em
   css/progresso/oportunidade_modais.css: é a classe que **todas** as ajudas
   levam, e o `md-ajuda` acompanha-a sempre (FR06.3 de
   docs/specs/Notificacoes/correcoes-modal-mensagens.md). Aqui fica só o que é
   próprio de falar de Markdown. */
.md-ajuda code {
  padding: 0 0.25em;
  border-radius: 4px;
  background: var(--color-border, rgba(0, 0, 0, 0.08));
  font-size: 0.85em;
}