/* colophon/colophon.css: the Colophon and its licence pages. Chrome, so
   it declares no face: everything inherits the system UI face (AGENTS.md
   row 9), the licence texts included, and nothing here can flash. Links
   are 24px targets, the measure keeps prose readable, and at 320px
   everything reflows: long names and URLs break rather than scroll. */
[estilo-colophon] {
  max-inline-size: 46rem;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
[estilo-colophon] h2 {
  margin-block-start: var(--rst-sp-6);
  padding-block-end: var(--rst-sp-2);
  border-block-end: 1px solid var(--rst-line);
}
[estilo-colophon] a { display: inline-block; min-block-size: 24px; max-inline-size: 100%; }
[estilo-colophon] ul[role="list"] { list-style: none; padding: 0; margin: 0; }

[estilo-colophon-contents] ul { display: flex; flex-wrap: wrap; gap: var(--rst-sp-2) var(--rst-sp-4); }
[estilo-colophon-count] { color: var(--rst-text-muted); font-size: var(--rst-fs-sm); }

[estilo-colophon-entry] {
  padding-block: var(--rst-sp-3);
  border-block-end: 1px solid var(--rst-line);
}
[estilo-colophon-entry] h3 { margin-block: 0 var(--rst-sp-2); font-size: 1.0625rem; }
[estilo-colophon-entry] p { margin-block: 0 var(--rst-sp-2); }
[estilo-colophon-entry] dl {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--rst-sp-4);
  margin-block: 0 var(--rst-sp-2);
  font-size: var(--rst-fs-sm);
}
[estilo-colophon-entry] dl > div { display: flex; gap: var(--rst-sp-2); align-items: baseline; min-inline-size: 0; }
/* The label never shrinks: under overflow-wrap: anywhere a flex item may
   be squeezed to one character, and "Version" beside nine versions wrapped
   to four lines at 320px. The value takes the rest and wraps instead. */
[estilo-colophon-entry] dt { color: var(--rst-text-muted); flex: none; }
[estilo-colophon-entry] dd { margin: 0; min-inline-size: 0; flex: 1 1 auto; }
[estilo-colophon-links] { display: flex; flex-wrap: wrap; gap: var(--rst-sp-4); font-size: var(--rst-fs-sm); }

[estilo-colophon-licence] pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: inherit;
  font-size: var(--rst-fs-sm);
  padding: var(--rst-sp-3);
  background: var(--rst-surface-2);
  border-radius: var(--rst-radius-sm);
}

/* A table in a colophon page (an app's own, such as Docs' font pairs):
   rules between rows, labels at the start, the measure's width at most. */
[estilo-colophon] table { border-collapse: collapse; margin-block: var(--rst-sp-3); min-inline-size: 0; }
[estilo-colophon] th, [estilo-colophon] td {
  text-align: start;
  vertical-align: top;
  padding: var(--rst-sp-2) var(--rst-sp-4) var(--rst-sp-2) 0;
  border-block-end: 1px solid var(--rst-line);
}
[estilo-colophon] thead th { color: var(--rst-text-muted); font-weight: inherit; font-size: var(--rst-fs-sm); }
[estilo-colophon] tbody th { font-weight: 600; }