.scorecard-app-brand {
  flex: 0 0 auto;
  width: 100%;
  min-height: 26px;
  display: grid;
  place-items: center;
  color: #ffffff;
  background: #155ea8;
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.scorecard-topbar {
  min-height: 104px;
  grid-template-columns: minmax(0, 1fr) 44px;
  align-items: start;
  padding-top: 8px;
  padding-bottom: 8px;
}

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

.scorecard-title {
  align-self: start;
  display: grid;
  gap: 4px;
  padding-top: 2px;
}

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

.scorecard-title .course-line {
  font-size: clamp(0.98rem, 4.35vw, 1.42rem);
  font-weight: 800;
}

.scorecard-title .event-line {
  font-size: clamp(1rem, 4.65vw, 1.36rem);
  opacity: 0.98;
}

.scorecard-title .round-line {
  font-size: clamp(0.9rem, 4.05vw, 1.14rem);
  opacity: 0.9;
}

.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;
}