/* AGEFY_STUDY_S1B_LAYOUT_FINAL — Etapa Study S1B
   Camada final e única de tipografia/cor da aba Resumos e do resumo
   pós-questão. Carregada depois de todos os CSS antigos da aba Resumos
   (disciplina-filter, organizacao-estrutural, font-system-fix,
   contrast-fix, enhancer, cores-vivas, harmonia-v3) para vencer a
   cascata sem precisar apagar esses arquivos. Usa os mesmos tokens de
   cor escura já validados na página "Resumo do tópico" (Etapa 9P), para
   manter uma única linguagem visual no Study. Reduz os destaques a
   exatamente 4 categorias: REGRA, EXCEÇÃO, PEGADINHA IDECAN, MEMORIZE. */

.study-resumo-formatado {
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  color: #f1f5f9 !important;
  max-width: 760px;
}

.study-resumo-formatado p,
.study-resumo-formatado li,
.study-resumo-formatado div,
.study-resumo-formatado span {
  color: #f1f5f9 !important;
  font-weight: 400 !important;
}

.study-resumo-formatado p {
  margin: 0 0 16px !important;
  background: none !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.study-resumo-formatado p strong {
  color: #ffffff !important;
  background: none !important;
  font-weight: 800 !important;
  padding: 0 !important;
}

/* Título do resumo (linha de abertura) — 26px desktop / 23px mobile */
.study-resumo-formatado .srf-topline {
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  background: none !important;
  border: 0 !important;
  border-left: 4px solid #60a5fa !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 0 14px !important;
  margin: 0 0 20px !important;
}

/* Subtítulos de seção — 21px desktop / 19px mobile */
.study-resumo-formatado .srf-h3 {
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid #1e2d45 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  padding: 0 0 8px !important;
  margin: 28px 0 14px !important;
}

.study-resumo-formatado .srf-h3::before {
  content: none !important;
}

.study-resumo-formatado .srf-divider {
  height: 1px !important;
  background: #1e2d45 !important;
  border: 0 !important;
  margin: 20px 0 !important;
}

.study-resumo-formatado .srf-ul,
.study-resumo-formatado .srf-ol {
  margin: 8px 0 18px 20px !important;
  padding: 0 !important;
}

.study-resumo-formatado .srf-ul li,
.study-resumo-formatado .srf-ol li {
  margin: 8px 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.study-resumo-formatado .srf-ul li::marker,
.study-resumo-formatado .srf-ol li::marker {
  color: #60a5fa !important;
}

/* Exatamente 4 destaques — mesmos tokens da página "Resumo do tópico" */
.study-resumo-formatado .srf-callout {
  border-radius: 12px !important;
  padding: 16px !important;
  margin: 16px 0 !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.study-resumo-formatado .srf-callout strong {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}

.study-resumo-formatado .srf-callout.regra {
  border: 1px solid #3a4a6b !important;
  background: #0c1830 !important;
  color: #ffffff !important;
}
.study-resumo-formatado .srf-callout.regra strong { color: #93c5fd !important; }

.study-resumo-formatado .srf-callout.excecao {
  border: 1px solid #92500f !important;
  background: #241705 !important;
  color: #ffe1b8 !important;
}
.study-resumo-formatado .srf-callout.excecao strong { color: #fdba74 !important; }

.study-resumo-formatado .srf-callout.pegadinha {
  border: 1px solid #9b2c2c !important;
  background: #220c0c !important;
  color: #ffd2d2 !important;
}
.study-resumo-formatado .srf-callout.pegadinha strong { color: #fca5a5 !important; }

.study-resumo-formatado .srf-callout.memorize {
  border: 1px solid #0f766e !important;
  background: #062420 !important;
  color: #ccfbf1 !important;
}
.study-resumo-formatado .srf-callout.memorize strong { color: #5eead4 !important; }

/* Marcações inline — mesma paleta dos 4 destaques, sem caixa/gradiente */
.study-resumo-formatado .srf-mark {
  display: inline !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  border-radius: 0 !important;
}

.study-resumo-formatado .srf-mark-regra { color: #93c5fd !important; }
.study-resumo-formatado .srf-mark-excecao { color: #fdba74 !important; }
.study-resumo-formatado .srf-mark-pegadinha { color: #fca5a5 !important; }
.study-resumo-formatado .srf-mark-memorize { color: #5eead4 !important; }

.study-resumo-formatado p:has(.srf-mark),
.study-resumo-formatado li:has(.srf-mark) {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Neutraliza qualquer classe antiga que ainda exista em cache do
   navegador (defesa em profundidade — enhancer/highlights/color-balance
   já não emitem mais essas classes). */
.study-resumo-formatado .srf-tone-orange,
.study-resumo-formatado .srf-tone-blue,
.study-resumo-formatado .srf-tone-green,
.study-resumo-formatado .srf-tone-purple,
.study-resumo-formatado .srf-tone-red,
.study-resumo-formatado .srf-box,
.study-resumo-formatado .srf-callout.mem,
.study-resumo-formatado .srf-callout.ex,
.study-resumo-formatado .srf-callout.warn,
.study-resumo-formatado .srf-callout.info,
.study-resumo-formatado .srf-mark-banca,
.study-resumo-formatado .srf-mark-prova,
.study-resumo-formatado .srf-mark-alerta,
.study-resumo-formatado .srf-mark-lei,
.study-resumo-formatado .srf-mark-memo {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.study-resumo-formatado .srf-box-title {
  display: none !important;
}

@media (max-width: 720px) {
  .study-resumo-formatado {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .study-resumo-formatado .srf-topline {
    font-size: 18px !important;
  }
  .study-resumo-formatado .srf-h3 {
    font-size: 16px !important;
  }
}