.app-shell {
  min-height: 100vh;
  min-height: 100dvh;
}

.app-content {
  min-width: 0;
  min-height: 100vh;
  min-height: 100dvh;
  margin-left: var(--sidebar-width);
  transition: margin-left var(--transition-medium);
}

.app-main {
  width: min(100%, var(--content-max-width));
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 3.25rem) max(clamp(1.5rem, 3vw, 3.25rem), var(--safe-area-right))
    max(clamp(2rem, 4vw, 3.5rem), var(--safe-area-bottom))
    max(clamp(1.5rem, 3vw, 3.25rem), var(--safe-area-left));
}

.app-main:focus {
  outline: none;
}