/* Schedule-only photo cards. Data, links and dense list mode stay native.
   Content is never hidden until card-reveal.js has enhanced a cards view. */
.gu-ui-system.schedule-browse-page .race-result-details { display:contents; }
.gu-ui-system.schedule-browse-page .race-result { row-gap:3px; }
.gu-ui-system.schedule-browse-page .race-result-art { grid-column:1;grid-row:1 / 3; }
.gu-ui-system.schedule-browse-page .race-result-main { grid-column:2;grid-row:1;align-self:end; }
.gu-ui-system.schedule-browse-page .race-result-support { grid-column:2;grid-row:2;align-self:start;min-width:0; }
.gu-ui-system.schedule-browse-page .race-result-start { grid-column:3;grid-row:1 / 3; }
.gu-ui-system.schedule-browse-page .race-result-duration { grid-column:4;grid-row:1 / 3; }
.gu-ui-system.schedule-browse-page .race-result-layout { margin:1px 0 0;color:#afbdce;font-size:12px;line-height:1.5; }
.gu-ui-system.schedule-browse-page .race-result-layout .race-result-label { color:#8395aa;margin-right:5px; }
.gu-ui-system.schedule-browse-page .race-result-brief,
.gu-ui-system.schedule-browse-page .race-reveal-cue,
.gu-ui-system.schedule-browse-page .race-class-extra { display:none; }

/* Without enhancement, card mode is an ordinary expanded layout. */
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result { display:flex;flex-direction:column;gap:12px;align-items:stretch; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result-art { height:190px; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result-main { align-self:stretch; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result-details { display:flex;flex-direction:column;gap:12px; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-class-extra { display:inline; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-class-count { display:none; }

.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced {
  --race-card-height:420px;--race-edge-a:#e52f49;--race-edge-b:#f2f4f7;
  position:relative;isolation:isolate;height:var(--race-card-height);padding:0;gap:0;overflow:hidden;
  border:1px solid transparent;border-radius:14px;background:linear-gradient(#0c131d,#0c131d) padding-box,linear-gradient(135deg,var(--race-edge-a),var(--race-edge-a) 28%,var(--race-edge-b) 72%) border-box;
  box-shadow:0 7px 22px #0002;
}
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced[data-sim="iracing"] { --race-edge-a:#e13347;--race-edge-b:#477bec; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced:not([data-sim="lmu"]):not([data-sim="iracing"]) { --race-edge-a:#737b8b;--race-edge-b:#b4becd; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-art { position:absolute;inset:0;height:100%;border-radius:12px;background:linear-gradient(150deg,#1b2837,#0c131d); }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-art::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07101b0a 20%,#07101b80 43%,#07101bf2 76%);pointer-events:none; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-photo { height:100%;object-fit:cover;object-position:center; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-track-mark { position:absolute;top:17px;right:17px;z-index:1;margin:0;width:94px;height:54px;padding:7px;background:#0b121de8;border-color:#fff4; }
/* These original catalog marks are dark on transparent. Their older catalog
   records do not yet carry needs_light_logo; keep them legible without
   recoloring the artwork or changing light/white marks such as Nürburgring. */
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-track-mark:is(
  .needs-light-logo,
  :has(img[src*="/circuit-des-24-heures-du-mans/logo/"]),
  :has(img[src*="/circuit-gilles-villeneuve/logo/"]),
  :has(img[src*="/shell-v-power-motorsport-park-at-the-bend/logo/"])
) { background:#f0f2f6ed; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-main { position:relative;z-index:2;flex-shrink:0;margin:19px 19px 0;transform:translateY(calc(var(--race-card-height) - 100% - 38px)); }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .gu-sim-identity { color:#ecf2fa;font-size:11px;gap:7px; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .gu-sim-identity img { max-height:22px; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-main h2 { font-size:20px;line-height:1.22;letter-spacing:-.025em;margin:8px 0 6px; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-main h2 a { display:block;padding-right:20px;overflow-wrap:anywhere; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-reveal-cue { display:block;position:absolute;right:0;top:39px;font-size:17px;color:#d4deeb; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-main p { color:#d2dce9;font-size:12px; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-brief { display:flex;align-items:center;flex-wrap:wrap;gap:3px 7px;margin-top:9px;color:#f3f6fb;font-size:11px;font-variant-numeric:tabular-nums; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-details { position:relative;z-index:2;display:flex;flex:1;min-height:0;gap:13px;margin-top:14px;padding:17px 19px 19px;overflow-y:auto;overscroll-behavior:contain;background:#0b131df2;border-top:1px solid #ffffff24;opacity:0;visibility:hidden;transform:translateY(18px); }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-classes { margin-top:8px; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-classes span { font-size:11px; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-start { gap:1px; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-start>.race-result-label,
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-start>strong,
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-duration>.race-result-label,
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-duration>strong { display:none; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-duration { margin-top:auto; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced .race-result-action { justify-content:space-between;align-self:stretch;margin:0;min-height:42px;padding:9px 12px;border:1px solid #ffffff35;border-radius:7px;background:#182332;color:#eef3fc; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.is-revealed .race-result-main { transform:translateY(0); }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.is-revealed .race-reveal-cue { transform:rotate(180deg); }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.is-revealed .race-result-details { opacity:1;visibility:visible;transform:translateY(0); }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.is-revealed .race-result-art::after { background:linear-gradient(#07101be8,#07101bb8); }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.is-revealed .race-result-track-mark { width:52px;height:32px;padding:4px; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.is-revealed .gu-sim-identity { max-width:calc(100% - 63px); }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.has-interacted .race-result-main { transition:transform .32s cubic-bezier(.2,.8,.2,1); }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.has-interacted .race-result-details { transition:opacity .22s ease,transform .28s ease,visibility .22s; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.has-interacted .race-result-track-mark { transition:width .25s,height .25s,padding .25s; }
.gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.has-interacted .race-reveal-cue { transition:transform .22s; }

@media(max-width:760px) {
  .gu-ui-system.schedule-browse-page [data-race-view="list"] .race-result-art { grid-column:1;grid-row:1 / 3; }
  .gu-ui-system.schedule-browse-page [data-race-view="list"] .race-result-main { grid-column:2;grid-row:1; }
  .gu-ui-system.schedule-browse-page [data-race-view="list"] .race-result-support { grid-column:2;grid-row:2; }
  .gu-ui-system.schedule-browse-page [data-race-view="list"] .race-result-start { grid-column:2;grid-row:3; }
  .gu-ui-system.schedule-browse-page [data-race-view="list"] .race-result-duration { grid-column:2;grid-row:4; }
  .gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced { --race-card-height:440px; }
}
@media(prefers-reduced-motion:reduce) {
  .gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.has-interacted .race-result-main,
  .gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.has-interacted .race-result-details,
  .gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.has-interacted .race-reveal-cue,
  .gu-ui-system.schedule-browse-page [data-race-view="cards"] .race-result.is-enhanced.has-interacted .race-result-track-mark { transition:none; }
}