/* Resultados: stats + official notice, result accordions (h4 variant of the
 * páreo accordion), Quina result, photochart archive, chegadas.
 * The reunião card comes from pages/corridas.css. */

.res-top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 22px; align-items: stretch; margin-bottom: 26px; }
.res-top .stats { align-content: stretch; }
.res-official { align-content: center; }
.res-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.reu > .pareos { padding: 18px; }
.res-h { margin: 0; }
.res-pareo .pareo-body .table-wrap:first-child { margin-top: 12px; }
.res-qnote { display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; padding: 10px 12px; border: 2px dashed var(--color-ink); background: var(--color-bg-2); font-size: 15px; line-height: 1.5; }
.res-qnote .icon { flex: none; color: var(--color-brand-text); margin-top: 2px; }
.res-qnote b { font-family: var(--font-data); letter-spacing: .04em; }
.res-pareo .pareo-actions .ext .icon:first-child { width: 18px; height: 18px; }

/* Quina */
.res-quina { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 56px; align-items: start; }
.res-premios { margin-top: 26px; padding: 16px 18px; border: var(--bw) solid var(--color-ink); background: var(--color-surface); }
.res-premios h3 { font: 700 13px/1.3 var(--font-data); text-transform: uppercase; letter-spacing: .05em; }
.res-premios .mono { margin-top: 8px; font: 700 15px/1.55 var(--font-data); }
.res-q-photo { aspect-ratio: 1181 / 655; border: var(--bw) solid var(--color-ink); }

/* photochart */
.res-pano { margin: 0 0 26px; }
.res-pano .print { overflow: hidden; }
.res-pano img { height: auto; }
.res-gallery { align-items: start; }
.res-gallery .print { aspect-ratio: auto; }
.res-gallery .print img { height: auto; }
.res-pc-text { grid-column: span 4; display: grid; gap: 16px; align-content: start; }
.res-pc-text p { font-size: 16px; line-height: 1.6; }
.res-gal-credit { margin-top: 14px; }
.res-chegadas { margin-top: 56px; }
.res-chegadas-lead { margin: 10px 0 22px; max-width: 44em; font-size: 17px; line-height: 1.55; }

.sec--ink .cap { color: var(--color-foot-text); }

@media (max-width: 1024px) {
  .res-top { grid-template-columns: 1fr; }
  .res-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .res-quina { grid-template-columns: 1fr; gap: 36px; }
  .res-pc-text { grid-column: span 6; }
}
@media (max-width: 760px) {
  .res-filters { grid-template-columns: 1fr; padding: 14px; }
  .reu > .pareos { padding: 12px 10px; }
  .res-pc-text { grid-column: span 12; }
  .res-pano .print { height: 96px; }
  .res-pano .print img { height: 100%; object-fit: cover; object-position: 50% 50%; }
  .res-chegadas { margin-top: 40px; }
}
@media (max-width: 760px) { .dtable--cards caption { display: block; } .dtable--cards td > .status { justify-self: start; } }
.res-pareo .pareo-actions { display: grid; grid-template-columns: repeat(2, max-content); gap: 4px 28px; }
@media (max-width: 760px) { .res-pareo .pareo-actions { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 761px) { .pareo-actions .ext, .reu-foot .ext { flex-wrap: nowrap; } }