.scorecard-topbar {
  --scorecard-usa-blue: var(--scorecard-theme-primary, #002868);
  --scorecard-usa-red: var(--scorecard-theme-secondary, #b22234);
  --scorecard-usa-ink: var(--scorecard-theme-ink, #14213d);
  min-height: 58px;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  align-items: stretch;
  gap: 0;
  padding: 0;
  color: var(--scorecard-usa-ink);
  background: #ffffff;
  border-bottom: 2px solid var(--scorecard-usa-blue);
  box-sizing: border-box;
}

.scorecard-topbar a,
.scorecard-topbar button {
  margin-top: 0;
}

.scorecard-title {
  align-self: stretch;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  justify-items: center;
  gap: 0;
  min-width: 0;
  padding: 2px 6px 1px;
  border-bottom: 0;
  background: #ffffff;
}

.scorecard-title-primary {
  min-width: 0;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 5px;
  align-self: center;
}

.scorecard-title strong,
.scorecard-title > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.14;
}

.scorecard-title .course-line {
  min-width: 0;
  color: var(--scorecard-usa-blue);
  font-size: clamp(0.64rem, 2.55vw, 0.88rem);
  font-weight: 700;
  text-align: left;
}

.scorecard-title .event-line {
  width: 100%;
  align-self: end;
  color: var(--scorecard-usa-red);
  font-size: clamp(0.61rem, 2.55vw, 0.78rem);
  font-weight: 650;
  opacity: 1;
  margin-top: 0;
  text-align: center;
}

.scorecard-compact-logo {
  flex: 0 1 128px;
  width: clamp(98px, 28vw, 128px);
  height: 30px;
  display: block;
  object-fit: contain;
  object-position: center;
}

.scorecard-at-course {
  min-width: 0;
  display: flex !important;
  align-items: baseline;
  gap: 4px;
  margin-top: 0 !important;
}

.scorecard-at-course small {
  flex: 0 0 auto;
  color: var(--scorecard-usa-blue);
  font-size: clamp(0.62rem, 2.55vw, 0.78rem);
  font-weight: 700;
}

.scorecard-header-side,
.scorecard-menu-wrap {
  width: 42px;
  min-height: 58px;
  background: var(--scorecard-usa-blue);
}

.scorecard-header-side-left {
  grid-column: 1;
  grid-row: 1;
}

.scorecard-grid-header .initial-badge,
.scorecard-grid-row .score-cell-stack,
.scorecard-grid-row .summary-value {
  justify-self: center !important;
  text-align: center;
}

.scorecard-grid-row .score-button,
.scorecard-grid-row .score-display {
  margin-left: auto;
  margin-right: auto;
}

.scorecard-menu-wrap {
  position: relative;
  width: 42px;
  height: auto;
  min-height: 58px;
  align-self: stretch;
  justify-self: end;
  margin-top: 0;
  display: grid;
  place-items: center;
}

.scorecard-menu-wrap .scorecard-menu-link {
  width: 42px;
  height: 58px;
  margin-top: 0;
  display: grid;
  place-items: center;
  border: 0;
  color: #ffffff;
  background: transparent;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

.scorecard-menu-panel {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 60;
  min-width: 168px;
  padding: 8px;
  border: 1px solid rgba(20, 33, 61, 0.14);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(20, 33, 61, 0.22);
}

.scorecard-menu-panel a,
.scorecard-menu-panel button {
  width: 100%;
  height: auto;
  min-height: 40px;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 9px 11px;
  border-radius: 10px;
  color: #14213d;
  background: transparent;
  font-size: 0.92rem;
  font-weight: 850;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.scorecard-menu-panel a[hidden] {
  display: none;
}

.scorecard-menu-panel a:hover,
.scorecard-menu-panel a:focus-visible,
.scorecard-menu-panel button:hover,
.scorecard-menu-panel button:focus-visible {
  background: color-mix(in srgb, var(--scorecard-theme-primary) 10%, transparent);
}

body.scorecard-page {
  --scorecard-theme-primary: #002868;
  --scorecard-theme-secondary: #b22234;
  --scorecard-theme-accent: #b22234;
  --scorecard-theme-ink: #14213d;
  --scorecard-theme-soft: #eef3fb;
  --scorecard-theme-soft-secondary: #fff1f2;
  --scorecard-theme-line: #c9d7ef;
  --scorecard-theme-column-1: #b22234;
  --scorecard-theme-column-2: #002868;
  --scorecard-theme-column-3: #b22234;
  --scorecard-theme-column-4: #002868;
  --scorecard-theme-pencil: #b22234;
  --scorecard-theme-tee: #002868;
  --scorecard-theme-highlight: #b22234;
  --scorecard-usa-blue: var(--scorecard-theme-primary);
  --scorecard-usa-red: var(--scorecard-theme-secondary);
  --scorecard-usa-ink: var(--scorecard-theme-ink);
  --scorecard-usa-soft: var(--scorecard-theme-soft);
  --scorecard-usa-line: var(--scorecard-theme-line);
}

body.scorecard-page[data-admin-theme="irish"] {
  --scorecard-theme-primary: #169b62;
  --scorecard-theme-secondary: #ff883e;
  --scorecard-theme-accent: #ff883e;
  --scorecard-theme-ink: #12372a;
  --scorecard-theme-soft: #e9f6ef;
  --scorecard-theme-soft-secondary: #fff4e8;
  --scorecard-theme-line: #b9dac9;
  --scorecard-theme-column-1: #ff883e;
  --scorecard-theme-column-2: #169b62;
  --scorecard-theme-column-3: #ff883e;
  --scorecard-theme-column-4: #169b62;
  --scorecard-theme-pencil: #ff883e;
  --scorecard-theme-tee: #169b62;
  --scorecard-theme-highlight: #ff883e;
}

body.scorecard-page[data-admin-theme="scoodle"] {
  --scorecard-theme-primary: #2f6fe8;
  --scorecard-theme-secondary: #ef342d;
  --scorecard-theme-accent: #f6b51d;
  --scorecard-theme-ink: #18213a;
  --scorecard-theme-soft: #eef4ff;
  --scorecard-theme-soft-secondary: #fff8de;
  --scorecard-theme-line: #c8d9ff;
  --scorecard-theme-column-1: #2f6fe8;
  --scorecard-theme-column-2: #ef342d;
  --scorecard-theme-column-3: #f6b51d;
  --scorecard-theme-column-4: #2f9e3c;
  --scorecard-theme-pencil: #ef342d;
  --scorecard-theme-tee: #2f9e3c;
  --scorecard-theme-highlight: #f6b51d;
}

body.scorecard-page[data-admin-theme="masters"] {
  --scorecard-theme-primary: #006747;
  --scorecard-theme-secondary: #e2ba2f;
  --scorecard-theme-accent: #e2ba2f;
  --scorecard-theme-ink: #103c31;
  --scorecard-theme-soft: #edf7f3;
  --scorecard-theme-soft-secondary: #fff9e5;
  --scorecard-theme-line: #bdd9cf;
  --scorecard-theme-column-1: #006747;
  --scorecard-theme-column-2: #e2ba2f;
  --scorecard-theme-column-3: #006747;
  --scorecard-theme-column-4: #e2ba2f;
  --scorecard-theme-pencil: #e2ba2f;
  --scorecard-theme-tee: #006747;
  --scorecard-theme-highlight: #e2ba2f;
}

body.scorecard-page .scorecard-format-tabs button {
  color: var(--scorecard-usa-blue);
  border: 1px solid var(--scorecard-usa-line);
}

body.scorecard-page .scorecard-format-tabs button.configured {
  color: #ffffff;
  background: var(--scorecard-usa-blue);
  border-color: var(--scorecard-usa-blue);
}

body.scorecard-page .leader-action-bar {
  background: var(--scorecard-usa-blue);
}

body.scorecard-page .leader-action-bar .leader-action-format {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: visible;
  white-space: nowrap;
  color: #ffffff;
}

body.scorecard-page .leader-action-bar .leader-action-format-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
}

body.scorecard-page .leader-action-arrow {
  position: relative;
  display: inline-flex;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffffff;
}

body.scorecard-page .leader-action-arrow::before {
  content: '';
  width: 7px;
  height: 7px;
  border-top: 2px solid var(--scorecard-usa-blue);
  border-right: 2px solid var(--scorecard-usa-blue);
  transform: translateY(-2px) rotate(135deg);
}

body.scorecard-page .leader-action-bar[aria-expanded='true'] .leader-action-arrow::before {
  transform: translateY(2px) rotate(-45deg);
}

body.scorecard-page .scorecard-leader-card {
  background: var(--scorecard-usa-soft);
  border: 1px solid var(--scorecard-usa-line);
  color: var(--scorecard-usa-ink);
}

body.scorecard-page .scorecard-leader-head,
body.scorecard-page .scorecard-leader-head button,
body.scorecard-page .scorecard-leader-row {
  color: var(--scorecard-usa-blue);
}

body.scorecard-page .scorecard-leader-row strong:last-child {
  color: var(--scorecard-usa-red);
}

body.scorecard-page .scorecard-role-strip {
  border-bottom-color: var(--scorecard-usa-line);
}

body.scorecard-page .scorecard-role-pill {
  border-color: var(--scorecard-usa-line);
  background: #ffffff;
}

body.scorecard-page .scorecard-role-pill.primary {
  border-color: var(--scorecard-usa-red);
  background: #fff5f6;
}

body.scorecard-page .scorecard-role-pill.current-side-card,
body.scorecard-page .scorecard-role-pill.active-card {
  border-color: var(--scorecard-usa-blue);
  background: var(--scorecard-usa-soft);
  box-shadow: inset 0 0 0 1px var(--scorecard-usa-blue);
}

body.scorecard-page .scorecard-role-pill strong,
body.scorecard-page .scorecard-stats-column-head,
body.scorecard-page .scorecard-stats-legend b,
body.scorecard-page .scorecard-column-label,
body.scorecard-page .scorecard-column-label > span {
  color: var(--scorecard-usa-blue);
}

body.scorecard-page .scorecard-stats-column-head {
  background: var(--scorecard-usa-soft);
}

body.scorecard-page .scorecard-grid-row > .hole-stat {
  color: var(--scorecard-usa-blue);
}

body.scorecard-page .scorecard-player-handicap {
  color: var(--scorecard-usa-blue);
}

body.scorecard-page .stroke-dot {
  background: var(--scorecard-usa-blue);
}

body.scorecard-page .scorekeeper-marker,
body.scorecard-page .scorekeeper-drag-ghost {
  color: var(--scorecard-usa-red);
}

body.scorecard-page .tee-detail-image {
  width: 100%;
  height: 100%;
  display: block;
  background: var(--scorecard-usa-blue);
  -webkit-mask: url('../public/icons/scoodle/tee.png?v=tee-1') center / contain no-repeat;
  mask: url('../public/icons/scoodle/tee.png?v=tee-1') center / contain no-repeat;
}

body.scorecard-page .tee-detail-drag-ghost .tee-detail-image {
  width: 16px;
  height: 21px;
}

body.scorecard-page button.scorekeeper-marker:focus-visible {
  outline-color: var(--scorecard-usa-red);
}

body.scorecard-page .scorecard-player-head.scorekeeper-drop-ready {
  box-shadow: inset 0 0 0 2px rgba(178, 34, 52, 0.28);
  background: rgba(255, 245, 246, 0.62);
}

body.scorecard-page .scorecard-player-head.scorekeeper-drop-target {
  box-shadow: inset 0 0 0 3px var(--scorecard-usa-red);
  background: #fff0f2;
}

body.scorecard-page .scorecard-grid-inner,
body.scorecard-page .scorecard-grid-header > *,
body.scorecard-page .scorecard-grid-row > * {
  border-color: var(--scorecard-usa-line);
}

body.scorecard-page .summary-row,
body.scorecard-page .scorecard-grid-row.summary-row:nth-child(odd) {
  background: var(--scorecard-usa-soft);
  border-color: var(--scorecard-usa-line);
}

body.scorecard-page .summary-label,
body.scorecard-page .summary-value {
  color: var(--scorecard-usa-blue);
}

body.scorecard-page .final-summary-row .summary-label,
body.scorecard-page .final-summary-row .summary-value {
  color: var(--scorecard-usa-red);
}

body.scorecard-page .score-picker h2,
body.scorecard-page .side-card-partners legend,
body.scorecard-page .score-picker-grid .side-card-mode,
body.scorecard-page .score-picker-grid .side-card-partner,
body.scorecard-page .score-picker-grid .side-card-stats-toggle,
body.scorecard-page .mismatch-review-section > header strong,
body.scorecard-page .mismatch-context strong {
  color: var(--scorecard-usa-blue);
}

body.scorecard-page .score-picker-grid .scorekeeper-gate-button {
  color: #ffffff;
  background: var(--scorecard-usa-blue);
  border-color: var(--scorecard-usa-blue);
}

body.scorecard-page .score-picker-grid .scorekeeper-gate-button.secondary {
  color: var(--scorecard-usa-blue);
  background: #ffffff;
}

body.scorecard-page .score-picker-grid .scorekeeper-gate-button.danger {
  color: #ffffff;
  background: var(--scorecard-usa-red);
  border-color: var(--scorecard-usa-red);
}

body.scorecard-page .score-picker-grid .side-card-mode.selected {
  color: #ffffff;
  background: var(--scorecard-usa-blue);
  border-color: var(--scorecard-usa-blue);
  box-shadow: inset 0 0 0 1px var(--scorecard-usa-blue);
}

body.scorecard-page .side-card-check {
  border-color: var(--scorecard-usa-blue);
}

body.scorecard-page .side-card-stats-toggle.selected .side-card-check {
  background: var(--scorecard-usa-blue);
}

body.scorecard-page .mismatch-review-section {
  border-color: var(--scorecard-usa-line);
  background: var(--scorecard-usa-soft);
}

body.scorecard-page .mismatch-comparison-head {
  background: var(--scorecard-usa-blue);
}

body.scorecard-page .score-picker-grid .mismatch-resolution-actions button {
  color: var(--scorecard-usa-blue);
  border-color: var(--scorecard-usa-line);
}

body.scorecard-page .score-picker-grid .mismatch-resolution-actions button.danger {
  color: var(--scorecard-usa-red);
  border-color: #dfa4ac;
}

body.scorecard-page .score-picker-actions button {
  color: var(--scorecard-usa-blue);
  border-color: var(--scorecard-usa-line);
}

body.scorecard-page .score-picker-actions button:first-child {
  color: #ffffff;
  background: var(--scorecard-usa-blue);
  border-color: var(--scorecard-usa-blue);
}

/* Event themes drive the complete scorecard chrome while scoring outcomes keep their golf colors. */
body.scorecard-page .scorecard-format-tabs button.selected-view {
  box-shadow: 0 0 0 2px var(--scorecard-theme-highlight), 0 3px 8px rgba(0, 0, 0, 0.14);
}

body.scorecard-page .scorecard-format-tabs button.stats-format-pill {
  border-color: var(--scorecard-theme-highlight);
}

body.scorecard-page .scorecard-format-tabs button.stacked-label small {
  letter-spacing: 0;
}

body.scorecard-page[data-admin-theme="scoodle"] .scorecard-format-tabs button.configured {
  background: #285fc8;
  border-color: #285fc8;
}

body.scorecard-page .scorecard-role-pill.primary {
  border-color: var(--scorecard-theme-secondary);
  background: var(--scorecard-theme-soft-secondary);
}

body.scorecard-page .scorecard-role-pill.current-side-card,
body.scorecard-page .scorecard-role-pill.active-card {
  border-color: var(--scorecard-theme-primary);
  background: var(--scorecard-theme-soft);
  box-shadow: inset 0 0 0 1px var(--scorecard-theme-primary);
}

body.scorecard-page .scorecard-role-pill span,
body.scorecard-page .scorecard-role-pill button,
body.scorecard-page .scorecard-stats-legend small,
body.scorecard-page .scorecard-stats-hint {
  color: var(--scorecard-theme-ink);
}

body.scorecard-page .scorecard-role-pill button {
  border-color: var(--scorecard-theme-primary);
}

body.scorecard-page .score-column-theme-1 { --score-column-accent: var(--scorecard-theme-column-1); }
body.scorecard-page .score-column-theme-2 { --score-column-accent: var(--scorecard-theme-column-2); }
body.scorecard-page .score-column-theme-3 { --score-column-accent: var(--scorecard-theme-column-3); }
body.scorecard-page .score-column-theme-4 { --score-column-accent: var(--scorecard-theme-column-4); }

body.scorecard-page .score-cell-stack .score-button {
  color: var(--score-column-accent, var(--scorecard-theme-primary));
}

body.scorecard-page .stroke-dot {
  background: var(--scorecard-theme-primary);
}

body.scorecard-page .scorekeeper-marker,
body.scorecard-page .scorekeeper-drag-ghost {
  color: var(--scorecard-theme-pencil);
}

body.scorecard-page .tee-detail-marker,
body.scorecard-page .tee-detail-drag-ghost {
  color: var(--scorecard-theme-tee);
}

body.scorecard-page .tee-detail-image {
  background: var(--scorecard-theme-tee);
}

body.scorecard-page .scorecard-viewer-marker,
body.scorecard-page .scorecard-player-handicap {
  color: var(--scorecard-theme-primary);
}

body.scorecard-page button.scorekeeper-marker:focus-visible,
body.scorecard-page .scorecard-player-info:focus-visible,
body.scorecard-page .scorecard-tee-header:focus-visible {
  outline-color: var(--scorecard-theme-primary);
}

body.scorecard-page .tee-detail-marker:focus-visible {
  outline-color: var(--scorecard-theme-highlight);
}

body.scorecard-page .scorecard-player-head.scorekeeper-drop-ready {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--scorecard-theme-pencil) 34%, transparent);
  background: color-mix(in srgb, var(--scorecard-theme-pencil) 8%, #ffffff);
}

body.scorecard-page .scorecard-player-head.scorekeeper-drop-target {
  box-shadow: inset 0 0 0 3px var(--scorecard-theme-pencil);
  background: color-mix(in srgb, var(--scorecard-theme-pencil) 14%, #ffffff);
}

body.scorecard-page .scorecard-player-head.tee-detail-drop-ready {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--scorecard-theme-tee) 34%, transparent);
  background: color-mix(in srgb, var(--scorecard-theme-tee) 8%, #ffffff);
}

body.scorecard-page .scorecard-player-head.tee-detail-drop-target {
  box-shadow: inset 0 0 0 3px var(--scorecard-theme-tee);
  background: color-mix(in srgb, var(--scorecard-theme-tee) 14%, #ffffff);
}

body.scorecard-page .scorekeeper-drag-ghost {
  border-color: var(--scorecard-theme-pencil);
}

body.scorecard-page .tee-detail-drag-ghost {
  border-color: var(--scorecard-theme-highlight);
}

body.scorecard-page .side-card-stats-cell,
body.scorecard-page .side-stats-summary {
  color: var(--scorecard-theme-ink);
  background: color-mix(in srgb, var(--scorecard-theme-highlight) 10%, transparent);
}

body.scorecard-page .score-picker-grid .putts-choice.selected,
body.scorecard-page .score-picker-grid .score-entry-save,
body.scorecard-page .score-picker-grid .scorekeeper-gate-button,
body.scorecard-page .score-picker-grid .side-card-mode.selected,
body.scorecard-page .side-card-stats-toggle.selected .side-card-check,
body.scorecard-page .player-tee-details-head,
body.scorecard-page .mismatch-comparison-head,
body.scorecard-page .scorecard-attestation-panel > button,
body.scorecard-page .score-picker-actions button:first-child {
  color: #ffffff;
  background: var(--scorecard-theme-primary);
  border-color: var(--scorecard-theme-primary);
}

body.scorecard-page .score-picker-grid .putts-choice.selected,
body.scorecard-page .score-picker-grid .score-entry-choice.selected {
  box-shadow: 0 0 0 2px var(--scorecard-theme-highlight), inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

body.scorecard-page .score-stat-toggle input {
  accent-color: var(--scorecard-theme-primary);
}

body.scorecard-page .score-picker h2,
body.scorecard-page .score-entry-panel h3,
body.scorecard-page .score-putts-control > strong,
body.scorecard-page .score-stat-toggle,
body.scorecard-page .live-player-stats > header > strong,
body.scorecard-page .live-player-stats > div strong,
body.scorecard-page .player-tee-details-row,
body.scorecard-page .scorecard-attestation-panel strong,
body.scorecard-page .scorecard-attestation-panel small {
  color: var(--scorecard-theme-ink);
}

body.scorecard-page .score-entry-panel,
body.scorecard-page .live-player-stats,
body.scorecard-page .mismatch-review-section {
  border-color: var(--scorecard-theme-line);
  background: var(--scorecard-theme-soft);
}

body.scorecard-page .score-picker-grid .side-card-partner.selected,
body.scorecard-page .scorecard-attestation-panel {
  border-color: var(--scorecard-theme-highlight);
  background: var(--scorecard-theme-soft-secondary);
  box-shadow: inset 0 0 0 1px var(--scorecard-theme-highlight);
}

body.scorecard-page .side-card-check,
body.scorecard-page .scorecard-signature-pad-wrap {
  border-color: var(--scorecard-theme-primary);
}

body.scorecard-page .scorecard-attestation-panel span {
  color: var(--scorecard-theme-secondary);
}

body.scorecard-page .scorecard-issue-rail {
  border-color: var(--scorecard-theme-line);
  background: var(--scorecard-theme-soft-secondary);
}

body.scorecard-page .scorecard-issue-rail > strong {
  color: var(--scorecard-theme-ink);
}

body.scorecard-page .scorecard-issue-marker:focus-visible {
  outline-color: var(--scorecard-theme-primary);
}


/* scorecard-logo-course-bottom-align-15 */
.scorecard-title-primary {
  align-items: flex-end;
}

.scorecard-at-course {
  align-self: flex-end;
}

/* scorecard-featured-event-1 */
.scorecard-title {
  grid-template-rows: 1fr 1fr;
  padding-inline: 5px;
}

.scorecard-title-primary {
  align-items: center;
  align-self: stretch;
}

.scorecard-title .scorecard-featured-event {
  color: var(--scorecard-usa-blue);
  font-size: clamp(0.79rem, 3vw, 1rem);
  font-weight: 800;
  line-height: 1.08;
  max-width: 100%;
  text-align: center;
}

.scorecard-title .event-line {
  align-items: center;
  align-self: stretch;
  color: var(--scorecard-usa-red);
  display: flex;
  gap: 5px;
  justify-content: center;
  min-width: 0;
  overflow: hidden;
}

.scorecard-title .event-line .scorecard-compact-logo {
  flex: 0 0 auto;
  height: 17px;
  width: clamp(58px, 14vw, 76px);
}

.scorecard-title .event-line .scorecard-at-course {
  flex: 0 1 auto;
  min-width: 0;
}

.scorecard-title .event-line .scorecard-header-detail {
  color: var(--scorecard-usa-red);
  flex: 0 1 auto;
  font-size: clamp(0.55rem, 2.05vw, 0.69rem);
  font-weight: 600;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scorecard-header-side-left {
  align-items: center;
  color: #ffffff;
  display: flex;
  font-size: 0.66rem;
  font-weight: 850;
  justify-content: center;
  overflow: hidden;
  padding: 4px;
}

.scorecard-header-side-left > span,
.scorecard-header-side-left > img {
  align-items: center;
  background: #ffffff;
  border: 2px solid var(--scorecard-usa-red);
  border-radius: 50%;
  box-sizing: border-box;
  color: var(--scorecard-usa-blue);
  display: flex;
  height: 34px;
  justify-content: center;
  object-fit: contain;
  width: 34px;
}

@media (max-width: 430px) {
  .scorecard-title .event-line {
    gap: 3px;
  }

  .scorecard-title .event-line .scorecard-header-detail {
    font-size: 0.53rem;
  }

  .scorecard-title .event-line .scorecard-compact-logo {
    width: 58px;
  }
}

/* scorecard-split-header-17 */
.scorecard-topbar {
  min-height: 78px;
  grid-template-columns: minmax(0, 1fr);
  position: relative;
  background: #ffffff;
  border-bottom: 3px solid var(--scorecard-theme-secondary);
}

.scorecard-header-side-left {
  display: none;
}

.scorecard-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: 1fr;
  min-height: 78px;
  padding: 0;
  width: 100%;
}

.scorecard-header-copy {
  align-content: center;
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px 8px 12px;
  text-align: left;
}

.scorecard-title .scorecard-featured-event,
.scorecard-title .course-line,
.scorecard-title .scorecard-header-date {
  display: block;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scorecard-title .scorecard-featured-event {
  color: var(--scorecard-theme-primary);
  font-size: clamp(0.95rem, 3.6vw, 1.34rem);
  font-weight: 900;
  line-height: 1.04;
}

.scorecard-title .course-line {
  color: var(--scorecard-theme-secondary);
  font-size: clamp(0.72rem, 2.7vw, 0.94rem);
  font-weight: 800;
  line-height: 1.08;
}

.scorecard-title .scorecard-header-date {
  color: var(--scorecard-theme-ink);
  font-size: clamp(0.58rem, 2.15vw, 0.76rem);
  font-weight: 700;
  line-height: 1.08;
}

.scorecard-header-brand {
  align-items: center;
  border-left: 1px solid var(--scorecard-theme-line);
  display: flex;
  justify-content: center;
  min-width: 0;
  padding: 7px 34px 7px 8px;
}

.scorecard-title .scorecard-header-brand .scorecard-compact-logo {
  display: block;
  height: 60px;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}

.scorecard-menu-wrap {
  background: transparent;
  height: 40px;
  min-height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  z-index: 4;
}

.scorecard-menu-wrap .scorecard-menu-link {
  background: color-mix(in srgb, var(--scorecard-theme-primary) 88%, transparent);
  border-radius: 0 0 0 10px;
  color: #ffffff;
  height: 40px;
  width: 34px;
}

.scorecard-menu-panel {
  top: calc(100% + 4px);
}

@media (max-width: 390px) {
  .scorecard-header-copy {
    padding-left: 8px;
    padding-right: 6px;
  }

  .scorecard-title .scorecard-featured-event {
    font-size: 0.9rem;
  }

  .scorecard-title .scorecard-header-date {
    font-size: 0.55rem;
  }
}

/* scorecard-compact-three-row-header-18 */
.scorecard-topbar {
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: 72px;
  height: 72px;
  min-height: 72px;
  position: sticky;
  top: 0;
  z-index: 35;
}

.scorecard-header-side-left {
  align-items: center;
  align-self: stretch;
  background: var(--scorecard-theme-primary);
  display: flex;
  grid-column: 1;
  grid-row: 1;
  height: 72px;
  justify-content: center;
  min-height: 72px;
  padding: 4px;
  width: 44px;
}

.scorecard-header-side-left > span,
.scorecard-header-side-left > img {
  height: 34px;
  width: 34px;
}

.scorecard-title {
  grid-column: 2;
  grid-row: 1;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  height: 72px;
  min-height: 72px;
}

.scorecard-header-copy {
  gap: 2px;
  padding: 6px 7px 6px 9px;
}

.scorecard-title .scorecard-featured-event {
  font-size: clamp(0.76rem, 2.45vw, 0.98rem);
  line-height: 1.05;
}

.scorecard-title .course-line {
  font-size: clamp(0.65rem, 2.1vw, 0.8rem);
  line-height: 1.05;
}

.scorecard-title .scorecard-header-date {
  font-size: clamp(0.55rem, 1.75vw, 0.69rem);
  line-height: 1.05;
}

.scorecard-header-brand {
  min-height: 72px;
  padding: 6px 31px 6px 5px;
}

.scorecard-title .scorecard-header-brand .scorecard-compact-logo {
  height: 38px;
  max-height: 38px;
  max-width: 104px;
  width: 100%;
}

.scorecard-menu-wrap {
  height: 34px;
  min-height: 34px;
  top: 0;
  width: 31px;
}

.scorecard-menu-wrap .scorecard-menu-link {
  font-size: 1.65rem;
  height: 34px;
  width: 31px;
}

@media (max-width: 390px) {
  .scorecard-header-copy {
    padding-left: 6px;
    padding-right: 4px;
  }

  .scorecard-title .scorecard-featured-event {
    font-size: 0.74rem;
  }

  .scorecard-title .scorecard-header-brand .scorecard-compact-logo {
    max-width: 88px;
  }
}

/* scorecard-four-zone-themed-header-20 */
.scorecard-topbar {
  background: #ffffff;
  border-bottom: 3px solid var(--scorecard-theme-primary);
  grid-template-columns: 48px minmax(0, 1fr) 38px;
  grid-template-rows: 76px;
  height: 76px;
  min-height: 76px;
}

.scorecard-topbar::after {
  background: var(--scorecard-theme-primary);
  bottom: 0;
  content: '';
  height: 3px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 8;
}

.scorecard-header-side-left {
  background: var(--scorecard-theme-primary);
  grid-column: 1;
  height: 76px;
  min-height: 76px;
  padding: 5px;
  width: 48px;
}

.scorecard-header-side-left > span,
.scorecard-header-side-left > img {
  background: #ffffff;
  border-color: var(--scorecard-theme-secondary);
  color: var(--scorecard-theme-primary);
  height: 38px;
  width: 38px;
}

.scorecard-title {
  background: #ffffff;
  grid-column: 2;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  height: 76px;
  min-height: 76px;
}

.scorecard-header-copy {
  align-content: center;
  gap: 3px;
  justify-items: center;
  padding: 7px 4px;
  text-align: center;
}

.scorecard-title .scorecard-featured-event,
.scorecard-title .course-line,
.scorecard-title .scorecard-header-date {
  text-align: center;
  width: 100%;
}

.scorecard-title .scorecard-featured-event {
  color: var(--scorecard-theme-primary);
  font-size: clamp(0.8rem, 2.6vw, 1.02rem);
}

.scorecard-title .course-line {
  color: var(--scorecard-theme-secondary);
  font-size: clamp(0.66rem, 2.15vw, 0.82rem);
}

.scorecard-title .scorecard-header-date {
  color: var(--scorecard-theme-ink);
  font-size: clamp(0.56rem, 1.8vw, 0.7rem);
}

.scorecard-header-brand {
  background: #ffffff;
  border-left: 1px solid color-mix(in srgb, var(--scorecard-theme-primary) 22%, #ffffff);
  min-height: 76px;
  padding: 3px 4px;
}

.scorecard-title .scorecard-header-brand .scorecard-compact-logo {
  height: 64px;
  max-height: 64px;
  max-width: 158px;
}

.scorecard-menu-wrap {
  align-self: stretch;
  background: var(--scorecard-theme-primary);
  display: grid;
  grid-column: 3;
  grid-row: 1;
  height: 76px;
  justify-self: stretch;
  min-height: 76px;
  place-items: center;
  position: relative;
  right: auto;
  top: auto;
  width: 38px;
}

.scorecard-menu-wrap .scorecard-menu-link {
  background: transparent;
  border-radius: 0;
  color: #ffffff;
  font-size: 1.75rem;
  height: 76px;
  width: 38px;
}

.scorecard-menu-panel {
  right: 0;
  top: calc(100% + 4px);
}

@media (max-width: 390px) {
  .scorecard-topbar {
    grid-template-columns: 44px minmax(0, 1fr) 35px;
  }

  .scorecard-header-side-left {
    width: 44px;
  }

  .scorecard-header-side-left > span,
  .scorecard-header-side-left > img {
    height: 34px;
    width: 34px;
  }

  .scorecard-header-copy {
    padding-left: 3px;
    padding-right: 3px;
  }

  .scorecard-title .scorecard-featured-event {
    font-size: 0.76rem;
  }

  .scorecard-title .scorecard-header-brand .scorecard-compact-logo {
    height: 60px;
    max-height: 60px;
    max-width: 144px;
  }

  .scorecard-menu-wrap {
    width: 35px;
  }

  .scorecard-menu-wrap .scorecard-menu-link {
    height: 76px;
    width: 35px;
  }
}

/* scorecard-header-alignment-22 */
.scorecard-topbar {
  border-bottom: 3px solid var(--scorecard-theme-primary);
  grid-template-rows: 76px;
  height: 79px;
  min-height: 79px;
}

.scorecard-topbar::after {
  display: none;
}

.scorecard-header-side-left,
.scorecard-title,
.scorecard-menu-wrap {
  height: 76px;
  min-height: 76px;
}

.scorecard-header-copy {
  align-content: center;
  padding: 5px 3px 8px;
}

.scorecard-title .scorecard-featured-event {
  line-height: 1.18;
  padding-bottom: 2px;
}

.scorecard-header-brand {
  display: grid;
  padding: 0;
  place-items: center;
}

.scorecard-title .scorecard-header-brand .scorecard-compact-logo {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 68px;
  max-width: 165px;
  object-fit: contain;
  object-position: center;
  width: calc(100% - 8px);
}

body.scorecard-page .scorecard-format-tabs {
  justify-content: safe center;
}

@media (max-width: 390px) {
  .scorecard-title .scorecard-header-brand .scorecard-compact-logo {
    height: auto;
    max-height: 64px;
    max-width: 150px;
  }
}

/* scorecard-organization-logo-23 */
.scorecard-topbar.has-organization-logo {
  grid-template-columns: 68px minmax(0, 1fr) 38px;
}

.scorecard-header-side-left.has-organization-logo {
  padding: 3px;
  width: 68px;
}

.scorecard-header-side-left.has-organization-logo.logo-background-white {
  background: #ffffff;
}

.scorecard-header-side-left.has-organization-logo > img {
  background: transparent;
  border: 0;
  border-radius: 0;
  height: 70px;
  max-height: 100%;
  object-fit: contain;
  width: 62px;
}

@media (max-width: 390px) {
  .scorecard-topbar.has-organization-logo {
    grid-template-columns: 60px minmax(0, 1fr) 35px;
  }

  .scorecard-header-side-left.has-organization-logo {
    width: 60px;
  }

  .scorecard-header-side-left.has-organization-logo > img {
    width: 54px;
  }
}

/* scorecard-brand-center-and-divider-24 */
.scorecard-header-brand {
  border-left: 0;
  box-sizing: border-box;
  justify-self: stretch;
  position: relative;
  width: 100%;
}

.scorecard-header-brand::before {
  background: color-mix(in srgb, var(--scorecard-theme-primary) 22%, #ffffff);
  bottom: 14px;
  content: '';
  left: 0;
  position: absolute;
  top: 14px;
  width: 1px;
}

.scorecard-title .scorecard-header-brand .scorecard-compact-logo {
  justify-self: center;
}

.scorecard-header-side-left,
.scorecard-menu-wrap {
  height: 77px;
  min-height: 77px;
}

/* scorecard-white-logo-rule-25 */
.scorecard-header-side-left.has-organization-logo.logo-background-white {
  height: 76px;
  min-height: 76px;
}

.scorecard-header-side-left.has-organization-logo > img {
  height: 63px;
  width: 56px;
}

@media (max-width: 390px) {
  .scorecard-header-side-left.has-organization-logo > img {
    width: 49px;
  }
}

/* scorecard-clean-white-header-28 */
.scorecard-topbar,
.scorecard-topbar.has-organization-logo {
  background: #ffffff;
  box-sizing: border-box;
  grid-template-columns: 52px minmax(0, 1fr) 34px;
}

.scorecard-topbar.has-organization-logo {
  grid-template-columns: 70px minmax(0, 1fr) 34px;
}

.scorecard-title {
  background: #ffffff;
  box-sizing: border-box;
  grid-column: 2;
  min-width: 0;
  width: 100%;
}

.scorecard-header-side-left,
.scorecard-header-side-left.has-organization-logo,
.scorecard-header-side-left.has-organization-logo.logo-background-white {
  align-self: stretch;
  background: #ffffff;
  box-sizing: border-box;
  grid-column: 1;
  grid-row: 1;
  height: 76px;
  justify-self: stretch;
  min-height: 76px;
  padding: 4px 5px 4px 7px;
  width: 100%;
}

.scorecard-header-side-left > span {
  background: #ffffff;
  border-color: var(--scorecard-theme-primary);
  border-radius: 50%;
  color: var(--scorecard-theme-primary);
  height: 38px;
  width: 38px;
}

.scorecard-header-side-left.has-organization-logo {
  width: 100%;
}

.scorecard-header-side-left.has-organization-logo > img {
  background: transparent;
  border: 0;
  border-radius: 0;
  height: 66px;
  max-height: 66px;
  max-width: 58px;
  object-fit: contain;
  width: 100%;
}

.scorecard-header-brand {
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  padding: 0 10px 0 7px;
}

.scorecard-title .scorecard-header-brand .scorecard-compact-logo {
  box-sizing: border-box;
  max-width: 145px;
  width: 100%;
}

.scorecard-menu-wrap {
  align-self: stretch;
  background: #ffffff;
  box-sizing: border-box;
  grid-column: 3;
  grid-row: 1;
  height: 76px;
  min-height: 76px;
  width: 100%;
}

.scorecard-menu-wrap .scorecard-menu-link {
  background: transparent;
  color: var(--scorecard-theme-primary);
  height: 76px;
  width: 34px;
}

@media (max-width: 390px) {
  .scorecard-topbar,
  .scorecard-topbar.has-organization-logo {
    grid-template-columns: 46px minmax(0, 1fr) 31px;
  }

  .scorecard-topbar.has-organization-logo {
    grid-template-columns: 62px minmax(0, 1fr) 31px;
  }

  .scorecard-header-side-left,
  .scorecard-header-side-left.has-organization-logo,
  .scorecard-header-side-left.has-organization-logo.logo-background-white {
    padding: 4px 5px 4px 7px;
    width: 100%;
  }

  .scorecard-header-side-left > span {
    height: 34px;
    width: 34px;
  }

  .scorecard-header-side-left.has-organization-logo {
    width: 100%;
  }

  .scorecard-header-side-left.has-organization-logo > img {
    height: 60px;
    max-height: 60px;
    max-width: 50px;
    width: 100%;
  }

  .scorecard-header-brand {
    padding: 0 10px 0 7px;
  }

  .scorecard-title .scorecard-header-brand .scorecard-compact-logo {
    max-width: 132px;
    width: 100%;
  }

  .scorecard-menu-wrap,
  .scorecard-menu-wrap .scorecard-menu-link {
    width: 100%;
  }
}

/* casual-scorecard-header-29 */
.scorecard-header-copy.casual-scorecard-header-copy {
  grid-template-rows: auto auto;
  align-content: center;
  row-gap: 6px;
}

.scorecard-title .casual-scorecard-header-copy .scorecard-header-date {
  font-size: clamp(0.72rem, 2.8vw, 0.92rem);
  line-height: 1.12;
}

/* scorecard-course-divider-header-30 */
.scorecard-title {
  grid-template-rows: minmax(0, 1fr) 18px;
}

.scorecard-header-copy,
.scorecard-header-brand {
  grid-row: 1;
  min-height: 0;
}

.scorecard-header-copy {
  grid-column: 1;
  align-content: center;
  padding-block: 4px;
}

.scorecard-header-copy.casual-scorecard-header-copy {
  grid-template-rows: auto auto;
  row-gap: 2px;
}

.scorecard-header-brand {
  grid-column: 2;
}

.scorecard-header-brand::before {
  bottom: 7px;
  top: 7px;
}

.scorecard-title .scorecard-header-brand .scorecard-compact-logo {
  max-height: 50px;
}

.scorecard-header-course-bar {
  min-width: 0;
  width: 100%;
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid !important;
  place-items: center;
  padding: 2px 8px 0;
  border-top: 1px solid color-mix(in srgb, var(--scorecard-theme-primary) 24%, #ffffff);
  color: var(--scorecard-theme-primary);
  font-size: clamp(0.58rem, 2.25vw, 0.74rem);
  font-weight: 800;
  line-height: 1;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 390px) {
  .scorecard-title .scorecard-header-brand .scorecard-compact-logo {
    max-height: 48px;
  }

  .scorecard-header-course-bar {
    font-size: 0.58rem;
  }
}

/* scorecard-status-theme-priority-31 */
body.scorecard-page .scorecard-status-panel {
  border: 3px solid var(--scorecard-theme-primary);
  background: #ffffff;
  box-shadow: none;
}

body.scorecard-page .scorecard-status-panel.status-live {
  background: color-mix(in srgb, var(--scorecard-theme-primary) 6%, #ffffff);
}

body.scorecard-page .scorecard-status-panel.status-round-complete {
  border-color: var(--scorecard-theme-secondary);
  background: color-mix(in srgb, var(--scorecard-theme-secondary) 8%, #ffffff);
}

body.scorecard-page .scorecard-status-panel.status-not-certified {
  border-color: #23804f;
  background: #dff2e4;
}

body.scorecard-page .scorecard-status-panel.status-certified {
  background: color-mix(in srgb, var(--scorecard-theme-primary) 11%, #ffffff);
}

/* compact-scorecard-course-strip-32 */
/* Keep the header's overall height fixed while reserving a compact, readable course line. */
.scorecard-title {
  grid-template-rows: minmax(0, 1fr) 14px;
}

.scorecard-header-copy {
  transform: translateY(-2px);
}

.scorecard-title > .scorecard-header-course-bar {
  padding: 1px 8px 0;
  font-size: 9px;
  line-height: 1;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* scorecard-course-divider-position-33 */
/* Keep the 79px header, but move the course divider under the date and Scoodle mark. */
.scorecard-title {
  grid-template-rows: 48px minmax(0, 1fr);
}

.scorecard-header-brand::before {
  top: 4px;
  bottom: 4px;
}

.scorecard-title > .scorecard-header-course-bar {
  padding: 2px 8px 1px;
  font-size: 14px;
  line-height: 1.1;
}

/* scorecard-header-course-action-35 */
.scorecard-title > button.scorecard-header-course-bar {
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
  height: auto;
  min-height: 0;
  display: grid !important;
  place-items: center;
  padding: 2px 8px 1px;
  border-top: 1px solid color-mix(in srgb, var(--scorecard-theme-primary) 24%, #ffffff);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  background: #ffffff;
  color: var(--scorecard-theme-primary);
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.1;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scorecard-title > button.scorecard-header-course-bar:focus-visible {
  outline: 2px solid var(--scorecard-theme-secondary);
  outline-offset: -2px;
}