/* ═══ Wiki (R-49) ═════════════════════════════════════════════════════
   Maqueta aprobada: maquetas/wiki/. Tres columnas en la compu (listado |
   contenido | "En esta página"), una sola en el celular: el listado va en
   el menú lateral (#wiki-drawer, .dialog--drawer de ui.js) y "En esta
   página" en un .disclosure arriba del contenido. Mobile-first.

   Azul = links y la página / sección donde estás (dato de navegación,
   como en la maqueta). Las tablas son las de Info (info.css) y los
   avisos, .callout de base.css. */

/* ── Estructura ────────────────────────────────────────────────────── */
.wiki {
  display: grid;
  gap: var(--space-lg);
  padding-block: var(--space-lg) var(--space-2xl);
}
.wiki__sidebar,
.wiki__toc-aside { display: none; }
.wiki__mobile-bar { margin-top: var(--space-sm); }
.wiki__toc-inline { margin-top: var(--space-md); }
.wiki__drawer-navigation { padding-block: var(--space-sm) var(--space-lg); }

/* ── Listado de secciones y páginas ───────────────────────────────── */
.wiki-nav__section + .wiki-nav__section { margin-top: var(--space-md); }
.wiki-nav__section-title {
  margin-bottom: var(--space-2xs);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-label);
  text-transform: uppercase;
}
.wiki-nav__link {
  display: flex;
  align-items: center;
  min-height: var(--touch-target);
  padding-inline: var(--space-sm);
  border-left: var(--accent-border-width) solid var(--color-border);
  color: var(--color-text-muted);
  font-size: var(--font-size-md);
  text-decoration: none;
}
.wiki-nav__link:hover {
  background: var(--color-surface-raised);
  color: var(--color-text);
}
.wiki-nav__link[aria-current="page"] {
  border-left-color: var(--color-data);
  color: var(--color-data);
  font-weight: var(--font-weight-bold);
}

/* ── Contenido ────────────────────────────────────────────────────── */
.wiki-page { min-width: 0; }
.wiki-page__breadcrumb {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}
.wiki-page__breadcrumb-link {
  color: var(--color-data);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
}
.wiki-page__breadcrumb-link:hover { color: var(--color-text); }

.wiki-page__body {
  margin-top: var(--space-lg);
  overflow-wrap: anywhere;
}
.wiki-page__body > :first-child { margin-top: 0; }

.wiki-page__heading {
  margin-top: var(--space-2xl);
  font-size: var(--font-size-heading-lg);
}
.wiki-page__subheading {
  margin-top: var(--space-xl);
  font-size: var(--font-size-heading-md);
}
/* El "#" de cada título: copia el link exacto para pasarlo en Discord o en una noticia */
.wiki-page__anchor {
  margin-left: var(--space-2xs);
  color: var(--color-text-muted);
  text-decoration: none;
}
.wiki-page__anchor:hover { color: var(--color-data); }

.wiki-page__paragraph,
.wiki-page__list {
  margin-top: var(--space-sm);
  color: var(--color-text-muted);
}
.wiki-page__list {
  padding-left: var(--space-lg);
  list-style: disc;
}
.wiki-page__list--ordered { list-style: decimal; }
.wiki-page__list-item + .wiki-page__list-item { margin-top: var(--space-2xs); }
.wiki-page__strong { color: var(--color-text); }
.wiki-page__link {
  color: var(--color-data);
  font-weight: var(--font-weight-semibold);
}
.wiki-page__link:hover { color: var(--color-text); }
.wiki-page__code {
  color: var(--color-data);
  font-weight: var(--font-weight-bold);
}
.wiki-page__image {
  height: auto;
  margin-block: var(--space-sm);
  border-radius: var(--radius-md);
}
.wiki-page__table,
.wiki-page__callout { margin-top: var(--space-md); }

/* ── "En esta página" ─────────────────────────────────────────────── */
.wiki-toc__title {
  margin-bottom: var(--space-xs);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-label);
  text-transform: uppercase;
}
.wiki-toc__link {
  display: flex;
  align-items: center;
  min-height: var(--touch-target);
  padding-inline: var(--space-sm);
  border-left: var(--accent-border-width) solid var(--color-border);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  text-decoration: none;
}
.wiki-toc__link:hover { color: var(--color-text); }
/* wiki.js marca el título que se está leyendo */
.wiki-toc__link[aria-current="location"] {
  border-left-color: var(--color-data);
  color: var(--color-data);
}

/* ── Anterior / Siguiente ─────────────────────────────────────────── */
.wiki-pager {
  display: grid;
  gap: var(--space-sm);
  margin-top: var(--space-2xl);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--color-border);
}
.wiki-pager__link {
  display: block;
  padding: var(--space-sm) var(--space-md);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text);
  text-decoration: none;
}
.wiki-pager__link:hover { border-color: var(--color-data); }
.wiki-pager__link--next { text-align: right; }
.wiki-pager__label {
  display: block;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}
.wiki-pager__title {
  display: block;
  color: var(--color-data);
  font-family: var(--font-display);
  font-size: var(--font-size-heading-md);
  font-weight: var(--font-weight-heavy);
  line-height: var(--line-height-heading);
}

@media (min-width: 700px) {
  .wiki-pager { grid-template-columns: 1fr 1fr; }
  .wiki-pager__link--next { grid-column: 2; }
}

/* Escritorio: el listado pasa a la izquierda, fijo al bajar. Sus links siguen
   midiendo --touch-target: entre 900 y 1100 px hay tablets que se usan con el dedo. */
@media (min-width: 900px) {
  .wiki {
    grid-template-columns: var(--wiki-sidebar-width) minmax(0, 1fr);
    align-items: start;
  }
  .wiki__sidebar {
    display: block;
    position: sticky;
    top: calc(var(--header-height-desktop) + var(--space-lg));
    max-height: calc(100vh - var(--header-height-desktop) - 2 * var(--space-lg));
    overflow-y: auto;
  }
  .wiki__mobile-bar { display: none; }
}

/* Compu ancha: "En esta página" pasa a la derecha, también fijo */
@media (min-width: 1100px) {
  .wiki { grid-template-columns: var(--wiki-sidebar-width) minmax(0, 1fr) var(--wiki-toc-width); }
  .wiki__toc-aside {
    display: block;
    position: sticky;
    top: calc(var(--header-height-desktop) + var(--space-lg));
  }
  .wiki__toc-inline { display: none; }
}

/* Con mouse (puntero fino), "En esta página" se compacta para entrar entero al lado
   del texto; con el dedo conserva los 44 px de --touch-target */
@media (min-width: 1100px) and (pointer: fine) {
  .wiki-toc__link {
    min-height: 0;
    padding-block: var(--space-2xs);
  }
}