/* Race page components (Daniel, 2026-10-09). Enqueue with the file's modification time as the version. Colors only from the brand palette; no party colors. */
.gp-race-kicker { font: 700 12px/16px var(--gp-sans, "Public Sans", sans-serif); letter-spacing: 0.08em; text-transform: uppercase; color: #96504C; margin: 0; }
.gp-race-facts { margin: 0 0 12px; padding: 4px 0; border-top: 1px solid #CFC8BA; border-bottom: 1px solid #CFC8BA; }
.gp-race-facts > div { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 8px 0; border-bottom: 1px solid #E7E1D4; font: 400 15px/22px var(--gp-sans, "Public Sans", sans-serif); }
.gp-race-facts > div:last-child { border-bottom: 0; }
.gp-race-facts dt { font: 700 12px/22px var(--gp-sans, "Public Sans", sans-serif); letter-spacing: 0.06em; text-transform: uppercase; color: #5A5858; }
.gp-race-facts dd { margin: 0; }

.gp-race-cards { display: grid; gap: 12px; }
.gp-race-card { display: flex; gap: 14px; align-items: center; background: #FCCDB6; border-radius: 8px; padding: 14px; color: #242424; text-decoration: none; }
a.gp-race-card:hover .gp-race-card__name { text-decoration: underline; }
.gp-race-card__frame { flex: none; width: 84px; height: 84px; border-radius: 50%; background: #FFFFFF; display: flex; align-items: center; justify-content: center; }
.gp-race-card__circ { display: block; width: 78px; height: 78px; border-radius: 50%; overflow: hidden; background: #FAF6EE; }
.gp-race-card__circ img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gp-race-card__circ--initials { display: flex; align-items: center; justify-content: center; font: 700 26px/1 var(--gp-serif, "Playfair Display", Georgia, serif); }
.gp-race-card__body { min-width: 0; }
.gp-race-card__name { display: block; font: 700 22px/26px var(--gp-serif, "Playfair Display", Georgia, serif); overflow-wrap: break-word; }
.gp-race-card__name--n22 { font-size: 20px; line-height: 24px; }
.gp-race-card__name--n20 { font-size: 18px; line-height: 22px; }
.gp-race-card__title { display: block; margin-top: 2px; font: 600 14px/20px var(--gp-sans, "Public Sans", sans-serif); }
.gp-race-card__tag { display: inline-block; margin-top: 6px; padding: 1px 6px; border-radius: 4px; background: #FFFFFF; font: 700 11px/16px var(--gp-sans, "Public Sans", sans-serif); font-style: normal; letter-spacing: 0.06em; text-transform: uppercase; }

.gp-race-glance { background: #FFFFFF; border: 1px solid #CFC8BA; border-radius: 8px; overflow: hidden; }
.gp-race-glance__row { padding: 12px 14px; border-bottom: 1px solid #E7E1D4; }
.gp-race-glance__row:last-child { border-bottom: 0; }
.gp-race-glance__label { margin-bottom: 4px; font: 700 12px/16px var(--gp-sans, "Public Sans", sans-serif); letter-spacing: 0.06em; text-transform: uppercase; color: #5A5858; }
.gp-race-glance__value { font: 400 15px/22px var(--gp-sans, "Public Sans", sans-serif); }
.gp-race-glance__value p { margin: 0; }
.gp-race-glance__value small { display: block; margin-top: 2px; font-size: 13px; line-height: 18px; color: #5A5858; }
.gp-race-glance__pending { font-weight: 700; }

@media (min-width: 700px) {
	.gp-race-facts > div { grid-template-columns: 140px 1fr; }
	.gp-race-cards { grid-template-columns: 1fr 1fr; }
	.gp-race-cards--one { grid-template-columns: minmax(0, 420px); }
	.gp-race-card { padding: 18px; }
	.gp-race-card__frame { width: 104px; height: 104px; }
	.gp-race-card__circ { width: 96px; height: 96px; }
	.gp-race-card__name { font-size: 26px; line-height: 30px; }
	.gp-race-card__name--n22 { font-size: 24px; line-height: 28px; }
	.gp-race-card__name--n20 { font-size: 21px; line-height: 25px; }
	.gp-race-glance__row { display: grid; grid-template-columns: 230px 1fr; gap: 20px; align-items: start; }
	.gp-race-glance__label { margin: 2px 0 0; }
}