/* Lumina canonical photo page. */
body.photo-page {
  display: block;
  background-color: var(--color-bg);

  &::before {
    display: none;
  }

  >main {
    margin: 0;
    padding-block-start: var(--safe-top);

    /* One navigation row per gallery context (layout in main.css): the #ctx-… target,
       else the primary context. An unknown fragment falls back to the primary row. */
    >article>section>nav.photo-nav {
      >div {
        block-size: 100%;
        scroll-margin-block-start: 100dvh;

        >[data-photo-return] {
          position: fixed;
          z-index: 3;
          inset-block-start: var(--safe-top);
          inset-inline-end: var(--safe-right);
        }
      }

      >div:not(:target, [data-primary]),
      &:has(>div:target)>div[data-primary]:not(:target) {
        display: none;
      }
    }
  }
}