/* ==========================================================================
   Wots · Chief of Agents — page-agentes.css
   Solo /agentes. Requiere base.css y pages.css antes (de ahí salen .ag-res,
   .ag-cite, .gov, .badge y .callout: acá NO se redefine ninguno).

   Qué hace este archivo, y nada más: los bloques .ag-res / .ag-cite / .gov
   viven DENTRO de <article class="prose">, que tiene `max-width: 68ch`,
   `list-style: disc` y `padding-left: 1.4em` en sus <ul>, y un `.prose code`
   con fondo propio. Sin estos ajustes la lista de recursos saldría con viñeta,
   sangrada, con la ruta pintada como código inline y con la columna de la
   descripción reducida a ~270 px. Todos los selectores van calificados con
   `.prose` para que el componente base siga intacto donde se use fuera.
   ========================================================================== */

/* ---- Lista de recursos legibles por máquina ---- */
.prose .ag-res { list-style: none; padding-left: 0; margin-top: 1.8em; }
/* Dentro de la columna de lectura no caben tres columnas: la ruta y su estado
   comparten la primera, la descripción se queda con el resto. */
.prose .ag-res__item {
  grid-template-columns: minmax(0, 190px) minmax(0, 1fr);
  grid-template-areas: "path desc" "badge desc";
  gap: 10px 22px;
  align-items: start;
  padding-left: 20px;
  margin-top: 0;
}
.prose .ag-res__path { grid-area: path; background: none; padding: 0; color: var(--green-2); }
.prose .ag-res__d { grid-area: desc; }
.prose .ag-res__item .badge { grid-area: badge; align-self: start; justify-self: start; }
/* La ruta puede ser un enlace: hereda el verde y solo marca el subrayado. */
.prose .ag-res__path a { color: inherit; text-decoration-color: var(--green-a35); }
/* Código inline dentro de la descripción: se queda con el estilo normal de .prose. */
.prose .ag-res__d code { overflow-wrap: anywhere; }

@media (max-width: 720px) {
  .prose .ag-res__item { grid-template-columns: 1fr; grid-template-areas: "path" "desc" "badge"; gap: 8px; }
}

/* ---- Bloque «cómo citar a Wots» ---- */
.prose .ag-cite { margin-top: 1.8em; }
.prose .ag-cite__q { margin-top: 0; }
.prose .ag-cite__q dfn { text-decoration-color: rgba(74, 222, 128, .5); }
.prose .ag-cite__src { margin-top: 0; max-width: none; }
.prose .ag-cite__row { margin-top: 0; }
.prose .ag-cite__row .ag-cite__src { flex: 1 1 320px; }

/* ---- «Las tres reglas»: la lista de gobierno también vive en el prose ---- */
.prose .gov { margin-top: 1.8em; }
.prose .gov__p { margin-top: 4px; }