/* LEVEL-ONE layout layer */
.shell {
  width: min(calc(100% - (var(--lo-page-gutter) * 2)), var(--lo-shell));
}

.content-shell.shell {
  width: min(calc(100% - (var(--lo-page-gutter) * 2)), var(--lo-content-shell));
}

:is(.admin-page, .account-page, .calendar-page, .sports-shell, .club-consumption-page) {
  gap: var(--lo-grid-gap);
}

@media (max-width: 820px) {
  .shell {
    width: min(calc(100% - 1.5rem), var(--lo-shell));
  }
}