/*
 * Organizer RaceControl canonical layer.
 *
 * The Center Stage, Civilian Runs and Fees / Admission pages define the
 * visual reference. This file is loaded last by base.html so every marshal
 * page shares the same organizer shell and the same page primitives without
 * changing its functional markup or data hooks.
 */

:root {
  --kdb-rc-canonical-bg: #020d17;
  --kdb-rc-canonical-panel: #061b2a;
  --kdb-rc-canonical-panel-2: #041522;
  --kdb-rc-canonical-cyan: #28c8f3;
  --kdb-rc-canonical-text: #edf5f8;
  --kdb-rc-canonical-muted: #8ca1ad;
  --kdb-rc-canonical-line: rgba(40, 200, 243, .28);
  --kdb-rc-canonical-line-soft: rgba(40, 200, 243, .12);
  --kdb-rc-canonical-green: #35d184;
  --kdb-rc-canonical-yellow: #f4c237;
}

/* Organizer RaceControl shell: one geometry on every marshal page. */
body.kdb-design-system-v1.kdb-marshal-page .kdb-command-shell {
  width: 100% !important;
  min-height: 58px !important;
  height: auto !important;
  padding: 0 clamp(18px, 2.7vw, 52px) !important;
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 22px !important;
  position: relative !important;
  top: auto !important;
  z-index: 20 !important;
  color: var(--kdb-rc-canonical-text) !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(53, 200, 245, .32) !important;
  background: linear-gradient(108deg, #041925, #062f40 52%, #03141f) !important;
  box-shadow: 0 13px 34px rgba(0, 0, 0, .24) !important;
  transform: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-command-shell__identity {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 0 15px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  border: 0 !important;
  border-left: 3px solid var(--kdb-rc-canonical-cyan) !important;
  background: transparent !important;
  transform: none !important;
}

/* Lock the organizer label to one geometry on every RaceControl page. The
 * previous centered layout let page-specific shell heights move the two
 * lines relative to one another during navigation. */
body.kdb-design-system-v1.kdb-marshal-page .kdb-command-shell__identity {
  height: 58px !important;
  min-height: 58px !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  padding-top: 11px !important;
  padding-bottom: 7px !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-command-shell__identity strong {
  margin-top: 0 !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-command-shell__identity span {
  color: var(--kdb-rc-canonical-cyan) !important;
  font: 850 8px/1 KDBText, GolosText, sans-serif !important;
  letter-spacing: .18em !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-command-shell__identity strong {
  margin-top: 4px !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: italic 700 20px/1 KDBDisplay, Oswald, sans-serif !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-command-bar {
  width: auto !important;
  min-width: 0 !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  transform: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-command-bar a {
  min-width: max-content !important;
  min-height: 58px !important;
  height: auto !important;
  padding: 0 clamp(13px, 1.35vw, 25px) !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  color: #a8bfca !important;
  border: 0 !important;
  border-left: 1px solid rgba(91, 189, 226, .14) !important;
  background: transparent !important;
  font: 650 11px/1 KDBDisplay, Oswald, sans-serif !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  clip-path: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-command-bar a:hover,
body.kdb-design-system-v1.kdb-marshal-page .kdb-command-bar a.is-active,
body.kdb-design-system-v1.kdb-marshal-page .kdb-command-bar a[aria-current="page"] {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(53, 200, 245, .08), rgba(53, 200, 245, .025)) !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-command-bar a::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  height: 3px;
  background: transparent;
  box-shadow: none;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-command-bar a.is-active::after,
body.kdb-design-system-v1.kdb-marshal-page .kdb-command-bar a[aria-current="page"]::after {
  background: var(--kdb-rc-canonical-cyan);
  box-shadow: 0 0 14px rgba(53, 200, 245, .6);
}

/* Shared outer geometry for the two pages that previously used another shell. */
body.kdb-design-system-v1.kdb-marshal-page > main.kdb-page-shell.kdb-pro-control-page,
body.kdb-design-system-v1.kdb-marshal-page > main.kdb-page-shell.kdb-stage-points-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.kdb-design-system-v1.kdb-marshal-page.kdb-pro-control-page {
  background: var(--kdb-rc-canonical-bg) !important;
}

/* Stage points: use the same unboxed intro, cards and panels as the references. */
body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui {
  width: min(1424px, calc(100% - 112px)) !important;
  max-width: none !important;
  min-height: 900px;
  margin: 0 auto !important;
  padding: 0 0 54px !important;
  color: var(--kdb-rc-canonical-text) !important;
  background: var(--kdb-rc-canonical-bg) !important;
  font-family: KDBText, GolosText, system-ui, sans-serif !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-hero {
  position: relative !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 32px 0 25px !important;
  display: block !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-hero::after {
  content: "POINTS" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: -20px !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  color: rgba(72, 166, 204, .055) !important;
  font: italic 900 clamp(100px, 13vw, 190px)/.8 KDBDisplay, Oswald, sans-serif !important;
  letter-spacing: -.06em !important;
  transform: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-watermark {
  display: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-eyebrow {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 0 11px !important;
  color: var(--kdb-rc-canonical-cyan) !important;
  font: italic 700 15px/1 KDBText, GolosText, sans-serif !important;
  letter-spacing: .08em !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-title {
  position: relative !important;
  z-index: 1 !important;
  max-width: 920px !important;
  margin: 0 !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: italic 900 clamp(48px, 5vw, 70px)/.92 KDBDisplay, Oswald, sans-serif !important;
  letter-spacing: .01em !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 0 0 14px !important;
  border: 0 !important;
  background: transparent !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-stat {
  min-height: 84px !important;
  padding: 17px 19px !important;
  border: 1px solid var(--kdb-rc-canonical-line) !important;
  background: linear-gradient(145deg, rgba(7, 32, 49, .95), rgba(3, 18, 30, .96)) !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-stat__label {
  display: block !important;
  color: var(--kdb-rc-canonical-muted) !important;
  font: 600 11px/1.2 KDBText, GolosText, sans-serif !important;
  letter-spacing: .06em !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-stat__value {
  display: block !important;
  margin-top: 9px !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: italic 800 28px/1 KDBDisplay, Oswald, sans-serif !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-section {
  position: relative !important;
  margin: 0 0 14px !important;
  padding: 17px 20px !important;
  border: 1px solid var(--kdb-rc-canonical-line) !important;
  background: linear-gradient(135deg, rgba(6, 29, 45, .96), rgba(3, 17, 28, .98)) !important;
  box-shadow: none !important;
  clip-path: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-section::before {
  display: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-section__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 13px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-section__title {
  margin: 0 !important;
  color: var(--kdb-rc-canonical-cyan) !important;
  font: italic 800 22px/1 KDBText, GolosText, sans-serif !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-badge {
  color: var(--kdb-rc-canonical-muted) !important;
  border: 0 !important;
  padding: 0 !important;
  font: 400 11px/1 KDBText, GolosText, sans-serif !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-table-wrap {
  margin: 0 !important;
  border: 0 !important;
  overflow-x: auto !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-table {
  width: 100% !important;
  min-width: 900px !important;
  border-collapse: collapse !important;
  font-size: 12px !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-table th {
  padding: 10px 11px !important;
  color: var(--kdb-rc-canonical-muted) !important;
  background: rgba(7, 32, 49, .72) !important;
  font: 600 10px/1 KDBText, GolosText, sans-serif !important;
  letter-spacing: .04em !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-table td {
  padding: 10px 11px !important;
  border-top: 1px solid var(--kdb-rc-canonical-line-soft) !important;
  border-bottom: 0 !important;
  color: #b4c2c9 !important;
  font: 400 12px/1.35 KDBText, GolosText, sans-serif !important;
}

/* TOP 32: retain the live bracket controls, but give every surface the
   same typography, spacing and card language as the three references. */
body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control {
  width: min(1424px, calc(100% - 112px)) !important;
  max-width: none !important;
  min-height: 900px;
  margin: 0 auto !important;
  padding: 0 0 54px !important;
  color: var(--kdb-rc-canonical-text) !important;
  background: var(--kdb-rc-canonical-bg) !important;
  font-family: KDBText, GolosText, system-ui, sans-serif !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__hero {
  position: relative !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 32px 0 25px !important;
  display: block !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__hero::before {
  content: "TOP 32" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: -20px !important;
  color: rgba(72, 166, 204, .055) !important;
  font: italic 900 clamp(100px, 13vw, 190px)/.8 KDBDisplay, Oswald, sans-serif !important;
  letter-spacing: -.06em !important;
  pointer-events: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__hero::after {
  display: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__hero-copy {
  position: relative !important;
  z-index: 1 !important;
  max-width: 920px !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__eyebrow {
  display: block !important;
  margin: 0 0 11px !important;
  color: var(--kdb-rc-canonical-cyan) !important;
  font: italic 700 15px/1 KDBText, GolosText, sans-serif !important;
  letter-spacing: .08em !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__hero h1 {
  max-width: 920px !important;
  margin: 0 !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: italic 900 clamp(48px, 5vw, 70px)/.92 KDBDisplay, Oswald, sans-serif !important;
  letter-spacing: .01em !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__hero p {
  max-width: 760px !important;
  margin: 14px 0 0 !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: 400 15px/1.5 KDBText, GolosText, sans-serif !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__summary {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 0 0 14px !important;
  border: 0 !important;
  background: transparent !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__summary article,
body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__summary article:last-child {
  min-height: 84px !important;
  padding: 17px 19px !important;
  border: 1px solid var(--kdb-rc-canonical-line) !important;
  background: linear-gradient(145deg, rgba(7, 32, 49, .95), rgba(3, 18, 30, .96)) !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__summary span {
  display: block !important;
  margin: 0 !important;
  color: var(--kdb-rc-canonical-muted) !important;
  font: 600 11px/1.2 KDBText, GolosText, sans-serif !important;
  letter-spacing: .06em !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__summary strong {
  display: block !important;
  margin-top: 9px !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: italic 800 28px/1 KDBDisplay, Oswald, sans-serif !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__workspace,
body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__podium,
body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__rules,
body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-protocol-entry,
body.kdb-design-system-v1.kdb-marshal-page .kdb-judge-panel {
  border: 1px solid var(--kdb-rc-canonical-line) !important;
  background: linear-gradient(135deg, rgba(6, 29, 45, .96), rgba(3, 17, 28, .98)) !important;
  box-shadow: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-judge-panel {
  margin: 0 0 14px !important;
  padding: 17px 20px !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-judge-panel__head,
body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__workspace-head {
  border-bottom-color: var(--kdb-rc-canonical-line-soft) !important;
  background: rgba(7, 32, 49, .72) !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-judge-panel__head h2,
body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__workspace-head h2,
body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__podium h2,
body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__rules strong {
  color: var(--kdb-rc-canonical-cyan) !important;
  font-family: KDBText, GolosText, sans-serif !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__workspace {
  overflow: hidden !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__rounds {
  gap: 8px !important;
  padding: 14px 18px !important;
  border-bottom-color: var(--kdb-rc-canonical-line-soft) !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__tab {
  min-height: 40px !important;
  min-width: 126px !important;
  padding: 0 15px !important;
  border: 1px solid var(--kdb-rc-canonical-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--kdb-rc-canonical-cyan) !important;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;
  font: 800 10px/1 KDBText, GolosText, sans-serif !important;
  font-style: normal !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__tab.is-active {
  border-color: var(--kdb-rc-canonical-cyan) !important;
  background: var(--kdb-rc-canonical-cyan) !important;
  color: #03202b !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__match {
  border-color: var(--kdb-rc-canonical-line-soft) !important;
  background: rgba(3, 25, 36, .92) !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__action,
body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__button {
  border-radius: 0 !important;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;
  font-family: KDBText, GolosText, sans-serif !important;
}

@media (max-width: 1180px) {
  body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__summary {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.kdb-design-system-v1.kdb-marshal-page .kdb-command-shell {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page .kdb-command-shell__identity {
    width: calc(100% - 2 * 14px) !important;
    margin: 0 auto !important;
    min-height: 44px !important;
    padding: 8px 0 7px !important;
    border-left: 0 !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page .kdb-command-shell__identity {
    height: 44px !important;
    min-height: 44px !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    padding-top: 8px !important;
    padding-bottom: 5px !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page .kdb-command-bar {
    min-height: 54px !important;
    padding: 0 10px !important;
    justify-content: flex-start !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page .kdb-command-bar a {
    min-height: 54px !important;
    padding-inline: 12px !important;
    font-size: 10px !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui,
  body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control {
    width: calc(100% - 40px) !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-hero,
  body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__hero {
    padding: 23px 0 19px !important;
  }
}

/* Final fixed-height contract for the public pages as well as RaceControl.
 * The Civilian Runs hero is the visual reference; cards and page content are
 * intentionally outside this contract. */
body.kdb-design-system-v1 :is(
  .kdb-pilots17-hero,
  .kdb-premium-ui-page .kdb-premium-ui .ui-hero
) {
  min-height: 186px !important;
  height: 186px !important;
  margin: 0 0 18px !important;
  padding: 32px 0 25px !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.kdb-design-system-v1 :is(
  .kdb-pilots17-hero h1,
  .kdb-premium-ui-page .kdb-premium-ui .ui-title
) {
  margin: 0 !important;
  min-height: 0 !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: italic 900 clamp(48px, 5vw, 70px)/.92 KDBDisplay, Oswald, sans-serif !important;
  letter-spacing: .01em !important;
}

body.kdb-design-system-v1 :is(
  .kdb-pilots17-hero > span,
  .kdb-premium-ui-page .kdb-premium-ui .ui-eyebrow
) {
  margin: 0 0 11px !important;
  color: var(--kdb-rc-canonical-cyan) !important;
  font: italic 700 15px/1 KDBText, GolosText, sans-serif !important;
  letter-spacing: .08em !important;
}

body.kdb-design-system-v1 :is(
  .kdb-pilots17-hero p,
  .kdb-premium-ui-page .kdb-premium-ui .ui-subtitle
) {
  margin: 14px 0 0 !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: 400 15px/1.5 KDBText, GolosText, sans-serif !important;
}

@media (max-width: 600px) {
  body.kdb-design-system-v1 :is(
    .kdb-pilots17-hero,
    .kdb-premium-ui-page .kdb-premium-ui .ui-hero
  ) {
    min-height: 0 !important;
    height: auto !important;
    padding: 23px 0 19px !important;
  }

  body.kdb-design-system-v1 :is(
    .kdb-pilots17-hero h1,
    .kdb-premium-ui-page .kdb-premium-ui .ui-title
  ) {
    font-size: 42px !important;
  }
}

/* The fees and registration-control pages have their own visual owners.
 * Override only their hero primitives so they inherit the Civilian Runs
 * reference instead of retaining the older boxed variant. */
body.kdb-design-system-v1.kdb-marshal-page :is(
  .kdb-fees__intro,
  .kdb-registration-control__hero
) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: end !important;
  gap: 32px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 18px !important;
  padding: 32px 0 25px !important;
  border: 0 !important;
  border-left: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page :is(
  .kdb-fees__eyebrow,
  .kdb-registration-control__hero p
) {
  margin: 0 0 11px !important;
  color: var(--kdb-rc-canonical-cyan) !important;
  font: italic 700 15px/1 KDBText, GolosText, sans-serif !important;
  letter-spacing: .08em !important;
}

body.kdb-design-system-v1.kdb-marshal-page :is(
  .kdb-fees__intro h1,
  .kdb-registration-control__hero h1
) {
  margin: 0 !important;
  min-height: 0 !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: italic 900 clamp(48px, 5vw, 70px)/.92 KDBDisplay, Oswald, sans-serif !important;
  letter-spacing: .01em !important;
}

body.kdb-design-system-v1.kdb-marshal-page :is(
  .kdb-fees__subtitle,
  .kdb-registration-control__hero span
) {
  margin: 14px 0 0 !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: 400 15px/1.5 KDBText, GolosText, sans-serif !important;
}

body.kdb-design-system-v1.kdb-marshal-page .kdb-fees__watermark,
body.kdb-design-system-v1.kdb-marshal-page .kdb-registration-control__hero > b {
  position: absolute !important;
  right: 0 !important;
  top: auto !important;
  bottom: -20px !important;
  transform: none !important;
  color: rgba(72, 166, 204, .055) !important;
  font: italic 900 clamp(100px, 13vw, 190px)/.8 KDBDisplay, Oswald, sans-serif !important;
  letter-spacing: -.06em !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  body.kdb-design-system-v1.kdb-marshal-page :is(
    .kdb-fees__intro,
    .kdb-registration-control__hero
  ) {
    grid-template-columns: 1fr !important;
    gap: 19px !important;
    padding: 23px 0 19px !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page :is(
    .kdb-fees__intro h1,
    .kdb-registration-control__hero h1
  ) {
    font-size: 42px !important;
  }
}

@media (max-width: 760px) {
  body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui,
  body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control {
    width: calc(100% - 28px) !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-stat,
  body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__summary article,
  body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__summary article:last-child {
    min-height: 74px !important;
    padding: 13px !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-stat__value,
  body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__summary strong {
    font-size: 24px !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-section,
  body.kdb-design-system-v1.kdb-marshal-page .kdb-judge-panel {
    padding: 15px 13px !important;
  }
}

@media (max-width: 390px) {
  body.kdb-design-system-v1.kdb-marshal-page .kdb-stage-points-page .kdb-premium-ui .ui-title,
  body.kdb-design-system-v1.kdb-marshal-page .kdb-pro-control__hero h1 {
    font-size: 39px !important;
  }
}

/* CIVILIAN RUNS is the reference hero for every RaceControl page. Keep the
 * functional wrappers, but give them one compact surface and type scale. */
body.kdb-design-system-v1.kdb-marshal-page :is(
  .kdb-civilian-hero,
  .kdb-pro-control__hero,
  .race-control-header,
  .kdb-v7__hero,
  .kdb-fee__intro,
  .civ-hero,
  .kdb-stage-points__hero,
  .kdb-start-list__hero,
  .kdb-premium-ui .ui-hero
) {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 18px !important;
  padding: 32px 0 25px !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.kdb-design-system-v1.kdb-marshal-page :is(
  .kdb-pro-control__hero,
  .race-control-header,
  .kdb-v7__hero,
  .kdb-fee__intro,
  .civ-hero,
  .kdb-stage-points__hero,
  .kdb-start-list__hero,
  .kdb-premium-ui .ui-hero
) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 32px !important;
}

body.kdb-design-system-v1.kdb-marshal-page :is(
  .kdb-civilian-eyebrow,
  .kdb-pro-control__eyebrow,
  .kdb-fee__eyebrow,
  .civ-eyebrow,
  .kdb-stage-points__eyebrow,
  .kdb-start-list__eyebrow,
  .kdb-premium-ui .ui-eyebrow
) {
  margin: 0 0 11px !important;
  color: var(--kdb-rc-canonical-cyan) !important;
  font: italic 700 15px/1 KDBText, GolosText, sans-serif !important;
  letter-spacing: .08em !important;
}

body.kdb-design-system-v1.kdb-marshal-page :is(
  .kdb-civilian-hero h1,
  .kdb-pro-control__hero h1,
  .race-control-header h1,
  .kdb-v7__hero h1,
  .kdb-fee__intro h1,
  .civ-hero h1,
  .kdb-stage-points__hero h1,
  .kdb-start-list__hero h1,
  .kdb-premium-ui .ui-title
) {
  margin: 0 !important;
  min-height: 0 !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: italic 900 clamp(48px, 5vw, 70px)/.92 KDBDisplay, Oswald, sans-serif !important;
  letter-spacing: .01em !important;
}

body.kdb-design-system-v1.kdb-marshal-page :is(
  .kdb-civilian-lede,
  .kdb-pro-control__hero p,
  .kdb-fee__intro p,
  .civ-hero p,
  .kdb-stage-points__hero p,
  .kdb-start-list__hero p,
  .kdb-premium-ui .ui-subtitle
) {
  max-width: 760px !important;
  margin: 14px 0 0 !important;
  color: var(--kdb-rc-canonical-text) !important;
  font: 400 15px/1.5 KDBText, GolosText, sans-serif !important;
}

@media (max-width: 900px) {
  body.kdb-design-system-v1.kdb-marshal-page :is(
    .kdb-civilian-hero,
    .kdb-pro-control__hero,
    .race-control-header,
    .kdb-v7__hero,
    .kdb-fee__intro,
    .civ-hero,
    .kdb-stage-points__hero,
    .kdb-start-list__hero,
    .kdb-premium-ui .ui-hero
  ) {
    grid-template-columns: 1fr !important;
    gap: 19px !important;
    padding: 23px 0 19px !important;
  }

  body.kdb-design-system-v1.kdb-marshal-page :is(
    .kdb-civilian-hero h1,
    .kdb-pro-control__hero h1,
    .race-control-header h1,
    .kdb-v7__hero h1,
    .kdb-fee__intro h1,
    .civ-hero h1,
    .kdb-stage-points__hero h1,
    .kdb-start-list__hero h1,
    .kdb-premium-ui .ui-title
  ) {
    font-size: 42px !important;
  }
}