/* ui-erlaubt: Event impression dimensions are the requested visual contract. */
.news-inline-gallery {
  --news-gallery-gap: 10px;
  --news-gallery-row: 200px;
  --news-gallery-radius: 8px;
  --news-gallery-control: 44px;
  --news-gallery-overlay: #0a1e3f;
  --news-gallery-on-overlay: #fff;
  container-type: inline-size;
  width: 100%;
  margin-block: 30px;
}
.news-inline-gallery__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: var(--news-gallery-row); grid-auto-flow: dense; gap: var(--news-gallery-gap); }
.prose .news-inline-gallery__tile { display: block; position: relative; min-width: 0; overflow: hidden; border: 0; border-radius: var(--news-gallery-radius); background: var(--surface-alt, #eef0f2); cursor: zoom-in; }
.prose .news-inline-gallery__tile img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; object-fit: cover; object-position: var(--news-gallery-focus-x, 50%) var(--news-gallery-focus-y, 50%); transition: transform .5s ease; }
.news-inline-gallery__tile--big { grid-column: span 2; grid-row: span 2; }
.news-inline-gallery__tile--portrait:not(.news-inline-gallery__tile--big) { grid-row: span 2; }
.news-inline-gallery__tile--wide:not(.news-inline-gallery__tile--big) { grid-column: span 2; }
.news-inline-gallery__tile:hover img { transform: scale(1.04); }
.news-inline-gallery__tile:focus-visible { outline: 3px solid var(--accent, #9a7734); outline-offset: 3px; }
@container (max-width: 620px) { .news-inline-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 150px; } }
@container (max-width: 400px) { .news-inline-gallery__grid { grid-auto-rows: 130px; } }
.news-gallery-lightbox { position: fixed; inset: 0; box-sizing: border-box; width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; padding: 60px; border: 0; background: var(--news-gallery-overlay); color: var(--news-gallery-on-overlay); }
.news-gallery-lightbox[open] { display: grid; place-items: center; }
.news-gallery-lightbox::backdrop { background: var(--news-gallery-overlay); }
.prose .news-gallery-lightbox__image { display: block; width: auto; height: auto; max-width: 100%; max-height: calc(100dvh - 120px); margin: 0; object-fit: contain; }
.news-gallery-lightbox button { position: absolute; display: grid; place-items: center; width: var(--news-gallery-control); height: var(--news-gallery-control); padding: 0; border: 1px solid currentColor; border-radius: var(--news-gallery-radius); background: var(--news-gallery-overlay); color: var(--news-gallery-on-overlay); font: inherit; font-size: 32px; cursor: pointer; }
.news-gallery-lightbox button[hidden] { display: none; }
.news-gallery-lightbox button:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.news-gallery-lightbox__close { top: 10px; right: 10px; }
.news-gallery-lightbox__previous { top: calc(50% - 22px); left: 10px; }
.news-gallery-lightbox__next { top: calc(50% - 22px); right: 10px; }
.news-gallery-lightbox__status { position: absolute; bottom: 10px; inset-inline: 60px; margin: 0; color: var(--news-gallery-on-overlay); text-align: center; }
@media (prefers-reduced-motion: reduce) { .news-inline-gallery__tile img { transition: none; } .news-inline-gallery__tile:hover img { transform: none; } }