div.content-root {
  display: flex;
  flex: 1;

  flex-direction: column;
  gap: 0.5rem;
  padding: 0rem 1rem;
}

.content-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  overflow-y: auto; /* Only this section scrolls */
}

.content-options {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content-options-item {
  display: flex;
  color: var(--pico-primary);
  padding: 0.25rem 1rem;
  font-weight: bold;
  gap: 0.25rem;
}

.content-options-item:hover {
  color: var(--pico-primary-inverse);
  background-color: var(--pico-primary-hover-background);
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}