.header {
  display: flex;
  margin-bottom: 0.5rem;
  align-items: baseline;
}

.header-title {
  font-weight: 600;
  font-size: 16px;
  flex: 1 0 auto;
}

.header-extra {
  flex: 0 0 auto;
  display: flex;
  gap: 0.5rem;
}

.content {
  background: white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  border-radius: 0.25rem;
}

.divider {
  height: 1px;
  margin: 1rem -1rem;
  border-top: 1px solid #eee;
}

.sub-block {
}

.sub-block-header {
  display: flex;
  margin-bottom: 0.5rem;
  align-items: center;
}

.sub-block-header-title {
  font-weight: 600;
  font-size: 14px;
  flex: 1 0 auto;
}

.sub-block-header-extra {
  flex: 0 0 auto;
  display: flex;
  gap: 0.5rem;
}

.sub-block-content {
  & > *:first-child {
    margin-top: 0;
  }

  & > *:last-child {
    margin-bottom: 0;
  }
}
