@layer page {
  body { background: var(--ui-parking-background); }
  main {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-block-size: 100vh;
    min-block-size: 100svh;
    place-items: center;
    padding-block: max(var(--space-6), env(safe-area-inset-top, 0px)) max(var(--space-6), env(safe-area-inset-bottom, 0px));
    padding-inline: max(var(--space-6), env(safe-area-inset-left, 0px)) max(var(--space-6), env(safe-area-inset-right, 0px));
  }
  .sleeping-lion {
    --lion-width: 260px;
    display: block;
    inline-size: min(var(--lion-width), 100%);
    inline-size: min(var(--lion-width), 100%, calc(150svh - 4.5rem));
  }
  .sleeping-lion img { inline-size: 100%; block-size: auto; }
  @media (max-width: 480px) {
    .sleeping-lion { --lion-width: 240px; }
  }
  .visually-hidden {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  @media (forced-colors: active) {
    body { background: Canvas; }
    .sleeping-lion { forced-color-adjust: none; }
  }
}