/* ==========================================================================
   pagina.css do capítulo 8, "As mãos e a cerca" (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
   /arnes/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 faixa do 7 entra já montada e o anel do arnês se fecha em volta da caixa do modelo, com
   as duas mãos para o envelope e o calendário. Em 390 isso pede mais altura que a linha digitada do 7:
   o mínimo sobe de 140 para 180 px (em 390 × 664 a capa cresce 40 px; o título continua na primeira
   tela). Em 1440 a linha já tem cerca de 420 px e nada muda. */
@media (max-width: 959px) {
  .ia-capa { grid-template-rows: auto minmax(180px, 1fr) auto auto; }
}

/* o sumário da capa com ONZE blocos (o capítulo 7 tem doze): onze colunas de 1200 px para cima; abaixo
   disso valem as grades do comum (6 colunas entre 960 e 1199; 4 entre 600 e 959; 3 abaixo de 600), e a
   última linha fica incompleta (6 + 5, 4 + 4 + 3, 3 + 3 + 3 + 2), como uma faixa que não fecha a linha */
@media (min-width: 1200px) {
  .ia-sumario ol { grid-template-columns: repeat(11, minmax(0, 1fr)); }
}

/* a ficha que é só "de onde veio" (III.4, VI.3, X.4): o rótulo vermelho abre a ficha logo abaixo do
   número; sem o fio que, nas outras fichas, separa a origem do texto; corpo da ficha, não o 15 px da
   linha apensa */
.passo > .ia-passo-num + .origem { margin-top: 0; padding-top: 0; border-top: 0; font-size: var(--ia-corpo); }

/* segundo parágrafo numa ficha (VII.4, XI.1: a aplicação ao pedido da agenda) */
.ia-texto + .ia-texto { margin-top: 10px; }

/* termo solto sem nome em português (III.1 ‹Agent Skills›, IV.1 ‹computer use›): sem o recuo do original */
.termo--solto > small:first-child { margin-left: 0; }