#immersive-toggle[aria-pressed="true"] { color: var(--red); }

.poster.is-immersed {
  height: 100dvh;
  min-height: 100svh;
  padding-top: max(8px, env(safe-area-inset-top, 0px));
  padding-bottom: max(8px, env(safe-area-inset-bottom, 0px));
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
}

.poster.is-immersed > .masthead,
.poster.is-immersed > h1 { display: none; }

.poster.is-immersed > .pit {
  grid-row: 1;
  min-height: 0;
}

.poster.is-immersed > footer {
  grid-row: 2;
}

@media (orientation: landscape) and (max-height: 500px) {
  .poster.is-immersed { padding-top: var(--landscape-top); }
}