/* Race Centre — layout only; pieces come from components.css (tabs, filters, acc,
 * tbl, spec, tag, box, empty). The reunião card is a light «ticket»: head,
 * four facts, páreos accordion, links to the documents. */

.rc-tabs .tabs { margin-bottom: 4px; }
.rc-panel { display: grid; gap: var(--space-24); }
.rc-panel:focus-visible { outline-offset: 6px; }

/* ── reunião card ─────────────────────────────────────────────────────── */
.rc-card {
  background: var(--color-surface-white); border: 1px solid var(--line-light); border-top: 3px solid var(--color-brand);
  scroll-margin-top: calc(var(--header-h) + 16px);
}
.rc-card--past { border-top-color: var(--color-ink); }
.rc-card__head {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px 20px; align-items: center;
  padding: 20px 24px; border-bottom: 1px solid var(--line-light);
}
.rc-card__head .box { width: 52px; height: 52px; font-size: 1.125rem; }
.rc-card__title h3 {
  font-family: var(--font-display); font-stretch: 80%; font-weight: 800; font-size: 1.5rem;
  line-height: 1.05; text-transform: uppercase;
}
.rc-card__title p { margin-top: 6px; font: var(--fs-small) var(--font-mono); color: var(--color-muted-light); }
.rc-card__tags { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }

.rc-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-bottom: 1px solid var(--line-light); }
.rc-facts > div { padding: 18px 24px 20px; border-right: 1px solid var(--line-light); min-width: 0; }
.rc-facts > div:last-child { border-right: 0; }
.rc-facts dt {
  display: flex; align-items: center; gap: 8px;
  font: 500 var(--fs-micro)/1.2 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--color-muted-light);
}
.rc-facts dt .icon { width: 16px; height: 16px; }
.rc-facts dd { margin: 10px 0 0; font: 500 1.75rem/1 var(--font-mono); letter-spacing: -.02em; }
.rc-facts dd small { display: block; margin-top: 8px; line-height: 1.35; font-size: var(--fs-label); letter-spacing: 0; color: var(--color-muted-light); }
.rc-facts .rc-facts__status { font: 800 1.5rem/1 var(--font-display); font-stretch: 80%; text-transform: uppercase; letter-spacing: 0; color: var(--color-data-light); }
.rc-facts .rc-facts__status small { font-family: var(--font-mono); font-weight: 400; text-transform: none; font-stretch: 100%; }

.rc-card__body { padding: 8px 24px 24px; }
.rc-card__lede { margin: 16px 0 20px; max-width: 72ch; color: var(--color-muted-light); font-size: var(--fs-small); }
.rc-card__foot { padding: 18px 24px 22px; border-top: 1px solid var(--line-light); }

/* páreos accordion inside the card: full-width tables, not the 72ch FAQ measure */
.rc-paros { border-top: 0; }
.rc-paros .acc__item:last-child { border-bottom: 0; }
.rc-paros .acc__body > div > div { max-width: none; color: var(--color-ink); padding-bottom: 8px; }
.rc-paro { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: center; }
.rc-paro__t { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rc-paro__t strong { font-family: var(--font-display); font-stretch: 85%; font-weight: 800; font-size: 1.125rem; text-transform: uppercase; line-height: 1.15; }
.rc-paro__t > span { font: 400 var(--fs-small)/1.4 var(--font-mono); color: var(--color-muted-light); overflow-wrap: anywhere; }
.rc-paro__meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; margin: 4px 0 16px; }
.rc-paro__meta p { color: var(--color-muted-light); font-size: var(--fs-small); }
.rc-paro__more { margin-top: 12px; font-size: var(--fs-small); }
.rc-paro__more a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 600; text-underline-offset: 3px; }
.rc-paro__more a:hover { color: var(--color-data-light); }
.rc-paro__more .icon { width: 18px; height: 18px; }

/* chamada: condição takes the wide column */
.rc-cond .cav .horse { font-size: 1rem; }

/* empty states */
.rc-panel .empty { display: grid; justify-items: center; gap: 12px; }
.rc-panel .empty p { max-width: 60ch; }
.rc-empty__t { font-family: var(--font-display); font-stretch: 80%; font-weight: 800; font-size: 1.375rem; text-transform: uppercase; color: var(--color-ink); }
.rc-panel .empty .box { margin: 0; }

/* ── como ler ─────────────────────────────────────────────────────────── */
.rc-how { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.rc-how__media { margin-top: 32px; }
.rc-how__media .ph { border: 1px solid var(--line-dark-strong); }
.rc-gloss { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--line-dark-strong); }
.rc-gloss > div { padding: 18px 20px 20px 0; border-bottom: 1px solid var(--line-dark); }
.rc-gloss > div:nth-child(even) { padding-left: 20px; border-left: 1px solid var(--line-dark); }
.rc-gloss dt { font: 500 var(--fs-micro)/1.2 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--color-data); }
.rc-gloss dd { margin: 8px 0 0; font-size: var(--fs-small); color: var(--color-muted); }
.rc-gloss a, .sec__intro a { color: var(--color-text); text-decoration: underline; text-underline-offset: 3px; }
.rc-gloss a:hover, .sec__intro a:hover { color: var(--color-brand); }

/* ── faq ──────────────────────────────────────────────────────────────── */
.rc-faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: clamp(32px, 5vw, 80px); align-items: start; }

/* ── responsive ───────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .rc-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rc-facts > div:nth-child(2) { border-right: 0; }
  .rc-facts > div:nth-child(-n+2) { border-bottom: 1px solid var(--line-light); }
  .rc-how, .rc-faq { grid-template-columns: minmax(0, 1fr); }
  .rc-card__foot { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .rc-card__head { grid-template-columns: auto minmax(0, 1fr); }
  .rc-card__tags { grid-column: 1 / -1; justify-content: flex-start; }
  .rc-paro__meta { flex-direction: column; align-items: stretch; }
  .rc-cond tbody tr { border-left-color: var(--color-data-light); }
}
@media (max-width: 600px) {
  .rc-card__head, .rc-card__body, .rc-card__foot { padding-inline: 16px; }
  .rc-card__foot { grid-template-columns: minmax(0, 1fr); }
  .rc-card__head .box { width: 44px; height: 44px; font-size: 1rem; }
  .rc-card__title h3 { font-size: 1.25rem; }
  .rc-facts > div { padding: 14px 16px 16px; }
  .rc-facts dd { font-size: 1.375rem; }
  .rc-facts .rc-facts__status { font-size: 1.25rem; }
  .rc-paro { gap: 12px; }
  .rc-paro__t strong { font-size: 1rem; }
  .rc-gloss { grid-template-columns: minmax(0, 1fr); }
  .rc-gloss > div:nth-child(even) { padding-left: 0; border-left: 0; }
  .rc-panel .empty { padding: 32px 16px; }
  .rc-tabs .tabs--text { display: grid; grid-template-columns: repeat(3, auto); justify-content: space-between; }
  .rc-tabs .tabs--text .tab { margin-right: 0; padding-right: 0; font-size: 1rem; }
}
@media (max-width: 389px) {
  .rc-facts { grid-template-columns: minmax(0, 1fr); }
  .rc-facts > div { border-right: 0; border-bottom: 1px solid var(--line-light); }
  .rc-facts > div:last-child { border-bottom: 0; }
}