/* The generated image remains unfiltered in both themes. */
.paper-illustration { overflow: hidden; border-radius: 3px; background: #0b1119; }
.paper-illustration img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
html[data-theme] .newsroom-figure.glass-surface { padding: 0; border-radius: 34px; background: #0b1119; }
.newsroom-scene { position: relative; overflow: hidden; isolation: isolate; background: #0b1119; }
html[data-theme] .newsroom-figure .newsroom-art { display: block; width: 100%; height: auto; max-height: none; filter: none; mix-blend-mode: normal; }
.scene-label {
  position: absolute; top: 28px; left: 28px; z-index: 2;
  display: inline-flex; align-items: center; gap: 12px;
  max-width: calc(100% - 56px); padding: 15px 21px;
  border-radius: 999px; color: #edf5ff; font-size: 11px; line-height: 1.5;
  background: linear-gradient(140deg, #e3f0ff1f, #15233175);
  border: 1px solid #d6e8ff42; border-top-color: #f0f8ff85;
  box-shadow: inset 0 1px 1px #fff3, 0 10px 28px #0002;
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  pointer-events: none;
}
html[data-theme] .newsroom-figure figcaption { background: var(--paper); color: var(--muted); padding: 17px 24px; border-color: var(--line); line-height: 1.8; }
@media (max-width: 600px) {
  html[data-theme] .newsroom-figure.glass-surface { border-radius: 24px; }
  .scene-label { top: 12px; left: 12px; padding: 8px 12px; gap: 9px; font-size: 8px; max-width: calc(100% - 24px); }
  .scene-label .status-dot { width: 5px; height: 5px; flex-shrink: 0; }
  html[data-theme] .newsroom-figure figcaption { padding: 12px 16px; font-size: 9px; }
}
@media (prefers-reduced-transparency: reduce) {
  .scene-label { background: #1c2a38; -webkit-backdrop-filter: none; backdrop-filter: none; }
}