.section {
  border: 1px solid #000;
  padding: 10px;
  border-radius: 10px;
}

.section-gray {
  background-color: #f0f0f0;
}

.section-row {
  display: flex;
}

.section-row > .section {
  flex: 1;
  box-sizing: border-box;
  border-radius: 0;
}

.section-row > .section:first-child {
  border-radius: 10px 0 0 10px;
}

.section-row > .section:last-child {
  border-radius: 0 10px 10px 0;
}

.section-row > .section:only-child {
  border-radius: 10px;
}

.section-column {
  display: flex;
  flex-direction: column;
}

.section-column > .section {
  border-radius: 0;
}

.section-column > .section:first-child {
  border-radius: 10px 10px 0 0;
}

.section-column > .section:last-child {
  border-radius: 0 0 10px 10px;
}

.section-column > .section:only-child {
  border-radius: 10px;
}

.section-multiple {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}

.section-multiple .section-row {
  display: flex;
  width: 100%;
}

.section-multiple .section-row > .section {
  border-radius: 0;
}

.section-multiple > .section-row:first-child > .section:first-child {
  border-top-left-radius: 10px;
}

.section-multiple > .section-row:first-child > .section:last-child {
  border-top-right-radius: 10px;
}

.section-multiple > .section-row:last-child > .section:first-child {
  border-bottom-left-radius: 10px;
}

.section-multiple > .section-row:last-child > .section:last-child {
  border-bottom-right-radius: 10px;
}

.section-multiple > .section-row:only-child > .section:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.section-multiple > .section-row:only-child > .section:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.section-multiple > .section-row:only-child > .section:only-child {
  border-radius: 10px;
}