/* ==========================================================================
   pagina.css do capítulo 9, "Muitos agentes, e como saber se funcionou" (IA explicada, FAROL): só o
   que é deste capítulo. A gramática de página é a dos capítulos 7, 8 e 9, "a janela e a tira", em
   /comum-agentes/pagina.css (do diagramador do capítulo 7): o palco é a janela emoldurada, presa à
   direita em 1440 e no alto em 390; os passos são a tira de fichas chapadas. Este arquivo carrega
   depois daquele e antes de /equipe/palco.css. Constrói sobre farol.css: nenhuma cor nova. Prefixo ia-.
   ========================================================================== */

/* a capa: a linha 2 da grade (vazia, atrás do título) é onde o palco da capa desenha o evento deste
   capítulo: a caixa do modelo com o anel do arnês se multiplica em quatro, as quatro faixas enchem
   juntas e um ponto de conferência passa por elas. Como no capítulo 8, em 390 isso pede mais altura
   que a linha digitada do 7: o mínimo sobe de 140 para 180 px. Em 1440 a linha já tem cerca de 400 px. */
@media (max-width: 959px) {
  .ia-capa { grid-template-rows: auto minmax(180px, 1fr) auto auto; }
}

/* o título da capa tem 41 letras (o 7 tem 28, o 8 tem 17): no corpo do comum (136 px em 1440) ele
   não cabe em três linhas na coluna do título e desce a cinco. Aqui o corpo é menor e o título fecha
   em três linhas (MUITOS AGENTES, / E COMO SABER / SE FUNCIONOU) em 1440 e em quatro em 390; a linha
   livre da capa continua com o mesmo tamanho dos capítulos 7 e 8. */
.ia-capa h1 { font-size: clamp(44px, 6.9vw, 100px); max-width: 15ch; }
@media (max-width: 959px) {
  .ia-capa h1 { font-size: clamp(40px, 11.6vw, 80px); max-width: none; }
}

/* a régua em 390 com o assunto longo: nos 48% do comum ele quebra em três linhas (41 px); a 50% fecha
   em duas (26 px) e a linha da régua continua visível (53 px na capa e no cabeço, 67 no fecho) */
@media (max-width: 959px) {
  .ia-capa .masthead > :last-child, .ia-cabeco .masthead > :last-child, .ia-fecho .masthead > :last-child { max-width: 50%; }
}

/* o sumário da capa com DEZ blocos (o 7 tem doze, o 8 onze): dez colunas de 1200 px para cima e duas
   linhas de cinco entre 600 e 1199 (a faixa fecha a linha); abaixo de 600 vale a grade de três do
   comum, e a última linha fica com um só (3 + 3 + 3 + 1), como uma faixa que não fecha a linha */
@media (min-width: 1200px) {
  .ia-sumario ol { grid-template-columns: repeat(10, minmax(0, 1fr)); }
}
@media (min-width: 600px) and (max-width: 1199px) {
  .ia-sumario ol { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}