@layer pages {
  .unseen {
    & #unseen-source {
      min-block-size: 10rem;
      max-block-size: 28lh;
    }

    & .clean {
      margin-block: 0;
      font: 400 var(--text-lead) / var(--leading-lead) var(--font-text);
    }

    & .view {
      max-block-size: 24lh;
      font-size: var(--text-code);
      line-height: var(--leading-code);

      & code {
        unicode-bidi: isolate;
      }
    }

    & mark {
      border-radius: var(--radius-inline);
      background: var(--syntax-deletion);
      color: var(--color-ink);
      outline: 1px solid var(--color-danger);

      @media (forced-colors: active) {
        outline-color: Highlight;
      }
    }

    & .manual {
      margin-block-start: var(--space-16);
    }
  }
}