.brand-logo {
  display: block;
  width: auto;
  height: 90px;
  max-width: 156px;
  object-fit: contain;
  flex: 0 0 auto;
  background: #fff;
  border-radius: 8px;
  padding: 5px;
}

.draft-auto-save-note {
  display: none !important;
}

/* Programme of Events help: compact info icon beside the heading. */
.rounds-heading {
  display: grid;
  grid-template-columns: auto auto minmax(12px, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.rounds-heading > div:first-child {
  grid-column: 1;
}

.programme-actions {
  display: contents !important;
}

.programme-help-btn {
  grid-column: 2;
  width: 27px;
  height: 27px;
  min-width: 27px;
  padding: 0;
  border: 2px solid #EB1D27 !important;
  border-radius: 50%;
  background: #fff !important;
  color: #EB1D27 !important;
  font-size: 0 !important;
  line-height: 1;
  text-decoration: none !important;
  display: inline-grid;
  place-items: center;
  justify-self: start;
  cursor: pointer;
}

.programme-help-btn::before {
  content: "i";
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
  font-family: Georgia, "Times New Roman", serif;
  transform: translateY(-1px);
}

.programme-help-btn:hover,
.programme-help-btn:focus-visible {
  background: #EB1D27 !important;
  color: #fff !important;
  outline: none;
}

.rounds-heading .add-round-btn {
  grid-column: 4;
  justify-self: end;
}

@media (max-width: 850px) {
  .brand-lockup { align-items: center; }
  .brand-logo { height: 72px; max-width: 126px; }
}

@media (max-width: 650px) {
  .rounds-heading {
    grid-template-columns: auto auto minmax(0, 1fr);
  }

  .rounds-heading .add-round-btn {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: start;
    margin-top: 4px;
  }
}

@media (max-width: 540px) {
  .brand-lockup { gap: 12px; align-items: center; }
  .brand-logo { height: 56px; max-width: 100px; padding: 3px; }
}

@media print {
  .brand-logo {
    display: block !important;
    height: 70px;
    max-width: 124px;
    padding: 0;
    border-radius: 0;
    background: transparent;
  }
}