@layer templates {
  .app-shell {
    min-height: 100dvh;

    &.is-native .app-shell__main { padding-block-end: var(--space-4); }
  }
  .app-shell__main {
    max-width: var(--content-max);
    margin: 0 auto;
    padding: var(--space-4) var(--space-4) calc(var(--nav-height) + var(--space-6));
    display: grid;
    gap: var(--space-5);
    align-content: start;
  }
  .page__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
  .section { display: grid; gap: var(--space-3); }
  .section__title {
    font-size: var(--text-s);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-muted);
    font-weight: 650;
  }
}