/* Sobre o Jockey — identity in the page head, chapters beside a local index,
 * a hairline timeline, the Comissão block, documents and photo-credit tables. */

.doc { padding-block: clamp(3.5rem, 7vw, 6rem) 0; }
.toc__t { font: 400 var(--fs-micro)/1.2 var(--font-mono); color: var(--color-ink-2); margin-bottom: var(--space-3); letter-spacing: .02em; }
.chap { scroll-margin-top: calc(var(--header-h) + var(--space-5)); }
.chap + .chap { margin-top: clamp(4rem, 8vw, 6.5rem); }
.chap > h2 { font-size: var(--fs-h2); line-height: 1; margin-top: var(--space-4); }
.chap > h2 em { font-style: italic; color: var(--color-brand); }
.chap > .prose { margin-top: var(--space-5); font-size: 1rem; }
.chap > .prose + * { margin-top: var(--space-6); }
.chap__photo { margin-top: var(--space-7); }
.chap .links { margin-top: var(--space-5); }

/* identity list in the page head */
.facts--id { margin-top: 0; border-top-color: var(--color-ink); }
.facts--id dd { max-width: 22ch; }

/* timeline */
.tl { border-top: 1px solid var(--color-ink); }
.tl li { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: var(--space-4); padding: var(--space-4) 0; border-bottom: 1px solid var(--color-line); align-items: baseline; }
.tl__y { font-size: 1.125rem; color: var(--color-brand); }
.tl p { font-size: .9375rem; color: var(--color-ink-2); max-width: 62ch; }

/* comissão: functions + composition */
.com { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.com__t { font-size: var(--fs-h3); line-height: 1.1; }
.people { margin-top: var(--space-4); border-top: 1px solid var(--color-ink); }
.people li { display: flex; justify-content: space-between; gap: var(--space-4); padding: var(--space-3) 0; border-bottom: 1px solid var(--color-line); font-size: .9375rem; }
.people b { font-weight: 500; }
.people span { font: 400 var(--fs-micro)/1.6 var(--font-mono); color: var(--color-brand-ink); }
.people + .val-sub { margin-top: var(--space-4); }

.facts--dir dd { max-width: 28ch; }

/* documents table */
.docs .docs__t { width: 26%; }
.docs .docs__k { width: 14%; color: var(--color-ink-2); }
.docs .docs__c { color: var(--color-ink-2); }
.docs .docs__s { width: 26%; }
.docs .status { align-items: baseline; }

@media (max-width: 1080px) {
  .com { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .tl li { grid-template-columns: 3.5rem minmax(0, 1fr); gap: var(--space-3); }
  .docs td { width: auto !important; }
  .docs .docs__t { font-size: 1rem; padding-bottom: .35rem; }
  .tbl--stack td[data-l=""] { display: block; text-align: left; }
  .docs td.docs__c, .docs td.docs__s { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); text-align: left; }
}