@layer base {
  body {
    display: grid;
    /* grid-template-rows: auto 1fr auto 9em; */
    grid-template-rows: auto 1fr auto 0em;

    &.public {
      grid-template-rows: auto 1fr auto auto;
    }
  }

  :where(#main) {
    inline-size: 100%;
    margin-inline: auto;
    max-inline-size: 100%;
    padding-inline:
      calc(var(--main-padding) + env(safe-area-inset-left))
      calc(var(--main-padding) + env(safe-area-inset-right));
    /* text-align: center; */
  }

  :where(#footer) {
    max-inline-size: 100%;
  }

  :is(#header, #footer) {
    @media print {
      display: none;
    }
  }

  @media (max-width: var(--max-layout-width)) {
    :where(#main) {
      inline-size: var(--max-layout-width);
      max-inline-size: var(--max-layout-width);
    }

    :where(#footer) {
      max-inline-size: var(--max-layout-width);
    }    
  }
}