body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}
.l-page-shell {
  width: 100%;
  max-width: calc(var(--page-width) + 2 * var(--space-6));
  margin-inline: auto;
  padding-inline: max(var(--space-3), env(safe-area-inset-left))
    max(var(--space-3), env(safe-area-inset-right));
}
.l-main {
  flex: 1;
  padding-block: var(--space-8) var(--space-12);
}
.l-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
}
.l-stack--large {
  gap: var(--space-8);
}
.l-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}
.l-admin-shell {
  max-width: 90rem;
}
.l-admin-filters {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}
/* Wide layout begins at 48rem; the single documented layout breakpoint. */
@media (min-width: 48rem) {
  .l-admin-filters {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto;
  }
  .l-page-shell {
    padding-inline: max(var(--space-6), env(safe-area-inset-left))
      max(var(--space-6), env(safe-area-inset-right));
  }
  h1 {
    font-size: 2.5rem;
  }
}