/*
  Readers without a granting subscription for this workspace. Every photograph under the
  reader root is blurred. The publication logo and avatars stay sharp. The viewer dialog
  lives in App, outside the reader root, so html:has covers it.

  filter:blur paints past the border box. Clip each photograph to that box so the halo
  cannot spill into a title, a caption, or a neighbouring tile.
*/

[data-blur-media] .article-hero,
[data-blur-media] .prose > p:has(> img:only-child),
[data-blur-media] .gallery-tile__plate,
[data-blur-media] .gallery-figure__frame,
html:has([data-blur-media]) .gallery-viewer__frame {
  overflow: hidden;
}

[data-blur-media] img:not(.avatar),
html:has([data-blur-media]) .gallery-viewer__photo {
  filter: blur(var(--blur-media));
  clip-path: inset(0);
}

[data-blur-media] .reader-header__wordmark img {
  filter: none;
  clip-path: none;
}