.round-division-summary {
  align-items: center;
  background: #eef7f1;
  border: 1px solid #cce2d3;
  border-radius: 8px;
  display: grid;
  gap: 0.55rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0.65rem;
}

.round-setup-formats {
  color: #52645b;
  display: block;
  font-size: 0.78rem;
  font-weight: 750;
  margin-top: 0.16rem;
}

.round-format-details {
  border: 1px solid #dce8e0;
  border-radius: 8px;
  overflow: hidden;
}

.round-format-details summary {
  align-items: center;
  background: #f7faf8;
  color: #0f3d2b;
  cursor: pointer;
  display: grid;
  gap: 0.25rem 0.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
  list-style: none;
  padding: 0.65rem;
}

.round-format-details summary::-webkit-details-marker {
  display: none;
}

.round-format-details summary::after {
  color: #17633f;
  content: "v";
  font-size: 0.9rem;
  font-weight: 950;
}

.round-format-details[open] summary::after {
  content: "^";
}

.round-format-details summary span {
  font-size: 0.9rem;
  font-weight: 900;
}

.round-format-details summary small {
  color: #52645b;
  font-size: 0.76rem;
  font-weight: 750;
  grid-column: 1 / -1;
}

.round-format-details .round-format-picker {
  border-top: 1px solid #dce8e0;
  padding: 0.6rem;
}

.round-division-summary strong,
.round-division-summary span {
  display: block;
}

.round-division-summary strong {
  color: #0f3d2b;
  font-size: 0.9rem;
}

.round-division-summary span {
  color: #52645b;
  font-size: 0.78rem;
  font-weight: 750;
  margin-top: 0.12rem;
}