/* KULTURURBANA / .GALLERY.OS — Edge Journal native visual tokens.
   Exactly ten local images on article load. Modal assets only load on demand.
   No competing visual language or global CSS changes. */
body.edge-os-enabled.article-page .kultura-photo-teaser {
  padding: clamp(14px,1.5vw,24px);
  border-bottom: 1px solid var(--ef-doc-line,rgba(175,200,232,.16));
  background: #101926;
}
body.edge-os-enabled.article-page .kultura-photo-teaser__head,
body.edge-os-enabled.article-page .kultura-photo-teaser__open {
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
body.edge-os-enabled.article-page .kultura-photo-teaser__head {
  color:var(--ef-doc-blue-light,#8cc4ff);
  font:750 10px/1.3 var(--ef-doc-mono,monospace);
  letter-spacing:.08em;
}
body.edge-os-enabled.article-page .kultura-photo-teaser__head strong {font-size:16px;letter-spacing:0;color:#f7f9fc}
body.edge-os-enabled.article-page .kultura-photo-teaser__head small {color:#819bb8;font-size:11px}
body.edge-os-enabled.article-page .kultura-photo-teaser p {
  margin:9px 0 14px;color:#aabbd0;font:500 12px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.edge-os-enabled.article-page .kultura-photo-teaser__scroll {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  max-height:318px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4d7294 transparent;
  padding:2px 4px 4px 0;overscroll-behavior:contain;
}
body.edge-os-enabled.article-page .kultura-photo-teaser__item {
  position:relative;display:block;min-width:0;width:100%;aspect-ratio:4/3;
  padding:0!important;margin:0!important;border:1px solid rgba(175,200,232,.22);
  border-radius:3px;background:#080d14;overflow:hidden;cursor:pointer;
}
body.edge-os-enabled.article-page .kultura-photo-teaser__item img {
  display:block;width:100%!important;height:100%!important;object-fit:cover!important;
  max-height:none!important;transition:transform .2s ease;
}
body.edge-os-enabled.article-page .kultura-photo-teaser__item:hover img {transform:scale(1.04)}
body.edge-os-enabled.article-page .kultura-photo-teaser__item[aria-pressed="true"] {border-color:#8cc4ff;box-shadow:inset 0 0 0 1px #8cc4ff}
body.edge-os-enabled.article-page .kultura-photo-teaser__item span {
  position:absolute;right:4px;bottom:4px;padding:2px 5px;background:rgba(6,11,18,.86);
  color:#f7f9fc;font:750 10px var(--ef-doc-mono,monospace);
}
body.edge-os-enabled.article-page .kultura-photo-teaser__open {
  width:100%;min-height:44px;margin-top:14px;padding:11px 12px;
  border:1px solid rgba(74,157,255,.5);border-radius:4px;background:rgba(74,157,255,.12);
  color:#f7f9fc;font:750 11px/1.4 var(--ef-doc-mono,monospace);cursor:pointer;
}
body.edge-os-enabled.article-page .kultura-photo-teaser__open:hover,
body.edge-os-enabled.article-page .kultura-photo-teaser__open:focus-visible {background:rgba(74,157,255,.25);border-color:#8cc4ff}
body.edge-os-enabled.article-page .kultura-photo-teaser__open strong {color:#8cc4ff}
body.edge-os-enabled.article-page .kultura-photo-teaser__note {
  display:block;margin-top:10px;color:#7e95ae;font:550 10px/1.5 var(--ef-doc-mono,monospace);
}

/* The dialog is outside the .ef-document reader and uses native OS surfaces.
   It intentionally sits above the existing topbar (z-index 1100) and drawer. */
body.edge-os-enabled.article-page dialog#kultura-gallery-dialog {
  position:fixed;inset:0;margin:auto;width:min(1500px,calc(100vw - 28px));
  height:min(880px,calc(100dvh - 28px));max-width:none;max-height:none;
  padding:0;border:1px solid rgba(175,200,232,.35);border-radius:9px;
  color:#d4e0ee;background:#0d141e;box-shadow:0 35px 120px rgba(0,0,0,.8);
  overflow:hidden;
}
body.edge-os-enabled.article-page dialog#kultura-gallery-dialog::backdrop {background:rgba(2,5,9,.83);backdrop-filter:blur(6px)}
body.edge-os-enabled.article-page .kultura-os {display:flex;flex-direction:column;height:100%;min-height:0}
body.edge-os-enabled.article-page .kultura-os__top {
  display:flex;align-items:center;gap:12px;min-height:54px;padding:9px 15px;
  border-bottom:1px solid rgba(175,200,232,.23);background:#172334;
  color:#f7f9fc;font:750 12px/1.3 var(--ef-doc-mono,monospace);
}
body.edge-os-enabled.article-page .kultura-os__icon {
  border:1px solid rgba(74,157,255,.5);padding:5px 7px;background:rgba(74,157,255,.1);
  color:#8cc4ff;font-size:10px;white-space:nowrap;
}
body.edge-os-enabled.article-page .kultura-os__top strong {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.edge-os-enabled.article-page .kultura-os button,
body.edge-os-enabled.article-page .kultura-os input {
  font-family:var(--ef-doc-mono,monospace);
}
body.edge-os-enabled.article-page .kultura-os__close {
  padding:7px 12px;min-width:38px;min-height:34px;color:#d4e0ee;
  border:1px solid rgba(175,200,232,.3);border-radius:3px;background:#243448;cursor:pointer;
}
body.edge-os-enabled.article-page .kultura-os__close:hover {background:#334b66;color:#fff}
body.edge-os-enabled.article-page .kultura-os__toolbar {
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  padding:12px 15px;border-bottom:1px solid rgba(175,200,232,.16);background:#111a26;
}
body.edge-os-enabled.article-page .kultura-os__search {
  flex:1 1 220px;min-height:39px;min-width:140px;width:100%;
  padding:9px 12px;border:1px solid rgba(175,200,232,.27);border-radius:3px;
  background:#080d14;color:#eff6ff;font:600 12px var(--ef-doc-mono,monospace);
}
body.edge-os-enabled.article-page .kultura-os__toolbar button,
body.edge-os-enabled.article-page .kultura-os__pager button,
body.edge-os-enabled.article-page .kultura-os__viewer-actions button {
  border:1px solid rgba(175,200,232,.25);border-radius:3px;background:#182739;
  color:#cbdced;padding:9px 12px;min-height:36px;cursor:pointer;
}
body.edge-os-enabled.article-page .kultura-os button:disabled {cursor:not-allowed;opacity:.4}
body.edge-os-enabled.article-page .kultura-os button:hover:not(:disabled) {border-color:#8cc4ff;color:#fff}
body.edge-os-enabled.article-page .kultura-os__count {
  font:700 11px/1.5 var(--ef-doc-mono,monospace);color:#8cc4ff;white-space:nowrap;
}
body.edge-os-enabled.article-page .kultura-os__body {
  flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,32%);
  min-height:0;overflow:hidden;
}
body.edge-os-enabled.article-page .kultura-os__browser {
  display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid rgba(175,200,232,.2);
}
body.edge-os-enabled.article-page .kultura-os__grid {
  display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));align-content:start;
  gap:10px;flex:1;min-height:0;padding:14px;overflow:auto;
  scrollbar-width:thin;scrollbar-color:#506d8a transparent;
}
body.edge-os-enabled.article-page .kultura-os__tile {
  display:block;position:relative;min-width:0;padding:0;border:1px solid rgba(175,200,232,.2);
  background:#09121d;border-radius:4px;overflow:hidden;text-align:left;cursor:pointer;
}
body.edge-os-enabled.article-page .kultura-os__tile[aria-pressed="true"] {border-color:#8cc4ff;box-shadow:0 0 0 1px #8cc4ff}
body.edge-os-enabled.article-page .kultura-os__tile img {
  display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#060a10;
}
body.edge-os-enabled.article-page .kultura-os__tile span {
  display:block;padding:7px;color:#c8d9ee;white-space:nowrap;text-overflow:ellipsis;
  overflow:hidden;font:650 10px/1.3 var(--ef-doc-mono,monospace);
}
body.edge-os-enabled.article-page .kultura-os__pager {
  display:flex;align-items:center;justify-content:center;gap:12px;min-height:53px;
  padding:8px;border-top:1px solid rgba(175,200,232,.2);background:#101a27;
  color:#9cb0c9;font:650 11px var(--ef-doc-mono,monospace);
}
body.edge-os-enabled.article-page .kultura-os__viewer {
  display:flex;flex-direction:column;min-width:0;min-height:0;background:#080d14;
}
body.edge-os-enabled.article-page .kultura-os__photo {
  display:flex;flex:1;align-items:center;justify-content:center;min-height:140px;padding:12px;overflow:hidden;
}
body.edge-os-enabled.article-page .kultura-os__photo img {
  display:block;max-width:100%;max-height:100%;object-fit:contain;
}
body.edge-os-enabled.article-page .kultura-os__metadata {
  flex:0 0 auto;border-top:1px solid rgba(175,200,232,.18);
  padding:12px 14px;max-height:46%;overflow:auto;background:#111a26;
}
body.edge-os-enabled.article-page .kultura-os__metadata h3 {
  margin:0 0 11px;color:#f7f9fc;font:750 13px/1.4 var(--ef-doc-mono,monospace);
  overflow-wrap:anywhere;
}
body.edge-os-enabled.article-page .kultura-os__metadata dl {display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:0}
body.edge-os-enabled.article-page .kultura-os__metadata dt {
  color:#8a9cb1;font:650 10px/1.45 var(--ef-doc-mono,monospace)
}
body.edge-os-enabled.article-page .kultura-os__metadata dd {
  min-width:0;margin:0;color:#d5e2f3;overflow-wrap:anywhere;
  font:600 10px/1.45 var(--ef-doc-mono,monospace)
}
body.edge-os-enabled.article-page .kultura-os__viewer-actions {
  display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap
}
body.edge-os-enabled.article-page .kultura-os__viewer-actions a {
  display:inline-flex;align-items:center;padding:9px 12px;min-height:36px;
  color:#8cc4ff;text-decoration:none;border:1px solid rgba(74,157,255,.4);
  border-radius:3px;background:rgba(74,157,255,.08);font:700 11px var(--ef-doc-mono,monospace)
}
body.edge-os-enabled.article-page .kultura-os__status {
  border-top:1px solid rgba(175,200,232,.16);padding:9px 14px;
  background:#111a26;color:#88a5c1;font:600 10px/1.4 var(--ef-doc-mono,monospace)
}
body.edge-os-enabled.article-page .kultura-os__empty {
  padding:22px;color:#b4c6d9;font:600 12px/1.7 var(--ef-doc-mono,monospace)
}
@media(max-width:850px) {
  body.edge-os-enabled.article-page dialog#kultura-gallery-dialog {
    width:100vw;height:100dvh;border-radius:0;border:0;
  }
  body.edge-os-enabled.article-page .kultura-os__body {
    display:flex;flex-direction:column;
  }
  body.edge-os-enabled.article-page .kultura-os__browser {
    flex:1 1 48%;min-height:120px;border-right:0;border-bottom:1px solid rgba(175,200,232,.23)
  }
  body.edge-os-enabled.article-page .kultura-os__viewer {flex:1 1 52%;min-height:180px}
  body.edge-os-enabled.article-page .kultura-os__grid {
    grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:7px;padding:9px;
  }
  body.edge-os-enabled.article-page .kultura-os__metadata {max-height:52%;padding:9px}
}
@media(max-width:640px){
  body.edge-os-enabled.article-page .kultura-os__top {min-height:49px;padding:7px 10px}
  body.edge-os-enabled.article-page .kultura-os__toolbar {padding:8px 10px;gap:7px}
  body.edge-os-enabled.article-page .kultura-os__toolbar button {padding:7px 9px}
  body.edge-os-enabled.article-page .kultura-os__grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  body.edge-os-enabled.article-page .kultura-os__tile span {font-size:9px}
  body.edge-os-enabled.article-page .kultura-os__photo {min-height:100px;padding:7px}
  body.edge-os-enabled.article-page .kultura-os__metadata dl {gap:4px 8px}
}
@media(prefers-reduced-motion:reduce){
  body.edge-os-enabled.article-page .kultura-photo-teaser__item img {transition:none}
}

/* KulturURBANA: page-owned scrolling. */
/* Keep all ten featured photos and the gallery action in the document flow.
   Scope to this archive so other article previews retain their sticky layout. */
body.edge-os-enabled.article-page .ef-document-visual:has([data-kultura-preview]) .ef-document-visual__sticky {
  position: static;
  top: auto;
  max-height: none;
  overflow: visible;
}

body.edge-os-enabled.article-page .ef-document-visual [data-kultura-preview] .kultura-photo-teaser__scroll {
  max-height: none;
  overflow: visible;
}
/* End KulturURBANA scrolling. */