@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

/* Open Muzej project layer. GM Core content stays native and editable. */
:root{
  --om-progress-h:3px;
  --om-frame-h:42px;
  --om-desktop-bar:45px;
  --om-icon:28px;
  --om-gap:7px;
  --om-left-col:77px;
  --om-right-col:calc((100% - var(--om-left-col)) / 4 + var(--om-left-col));
  --om-nav-h:180px;
  --om-mobile-bar:42px;
  --om-grey-bg:var(--gm-colour-colour-grey-bg,#deded9);
}

.stage{background:var(--site-accent)}

.page-canvas{
  position:relative!important;
  box-sizing:border-box!important;
  max-width:none!important;
  padding:0!important;
  color:var(--site-ink)!important;
  text-align:left!important;
}

.canvas-frame:not(.mobile),
.canvas-frame:not(.mobile) .page-canvas{
  overflow:visible!important;
}

/* Desktop content field: grey / white / grey. */
.canvas-frame:not(.mobile) .page-canvas{
  background:
    linear-gradient(
      to right,
      var(--om-grey-bg) 0 var(--om-left-col),
      var(--site-background) var(--om-left-col) calc(100% - var(--om-right-col)),
      var(--om-grey-bg) calc(100% - var(--om-right-col)) 100%
    )!important;
}

.stage,
.canvas-frame.mobile .page-canvas{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.stage::-webkit-scrollbar,
.canvas-frame.mobile .page-canvas::-webkit-scrollbar{
  width:0;height:0;display:none;
}

/* True viewport frame: JS sizes this to the visible site window, so it never scrolls away. */
.om-viewport-frame{
  position:fixed;
  z-index:48;
  box-sizing:border-box;
  border:1px solid var(--site-ink);
  pointer-events:none;
}
.om-fixed-progress{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:0;
  height:calc(var(--om-progress-h) + 1px);
  display:none;
  overflow:hidden;
  box-sizing:border-box;
  border-bottom:1px solid var(--site-ink);
  background:var(--site-accent);
}
.om-fixed-progress i{
  display:block;
  width:100%;
  height:var(--om-progress-h);
  background:var(--site-ink);
  transform:scaleX(0);
  transform-origin:left center;
}
.om-viewport-frame.show-fixed-progress .om-fixed-progress{display:block}

/* Site chrome remains below GM Core chrome. */
.om-brand-layer{
  position:sticky;
  z-index:7;
  top:0;
  width:100%;
  height:0;
  overflow:visible;
  pointer-events:none;
}
.editor-shell.preview-mode .om-brand-layer{z-index:30}

.om-brand{
  position:absolute;
  inset:0 0 auto 0;
  overflow:hidden;
  background:var(--site-accent);
  color:var(--site-ink);
  pointer-events:auto;
  will-change:height;
}

/* Progress runs in a separate 3px lane above the framed menu. */
.om-progress{
  position:absolute;
  z-index:40;
  left:0;
  right:0;
  top:0;
  height:var(--om-progress-h);
  overflow:hidden;
  pointer-events:none;
  opacity:1;
}
.om-progress-fill{
  display:block;
  width:100%;
  height:100%;
  background:var(--site-ink);
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}

/* Outer left/right edges come from the permanent viewport frame. */
.om-header-frame{
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  top:var(--om-progress-h);
  bottom:0;
  display:grid;
  grid-template-columns:var(--om-left-col) minmax(0,1fr) var(--om-right-col);
  box-sizing:border-box;
  border-top:1px solid var(--site-ink);
  border-bottom:1px solid var(--site-ink);
  background:var(--site-accent);
  pointer-events:none;
}
.om-header-cell{min-width:0;position:relative}
.om-header-cell-right{position:relative}
.om-brand.is-collapsed .om-header-frame::before,
.om-brand.is-collapsed .om-header-frame::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  width:1px;
  background:var(--site-ink);
  pointer-events:none;
}
.om-brand.is-collapsed .om-header-frame::before{left:var(--om-left-col)}
.om-brand.is-collapsed .om-header-frame::after{right:var(--om-right-col)}

/* Right sector: clipped continuous marquee. */
.om-wordmark{
  position:absolute;
  inset:0;
  box-sizing:border-box;
  opacity:0;
  overflow:hidden;
  white-space:nowrap;
  color:var(--site-ink);
  pointer-events:none;
}
.om-marquee-track{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  display:flex;
  align-items:center;
  width:max-content;
  animation:om-marquee 22s linear infinite;
}
.om-marquee-sequence{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding-right:14px;
  flex:0 0 auto;
}
.om-marquee-brand,
.om-marquee-copy{
  font-family:var(--gm-type-animated-menu-font-family,"IBM Plex Sans",sans-serif);
  font-size:var(--gm-type-animated-menu-desktop-size,28px);
  font-weight:var(--gm-type-animated-menu-weight,600);
  line-height:var(--gm-type-animated-menu-line-height,1);
  letter-spacing:var(--gm-type-animated-menu-letter-spacing,.6px);
  font-style:var(--gm-type-animated-menu-font-style,normal);
  text-transform:var(--gm-type-animated-menu-transform,uppercase);
}
.om-marquee-arrow{
  width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  flex:0 0 28px;
}
.om-marquee-arrow .om-symbol-arrow{
  transform:rotate(-90deg);
}
.om-marquee-circle,
.om-marquee-square{
  display:inline-block;
  width:28px;
  height:28px;
  flex:0 0 28px;
  background:var(--site-ink);
}
.om-marquee-circle{border-radius:50%}
@keyframes om-marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.om-hero-space{
  width:100%;
  flex:0 0 auto;
  background:var(--site-accent);
  pointer-events:none;
}

.om-shape{
  position:absolute;
  z-index:10;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  padding:0;
  border:0;
  background:var(--site-ink);
  color:var(--site-accent);
  will-change:left,top,width,height;
}
.om-circle{border-radius:50%}
.om-square{border-radius:0}

/* Circle = Home. */
.om-home-circle{cursor:default;pointer-events:none}
.om-brand.is-collapsed .om-home-circle{cursor:pointer;pointer-events:auto}
.om-brand.is-collapsed .om-home-circle:hover,
.om-brand.is-collapsed .om-home-circle:focus-visible{
  border:1px solid var(--site-ink)!important;
  background:var(--site-accent)!important;
  outline:0;
}
.om-internal-close-symbol{
  display:none;
  width:18px;
  height:18px;
  color:var(--site-accent);
  pointer-events:none;
}
.om-home-circle.is-internal-close .om-internal-close-symbol{
  display:grid;
  place-items:center;
}
.om-home-circle.is-internal-close:hover .om-internal-close-symbol,
.om-home-circle.is-internal-close:focus-visible .om-internal-close-symbol{
  color:var(--site-ink);
}

/* Square = language.
   Current language is visible at rest; target language replaces it on hover. */
.om-lang-square{cursor:default;pointer-events:none}
.om-lang-label{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  opacity:0;
  pointer-events:none;
}
.om-brand.is-collapsed .om-lang-square{cursor:pointer;pointer-events:auto}
.om-brand.is-collapsed .om-lang-current{opacity:1}
.om-brand.is-collapsed .om-lang-square:hover,
.om-brand.is-collapsed .om-lang-square:focus-visible{
  border:1px solid var(--site-ink)!important;
  background:var(--site-accent)!important;
  color:var(--site-ink)!important;
  outline:0;
}
.om-brand.is-collapsed .om-lang-square:hover .om-lang-current,
.om-brand.is-collapsed .om-lang-square:focus-visible .om-lang-current{opacity:0}
.om-brand.is-collapsed .om-lang-square:hover .om-lang-target,
.om-brand.is-collapsed .om-lang-square:focus-visible .om-lang-target{opacity:1}

/* Second orange panel is normal page content. It scrolls beneath the fixed header.
   Arrow/label pin inside this panel until its lower edge reaches them. */
.om-nav-strip{
  position:relative!important;
  z-index:4;
  top:auto!important;
  width:100%;
  flex:0 0 var(--om-nav-h);
  box-sizing:border-box;
  height:var(--om-nav-h);
  display:grid;
  grid-template-columns:var(--om-left-col) minmax(0,1fr) var(--om-right-col);
  border-top:0;
  border-bottom:1px solid var(--site-ink);
  background:var(--site-accent);
  color:var(--site-ink);
  cursor:pointer;
}
.om-nav-strip.is-label-menu{cursor:default}

/* Unbroken vertical separators, drawn as full-height lines. */
.om-nav-strip.is-menu::before,
.om-nav-strip.is-menu::after{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  bottom:0;
  width:1px;
  background:var(--site-ink);
  pointer-events:none;
}
.om-nav-strip.is-menu::before{left:var(--om-left-col)}
.om-nav-strip.is-menu::after{right:var(--om-right-col)}
.om-nav-cell{position:relative;min-width:0}

.om-nav-action{
  position:sticky;
  top:var(--om-desktop-bar);
  z-index:4;
  grid-column:1 / -1;
  grid-row:1;
  align-self:start;
  justify-self:stretch;
  width:100%;
  height:var(--om-frame-h);
  color:var(--site-ink);
  background:transparent;
  pointer-events:none;
}

.om-nav-arrow{
  position:absolute;
  top:7px;
  left:6px;
  width:var(--om-icon);
  height:var(--om-icon);
  box-sizing:border-box;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:var(--site-accent);
  color:var(--site-ink);
}
.om-nav-arrow::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  box-sizing:border-box;
  border:1px solid var(--site-ink);
  border-radius:50%;
  pointer-events:none;
}
.om-nav-arrow-symbol{
  position:relative;
  z-index:1;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
}
.om-nav-strip:not(.is-label-menu) .om-nav-arrow-symbol{
  animation:om-arrow-soft-blink 2s ease-in-out infinite;
}
@keyframes om-arrow-soft-blink{
  0%,100%{opacity:1}
  50%{opacity:0}
}

.om-symbol-svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.om-symbol-arrow{
  transform:rotate(180deg);
  transform-origin:center;
}
.om-nav-arrow .om-symbol-arrow{
  transition:transform 360ms ease;
}
.om-nav-strip.is-label-menu .om-nav-arrow .om-symbol-arrow{
  transform:rotate(270deg);
}
.om-symbol-cross,
.om-symbol-plus{
  width:100%;
  height:100%;
}

.om-nav-label{
  position:absolute;
  top:15px;
  left:41px;
  width:auto;
  text-align:left;
  white-space:nowrap;
  transition:opacity 100ms linear;
}

/* Native GM Core content stays inside the white centre zone. */
.canvas-frame:not(.mobile) .page-canvas > .block,
.canvas-frame:not(.mobile) .page-canvas > .page-footnotes{
  margin-left:calc(var(--om-left-col) + 28px);
  margin-right:calc(var(--om-right-col) + 28px);
}
.page-canvas > [data-block="om-home-title"],
.page-canvas > [data-block="om-home-title-en"]{
  margin-top:clamp(48px,8vw,120px);
  margin-bottom:clamp(28px,4vw,64px);
}
.page-canvas > [data-block="om-home-intro"],
.page-canvas > [data-block="om-home-detail"],
.page-canvas > [data-block="om-home-intro-en"],
.page-canvas > [data-block="om-home-detail-en"]{
  max-width:980px;
  margin-bottom:28px;
}
.page-canvas > [data-block="om-home-detail"],
.page-canvas > [data-block="om-home-detail-en"]{
  margin-bottom:clamp(80px,13vw,190px);
}

/* Internal reading pages: compact header is ordinary document content.
   Only the 3px reading-progress lane remains fixed at the viewport top. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page .om-brand-layer{
  position:relative;
  top:auto;
  height:var(--om-desktop-bar);
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page .om-brand{
  position:relative;
  inset:auto;
  height:var(--om-desktop-bar)!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page .om-progress{display:none}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page .om-hero-space{display:none!important;height:0!important}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page .om-nav-strip{display:none!important}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page .om-wordmark{opacity:1!important}

.canvas-frame:not(.mobile) .page-canvas.om-internal-page{
  --om-article-pad:clamp(24px,2.8vw,52px);
}

/* Narrow editorial measure for readable academic text. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-"]{
  max-width:none;
  margin-left:calc(var(--om-left-col) + var(--om-article-pad));
  margin-right:calc(var(--om-right-col) + var(--om-article-pad));
}

/* Metadata: category left, manual date right. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"]{
  margin-top:20px;
  margin-bottom:24px;
  align-items:start;
}
.editor-shell.preview-mode .canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"] .columns-toolbar,
.editor-shell.preview-mode .canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d1-"] .columns-toolbar,
.editor-shell.preview-mode .canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d2-"] .columns-toolbar{
  display:none;
}
.editor-shell.preview-mode .canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"] .column-resizer,
.editor-shell.preview-mode .canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d1-"] .column-resizer,
.editor-shell.preview-mode .canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d2-"] .column-resizer{
  display:none;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"] .column-container{
  padding:0!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"] .column-container p{
  margin:0!important;
  min-height:0!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"] .column-container:last-of-type p{
  text-align:right;
}

/* Category button: outlined in accent, filled on hover. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page [data-block^="om-conf-meta-row-"] a[data-page-link]{
  display:inline-block;
  box-sizing:border-box;
  padding:6px 10px;
  border:1px solid var(--site-accent);
  background:var(--site-background);
  color:var(--site-accent)!important;
  text-decoration:none;
  background-image:none!important;

  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0px)!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page [data-block^="om-conf-meta-row-"] a[data-page-link]:hover,
.canvas-frame:not(.mobile) .page-canvas.om-internal-page [data-block^="om-conf-meta-row-"] a[data-page-link]:focus-visible{
  background:var(--site-accent);
  color:var(--site-background)!important;
  outline:0;
}

.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-title-"]{
  margin-top:0;
  margin-bottom:24px;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-abstract-"]{
  margin-bottom:24px;
}

/* Native image block fills the entire white field. Caption is project-side content in the grey rail. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-image-"]{
  margin-left:var(--om-left-col);
  margin-right:var(--om-right-col);
  margin-bottom:0;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-image-"] img{
  display:block;
  width:100%!important;
  max-height:none;
  object-fit:cover!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-caption-"]{
  position:absolute;
  z-index:5;
  right:0;
  width:var(--om-right-col);
  box-sizing:border-box;
  margin:0!important;
  padding:0 18px;
  --om-link-bg:var(--om-grey-bg);
  --om-footnote-number-colour:var(--om-grey-bg);
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0px)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  text-transform:var(--gm-type-small-transform,none)!important;
}

.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-intro-"]{
  max-width:none;
  margin-bottom:18px;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-audience-"]{
  margin-top:18px;
  margin-bottom:0;
}

.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-day1-"],
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-day2-"]{
  margin-top:0;
  margin-bottom:12px;
}

/* Programme entries are real GM Core columns: time / description. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d1-"],
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d2-"]{
  margin:0!important;
  padding:18px 0!important;
  border-top:1px solid var(--site-ink);
  align-items:start;
  min-height:0!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d1-"] .column-container,
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d2-"] .column-container{
  min-width:0;
  padding:0!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d1-"] .column-container p,
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d2-"] .column-container p{
  margin:0!important;
  min-height:0!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d2-6-"]{
  border-bottom:1px solid var(--site-ink);
}

.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-source-"]{
  margin-top:20px;
  margin-bottom:56px;
  padding-top:0;
  border-top:0;
}

/* News index uses the same editorial centre column. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-news-"]{
  margin-left:calc(var(--om-left-col) + var(--om-article-pad));
  margin-right:calc(var(--om-right-col) + var(--om-article-pad));
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-news-title-"]{
  margin-top:clamp(64px,8vw,120px);
  margin-bottom:48px;
}

/* Editorial links: underline grows upward into a black plaque. */
.page-canvas{
  --om-link-bg:var(--site-background);
}
.page-canvas :is(.text-block,.column-container p,.footnote-text p) a:not(.footnote-marker a){
  position:relative;
  z-index:0;
  color:inherit;
  text-decoration:none;
  background-image:linear-gradient(var(--site-ink),var(--site-ink));
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:100% 1px;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  transition:background-size 180ms ease,color 180ms ease;
}
.page-canvas :is(.text-block,.column-container p,.footnote-text p) a:not(.footnote-marker a):hover,
.page-canvas :is(.text-block,.column-container p,.footnote-text p) a:not(.footnote-marker a):focus-visible{
  background-size:100% 100%;
  color:var(--om-link-bg)!important;
  outline:0;
}
.page-canvas.om-internal-page [data-block^="om-conf-meta-row-"] a[data-page-link]{
  background-image:none!important;
}
.page-canvas [data-style-id="type-small"] a:not(.footnote-marker a),
.om-margin-notes .footnote-text a{
  padding-bottom:2px;
  margin-bottom:-2px;
}


/* Margin footnotes replace the traditional bottom notes on desktop articles. */
.om-margin-notes{
  position:absolute;
  z-index:6;
  top:0;
  right:0;
  bottom:0;
  width:var(--om-right-col);
  pointer-events:none;
  --om-link-bg:var(--om-grey-bg);
}
.om-margin-notes .om-margin-note{
  position:absolute;
  left:18px;
  right:18px;
  display:grid;
  grid-template-columns:14px minmax(0,1fr) auto;
  gap:8px;
  align-items:start;
  margin:0;
  padding:0;
  list-style:none;
  pointer-events:auto;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0px)!important;
}
.om-margin-notes .footnote-number{
  font:inherit!important;
  width:14px;
  height:14px;
  color:var(--site-ink);
  border-color:var(--site-ink);
}
.om-margin-notes .footnote-text{
  min-width:0;
  overflow-wrap:anywhere;
}
.om-margin-notes .footnote-text,
.om-margin-notes .footnote-text p{
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0px)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  text-transform:var(--gm-type-small-transform,none)!important;
}
.om-margin-notes .footnote-text p{
  margin:0 0 .65em;
}
.om-margin-notes .footnote-text p:last-child{
  margin-bottom:0;
}
.page-canvas.om-internal-page .page-footnotes.om-footnotes-relocated{
  display:none!important;
}


/* Open Muzej footnote markers: identical black discs in text and margin. */
.page-canvas.om-internal-page{
  --om-footnote-number-colour:var(--site-background);
}
.page-canvas.om-internal-page .footnote-marker-disc{
  box-sizing:border-box!important;
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--site-ink)!important;
  border-radius:50%!important;
  background:var(--site-ink)!important;
  color:var(--om-footnote-number-colour,var(--site-background))!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:8px!important;
  font-weight:500!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.page-canvas.om-internal-page .footnote-marker-disc>a{
  color:inherit!important;
  background:none!important;
  text-decoration:none!important;
}
.om-margin-notes{
  --om-footnote-number-colour:var(--om-grey-bg);
}
.om-margin-notes .footnote-number{
  background:var(--site-ink)!important;
  color:var(--om-grey-bg)!important;
  border:1px solid var(--site-ink)!important;
  border-radius:50%!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:8px!important;
  font-weight:500!important;
  line-height:1!important;
}

/* Side-rail media: a normal editable Image block moved into the project rail at runtime. */
.om-side-media{
  position:absolute;
  z-index:7;
  right:18px;
  width:calc(var(--om-right-col) - 36px);
  box-sizing:border-box;
  --om-link-bg:var(--om-grey-bg);
}
.om-side-media [data-block^="om-conf-side-image-"]{
  margin:0!important;
}
.om-side-media [data-block^="om-conf-side-image-"] .media-block{
  margin:0!important;
  background:var(--om-grey-bg);
}
.om-side-media [data-block^="om-conf-side-image-"] img{
  display:block;
  width:100%!important;
  height:auto!important;
  filter:grayscale(1) contrast(1.18);
  mix-blend-mode:multiply;
  cursor:zoom-in;
}
.om-side-media [data-block^="om-conf-side-image-caption-"]{
  margin:8px 0 0!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0px)!important;
}

/* Project image viewer: inset panel leaves the site visible around it. */
.om-media-lightbox{
  position:fixed;
  z-index:49;
  inset:28px;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  border:1px solid var(--site-ink);
  background:var(--om-grey-bg);
  padding:44px;
}
.om-media-lightbox[hidden]{display:none}
.om-media-lightbox-image{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.om-media-lightbox-close{
  position:absolute;
  top:14px;
  right:14px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:0!important;
  border-radius:0!important;
  background:var(--site-ink)!important;
  color:var(--om-grey-bg)!important;
  cursor:pointer;
}
.om-media-lightbox-close:hover,
.om-media-lightbox-close:focus-visible{
  border:1px solid var(--site-ink)!important;
  background:var(--om-grey-bg)!important;
  color:var(--site-ink)!important;
  outline:0;
}
.om-media-lightbox-close .om-symbol-svg{width:100%;height:100%}

/* Footer uses the same grid. */
.om-footer{
  min-height:var(--om-frame-h);
  display:grid;
  grid-template-columns:var(--om-left-col) minmax(0,1fr) var(--om-right-col);
  border-top:1px solid var(--site-ink);
  border-bottom:1px solid var(--site-ink);
  background:var(--site-accent);
  color:var(--site-ink);
}
.om-footer-cell{position:relative;min-width:0;min-height:var(--om-frame-h)}
.om-footer-cell-left{border-right:1px solid var(--site-ink)}
.om-footer-cell-right{
  border-left:1px solid var(--site-ink);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 var(--om-gap);
}

.om-footer-tool{
  position:absolute;
  top:var(--om-gap);
  width:var(--om-icon);
  height:var(--om-icon);
  display:grid;
  place-items:center;
  padding:0;
  border:0!important;
  box-sizing:border-box;
  background:var(--site-ink)!important;
  color:var(--site-accent)!important;
  box-shadow:none!important;
  cursor:pointer;
}
.om-footer-up{left:6px;border-radius:50%}
.om-footer-admin{left:41px;border-radius:0}
.om-footer-tool:hover,
.om-footer-tool:focus-visible,
.om-footer-tool:active{
  border:1px solid var(--site-ink)!important;
  background:var(--site-accent)!important;
  color:var(--site-ink)!important;
  outline:0;
}

.om-footer-arrow{
  width:22px;
  height:22px;
}
.om-footer-arrow .om-symbol-arrow{
  transform:rotate(180deg);
}
.om-footer-plus{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
}

.om-copyright{
  margin:0;
  text-align:center;
}

/* Sign-in prototype. Actual authentication/roles are connected later. */
.om-login-backdrop{
  position:fixed;
  z-index:49;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(0,0,0,.18);
}
.om-login-backdrop[hidden]{display:none}
.om-login-panel{
  position:relative;
  width:min(430px,calc(100vw - 48px));
  box-sizing:border-box;
  padding:20px;
  border:1px solid var(--site-ink);
  background:var(--site-accent);
  color:var(--site-ink);
  box-shadow:none;
}
.om-login-close{
  position:absolute;
  top:24px;
  right:24px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:0!important;
  border-radius:0!important;
  background:var(--site-ink)!important;
  color:var(--site-accent)!important;
  cursor:pointer;
}
.om-login-close:hover,
.om-login-close:focus-visible{
  border:1px solid var(--site-ink)!important;
  background:var(--site-accent)!important;
  color:var(--site-ink)!important;
  outline:0;
}
.om-login-title{
  max-width:340px;
  margin:0 48px 12px 0;
  line-height:inherit;
}
.om-login-title span{
  display:block;
}
.om-login-title [data-om-login-title-role]{
  margin-top:5px;
  line-height:inherit;
}
.om-login-copy{
  margin:0 0 24px;
  line-height:inherit;
}
.om-login-form{display:grid;gap:10px}
.om-login-field{display:grid;gap:5px}
.om-login-field input{
  width:100%;
  box-sizing:border-box;
  padding:9px 10px;
  border:1px solid var(--site-ink);
  border-radius:0;
  background:var(--site-background);
  color:var(--site-ink);
  font:inherit;
  outline:0;
}
.om-login-field input:focus{box-shadow:inset 0 0 0 1px var(--site-ink)}
.om-login-submit{
  margin-top:8px;
  min-height:36px;
  border:1px solid var(--site-ink)!important;
  border-radius:0!important;
  background:var(--site-ink)!important;
  color:var(--site-accent)!important;
  font:inherit;
  cursor:pointer;
}
.om-login-submit:hover,
.om-login-submit:focus-visible{background:var(--site-accent)!important;color:var(--site-ink)!important}
.om-login-status{
  min-height:1.4em;
  margin:2px 0 0;
  font:inherit;
}

/* One canonical Small typography source for all Open Muzej microcopy.
   Changing Small in GM Core changes every selector below together. */
.om-lang-label,
.om-nav-label,
.om-copyright,
.om-login-panel,
.om-login-panel input,
.om-login-panel button{
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0px)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  text-transform:var(--gm-type-small-transform,none)!important;
}

/* MOBILE: keep the current mobile composition untouched apart from shared controls. */
.canvas-frame.mobile .page-canvas{
  padding:0!important;
  background:var(--site-background)!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page .om-brand-layer{
  position:relative;
  top:auto;
  height:var(--om-mobile-bar);
}
.canvas-frame.mobile .page-canvas.om-internal-page .om-brand{
  position:relative;
  inset:auto;
  height:var(--om-mobile-bar)!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page .om-hero-space,
.canvas-frame.mobile .page-canvas.om-internal-page .om-nav-strip{display:none!important}
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-"],
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-news-"]{
  margin-left:20px;
  margin-right:20px;
}
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"]{
  margin-top:40px;
  margin-bottom:42px;
}
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"] .column-container:last-of-type p{
  text-align:right;
}

.canvas-frame.mobile .om-header-frame{display:none}
.canvas-frame.mobile .om-progress{top:auto;bottom:0;height:2px}
.canvas-frame.mobile .om-nav-strip{display:none}
.canvas-frame.mobile .page-canvas > .block,
.canvas-frame.mobile .page-canvas > .page-footnotes{margin-left:20px;margin-right:20px}
.canvas-frame.mobile .page-canvas > [data-block="om-home-title"],
.canvas-frame.mobile .page-canvas > [data-block="om-home-title-en"]{margin-top:46px;margin-bottom:24px}
.canvas-frame.mobile .page-canvas > [data-block="om-home-detail"],
.canvas-frame.mobile .page-canvas > [data-block="om-home-detail-en"]{margin-bottom:82px}
.canvas-frame.mobile .om-lang-label,
.canvas-frame.mobile .om-nav-label,
.canvas-frame.mobile .om-copyright{
  font-size:var(--gm-type-small-mobile-size,12px)!important;
}
.canvas-frame.mobile .om-footer{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 8px;
  border-top:1px solid var(--site-ink);
}
.canvas-frame.mobile .om-footer-cell{display:contents}
.canvas-frame.mobile .om-footer-cell-left{border:0}
.canvas-frame.mobile .om-footer-cell-center{display:none}
.canvas-frame.mobile .om-footer-cell-right{border:0;padding:0}
.canvas-frame.mobile .om-footer-tool{
  position:static;
  width:16px;height:16px;
  display:inline-grid;
  margin-right:5px;
}
.canvas-frame.mobile .om-footer-up{border-radius:50%}
.canvas-frame.mobile .om-footer-arrow{width:13px;height:13px}
.canvas-frame.mobile .om-footer-plus{width:12px;height:12px}
.canvas-frame.mobile .om-footer-plus::before{width:11px}
.canvas-frame.mobile .om-footer-plus::after{height:11px}


.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-image-"]{
  margin-left:0;
  margin-right:0;
}
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-caption-"]{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  width:auto!important;
  margin:10px 20px 24px!important;
  padding:0!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
}
.canvas-frame.mobile .om-side-media{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  width:auto!important;
  margin:20px;
}
.canvas-frame.mobile .om-side-media [data-block^="om-conf-side-image-"] img{
  mix-blend-mode:multiply;
}

/* === Article hard constraints =================================================
   Everything an editor types on an internal article stays inside the white
   reading field. New paragraphs inherit this automatically; layout is not
   tied to seeded block ids. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page{
  --om-content-left:calc(var(--om-left-col) + var(--om-article-pad));
  --om-content-right:calc(var(--om-right-col) + var(--om-article-pad));
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > .block{
  box-sizing:border-box!important;
  width:auto!important;
  max-width:none!important;
  margin-left:var(--om-content-left)!important;
  margin-right:var(--om-content-right)!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > .text-block{
  inset:auto!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > .text-block:empty{
  min-height:1.45em!important;
}

/* The lead image is the only ordinary block that spans the whole white field. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-image-"]{
  width:auto!important;
  margin-left:var(--om-left-col)!important;
  margin-right:var(--om-right-col)!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-caption-"]{
  width:var(--om-right-col)!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:40px!important;
  padding-right:18px!important;
}

/* A little air at the top, but no giant voids. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"]{
  margin-top:34px!important;
  margin-bottom:32px!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-title-"]{
  margin-top:0!important;
  margin-bottom:30px!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-abstract-"]{
  margin-top:0!important;
  margin-bottom:30px!important;
}

/* Programme rows live entirely inside the white reading field. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d1-"],
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d2-"]{
  width:auto!important;
  margin-left:var(--om-content-left)!important;
  margin-right:var(--om-content-right)!important;
  grid-template-columns:2fr 6fr 4fr!important;
  column-gap:24px!important;
  padding:18px 0!important;
  border-top:1px solid var(--site-ink)!important;
  border-bottom:0!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d2-6-"]{
  border-bottom:1px solid var(--site-ink)!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d1-"] .column-container,
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d2-"] .column-container{
  padding:0!important;
  margin:0!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d1-"] .column-container p,
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-d2-"] .column-container p{
  min-height:0!important;
  margin:0!important;
}

/* Smaller note markers. */
.page-canvas.om-internal-page .footnote-marker-disc,
.om-margin-notes .footnote-number{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  font-size:7px!important;
  line-height:1!important;
}
.om-margin-notes .om-margin-note{
  grid-template-columns:12px minmax(0,1fr) auto!important;
  gap:8px!important;
}

/* Figure marker: accent pill rather than a black note disc. */
.om-figure-marker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:16px;
  margin:0 .18em;
  padding:1px 5px;
  border:1px solid var(--site-accent);
  background:var(--site-accent);
  color:var(--site-background);
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);
  font-size:9px;
  font-weight:var(--gm-type-small-weight,400);
  line-height:1;
  vertical-align:.12em;
  white-space:nowrap;
}

/* Right-rail Figure. Its caption uses the same text width as a footnote body. */
.om-margin-figure{
  position:absolute;
  z-index:7;
  left:18px;
  right:18px;
  pointer-events:auto;
  --om-link-bg:var(--om-grey-bg);
}
.om-margin-figure-label{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  margin-bottom:8px;
  padding:2px 6px;
  border:1px solid var(--site-accent);
  background:var(--site-accent);
  color:var(--site-background);
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);
  font-size:10px;
  line-height:1;
}
.om-margin-figure .om-figure-caption{
  margin:0 0 8px 20px!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0px)!important;
}
.om-margin-figure .om-figure-image{
  margin:0 0 0 20px!important;
}
.om-margin-figure .om-figure-image .media-block,
.om-margin-figure .om-figure-image{
  background:var(--om-grey-bg);
}
.om-margin-figure .om-figure-image img{
  display:block;
  width:100%!important;
  height:auto!important;
  filter:grayscale(1) contrast(1.16);
  mix-blend-mode:multiply;
  cursor:zoom-in;
}

/* The old sample rail block is no longer a separate system. */
.om-side-media{display:none!important}



/* Figure rail shares exactly the same right field as marginal notes. */
.om-margin-figures{
  position:absolute;
  z-index:7;
  top:0;
  right:0;
  bottom:0;
  width:var(--om-right-col);
  pointer-events:none;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-figure-"]{
  display:none;
}
.om-margin-figures [data-block^="om-figure-"]{
  display:block!important;
  width:auto!important;
  max-width:none!important;
}
.om-margin-figure .om-figure-image{
  box-sizing:border-box;
}
.om-margin-figure .om-figure-caption{
  box-sizing:border-box;
}

/* Main image caption reserves the same invisible marker column as a footnote. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-caption-"]{
  padding-left:38px!important;
}

/* Compact editor button requested for figures. */
.gm-figure-insert{
  min-width:38px!important;
  width:auto!important;
  padding:0 7px!important;
  justify-content:center;
  font-family:var(--admin-button-font-family);
  font-size:var(--admin-button-font-size);
  font-weight:var(--admin-button-font-weight);
}
.gm-figure-insert:disabled{opacity:.45}

/* Empty paragraphs are the user's BR: visible as vertical rhythm, never as a label. */
.page-canvas.om-internal-page > .text-block:empty::before{
  content:"\00a0";
}


/* === Category typography =====================================================
   The category button is a real Typography Registry role ("Рубрика").
   Font, tracking, text colour, border, radius and padding come from that role. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page
  [data-block^="om-conf-meta-row-"] .column-container:first-of-type
  p[data-style-id="type-category"]{
  display:inline-block!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page
  [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"] > a[data-page-link]{
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page
  [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"]:has(a:hover),
.canvas-frame:not(.mobile) .page-canvas.om-internal-page
  [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"]:has(a:focus-visible){
  background:var(--site-accent)!important;
  color:var(--site-background)!important;
}

/* === Main image caption ======================================================
   Caption sits in a dedicated right-rail slot aligned to the main image. */
.om-side-caption{
  position:absolute;
  z-index:8;
  right:0;
  width:var(--om-right-col);
  box-sizing:border-box;
  padding:0 18px 0 38px;
  --om-link-bg:var(--om-grey-bg);
}
.om-side-caption > [data-block^="om-conf-caption-"]{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0px)!important;
}
.om-side-caption-controls{
  position:absolute;
  z-index:4;
  top:0;
  right:4px;
  display:flex;
  gap:2px;
}
.om-rail-icon{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  padding:2px;
  border:0;
  background:transparent;
  color:var(--site-ink);
  cursor:pointer;
}
.om-rail-icon:hover,
.om-rail-icon:focus-visible{
  background:var(--site-ink);
  color:var(--om-grey-bg);
  outline:0;
}
.om-rail-icon .om-symbol-svg{
  width:100%;
  height:100%;
}

/* === Footnote markers ========================================================
   Inline: outlined black circle. Margin: black circle with white numeral. */
.page-canvas.om-internal-page
  :is(.text-block,.column-container p) .footnote-marker-disc{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  border:1px solid var(--site-ink)!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  font-size:7px!important;
  font-weight:500!important;
}
.page-canvas.om-internal-page
  :is(.text-block,.column-container p) .footnote-marker-disc > a{
  color:var(--site-ink)!important;
}
.om-margin-notes .footnote-number{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  border:1px solid var(--site-ink)!important;
  background:var(--site-ink)!important;
  color:#fff!important;
  font-size:7px!important;
  font-weight:500!important;
}

/* === Figures =================================================================
   Inline marker is an outlined black "Fig. n". Right rail uses black/white. */
.om-figure-marker{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:14px!important;
  margin:0 .2em!important;
  padding:1px 4px!important;
  border:1px solid var(--site-ink)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:8px!important;
  font-weight:500!important;
  line-height:1!important;
  vertical-align:.12em;
  white-space:nowrap;
}
.om-margin-figure-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}
.om-margin-figure-label{
  display:inline-flex!important;
  align-items:center;
  min-height:16px!important;
  margin:0!important;
  padding:2px 5px!important;
  border:1px solid var(--site-ink)!important;
  border-radius:0!important;
  background:var(--site-ink)!important;
  color:#fff!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1!important;
}
.om-rail-controls{
  display:flex;
  gap:2px;
  margin-left:auto;
}
.om-margin-figure .om-figure-caption{
  margin:0 0 8px 20px!important;
  width:calc(100% - 20px)!important;
  max-width:none!important;
}
.om-margin-figure .om-figure-image{
  margin:0 0 0 20px!important;
  width:calc(100% - 20px)!important;
  max-width:none!important;
}
.om-margin-figure .om-figure-image img{
  display:block;
  width:100%!important;
  height:auto!important;
  filter:grayscale(1) contrast(1.16)!important;
  mix-blend-mode:multiply!important;
}

/* Delete confirmations must sit above site, images, editor panels and chrome. */
.om-delete-confirmation,
.footnote-delete-confirm{
  position:fixed!important;
  z-index:2147483000!important;
  top:calc(var(--topbar-height,44px) + 12px)!important;
  right:58px!important;
  left:auto!important;
  bottom:auto!important;
  min-width:220px;
  box-sizing:border-box;
  padding:10px!important;
  border:1px solid var(--admin-foreground)!important;
  background:var(--admin-background)!important;
  box-shadow:4px 8px 28px var(--admin-shadow)!important;
}
.om-delete-confirmation[hidden],
.footnote-delete-confirm[hidden]{
  display:none!important;
}

/* Mobile caption returns to content flow. */
.canvas-frame.mobile .om-side-caption{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  width:auto!important;
  margin:10px 20px 24px!important;
  padding:0!important;
}

/* GM Core remains above every site layer. */
.rightbar .circle-tool[data-panel="site-state"].unsaved{
  color:var(--admin-foreground)!important;
  background:var(--admin-unsaved-surface)!important;
}
.topbar{z-index:50!important}
.rightbar{z-index:50!important}
.panel-layer{z-index:80!important}
.floating-panel{z-index:81!important}

@media(prefers-reduced-motion:reduce){
  .om-brand,.om-shape,.om-progress-fill{will-change:auto}
  .om-nav-arrow{animation:none!important;transition:none!important}
}

/* ==========================================================================
   2026-09-26 editorial alignment pass — final overrides
   ========================================================================== */

/* The text inset inside the white reading field equals the width of the
   narrow grey rail on BOTH sides. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page{
  --om-article-pad:var(--om-left-col)!important;
  --om-content-left:calc(var(--om-left-col) + var(--om-left-col))!important;
  --om-content-right:calc(var(--om-right-col) + var(--om-left-col))!important;
}

/* "Рубрика" is an inline decoration, never a full-width paragraph box. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page
  [data-block^="om-conf-meta-row-"] .column-container:first-of-type{
  display:block!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page
  [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"]{
  display:inline-block!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  vertical-align:top!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page
  [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"] > a[data-page-link]{
  display:inline!important;
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  text-transform:inherit!important;
}

/* Publication title gets its own breathing room; ordinary paragraphs do not. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"]{
  margin-bottom:18px!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-title-"]{
  margin-top:20px!important;
  margin-bottom:40px!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-abstract-"]{
  margin-top:0!important;
}

/* Main-image caption, footnotes and figures share exactly one right-rail
   measure: 18px from each edge. */
.om-side-caption{
  right:18px!important;
  width:calc(var(--om-right-col) - 36px)!important;
  padding:0!important;
}
.om-side-caption > [data-block^="om-conf-caption-"]{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

.om-margin-notes .om-margin-note{
  left:18px!important;
  right:18px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  position:absolute!important;
}
.om-margin-notes .footnote-number{
  display:inline-flex!important;
  margin:0 0 6px 0!important;
  vertical-align:top!important;
}
.om-margin-notes .footnote-text{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.om-margin-notes .footnote-text p{
  margin:0!important;
  padding:0!important;
}
.om-margin-notes .footnote-editor-controls{
  position:absolute!important;
  top:0!important;
  right:0!important;
  display:flex!important;
  gap:2px!important;
  opacity:0;
  transition:opacity 120ms linear;
}
.om-margin-notes .om-margin-note:hover .footnote-editor-controls,
.om-margin-notes .om-margin-note:focus-within .footnote-editor-controls{
  opacity:1;
}

.om-margin-figure{
  left:18px!important;
  right:18px!important;
  width:auto!important;
}
.om-margin-figure-head{
  min-height:12px!important;
  margin:0 0 6px!important;
  align-items:flex-start!important;
}
.om-margin-figure-label{
  min-height:12px!important;
  height:12px!important;
  padding:1px 3px!important;
  border:1px solid var(--site-ink)!important;
  border-radius:0!important;
  background:var(--site-ink)!important;
  color:var(--om-grey-bg)!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:7px!important;
  font-weight:500!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
.om-margin-figure .om-figure-image,
.om-margin-figure .om-figure-caption{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.om-margin-figure .om-figure-image{
  margin-top:0!important;
  margin-bottom:7px!important;
}
.om-margin-figure .om-figure-caption{
  margin-top:0!important;
  margin-bottom:0!important;
}
.om-margin-figure .om-rail-controls{
  opacity:0;
  transition:opacity 120ms linear;
}
.om-margin-figure:hover .om-rail-controls,
.om-margin-figure:focus-within .om-rail-controls{
  opacity:1;
}

/* Inline note + Fig. markers are deliberately tiny and top-aligned. */
.page-canvas.om-internal-page
  :is(.text-block,.column-container p) .footnote-marker-disc{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  font-size:7px!important;
  vertical-align:super!important;
}
.om-figure-marker{
  min-height:12px!important;
  height:12px!important;
  padding:1px 3px!important;
  margin:0 .18em!important;
  border:1px solid var(--site-ink)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:7px!important;
  font-weight:500!important;
  line-height:1!important;
  vertical-align:super!important;
  box-sizing:border-box!important;
}

/* One control language for caption / note / figure: the same black square
   used by the image viewer, with live GM Core SVGs. */
.om-rail-icon,
.footnote-editor-controls .om-rail-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  display:grid!important;
  place-items:center!important;
  padding:3px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--site-ink)!important;
  color:var(--om-grey-bg)!important;
  cursor:pointer!important;
}
.om-rail-icon:hover,
.om-rail-icon:focus-visible,
.footnote-editor-controls .om-rail-icon:hover,
.footnote-editor-controls .om-rail-icon:focus-visible{
  background:transparent!important;
  color:var(--site-ink)!important;
  outline:1px solid var(--site-ink)!important;
  outline-offset:-1px!important;
}
.om-rail-icon .om-symbol-svg,
.footnote-editor-controls .om-symbol-svg{
  width:100%!important;
  height:100%!important;
}
.om-side-caption-controls{
  opacity:0;
  transition:opacity 120ms linear;
}
.om-side-caption:hover .om-side-caption-controls,
.om-side-caption:focus-within .om-side-caption-controls,
.om-side-caption-controls.is-empty{
  opacity:1;
}

/* Delete confirmation is one Open Muzej component everywhere. */
.om-delete-confirmation,
.footnote-delete-confirm{
  position:fixed!important;
  z-index:2147483640!important;
  top:58px!important;
  right:58px!important;
  left:auto!important;
  bottom:auto!important;
  min-width:250px!important;
  max-width:360px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  padding:12px!important;
  border:1px solid var(--site-ink)!important;
  border-radius:0!important;
  background:var(--site-accent)!important;
  color:var(--site-ink)!important;
  box-shadow:none!important;
}
.om-delete-confirmation[hidden],
.footnote-delete-confirm[hidden]{
  display:none!important;
}
.om-delete-confirmation .AdminNote,
.footnote-delete-confirm .AdminNote{
  flex:0 0 100%;
  margin:0!important;
  color:var(--site-ink)!important;
}
.om-delete-confirmation .admin-compound-button,
.footnote-delete-confirm .admin-compound-button{
  min-height:28px!important;
  border:1px solid var(--site-ink)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  box-shadow:none!important;
}
.om-delete-confirmation .admin-compound-button:hover,
.om-delete-confirmation .admin-compound-button:focus-visible,
.footnote-delete-confirm .admin-compound-button:hover,
.footnote-delete-confirm .admin-compound-button:focus-visible{
  background:var(--site-ink)!important;
  color:var(--site-accent)!important;
  outline:0!important;
}

/* ==========================================================================
   Notes / figures / main-media interaction pass
   ========================================================================== */

/* Main media caption lives only in the right rail on desktop. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page
  > [data-block^="om-conf-image-"] > figcaption{
  display:none!important;
}
.om-side-caption-head{
  position:relative;
  min-height:20px;
  margin:0 0 7px;
  display:flex;
  align-items:flex-start;
}
.om-main-figure-label{
  display:inline-flex;
  align-items:center;
  height:12px;
  min-height:12px;
  box-sizing:border-box;
  padding:1px 3px;
  border:1px solid var(--site-ink);
  border-radius:0;
  background:var(--site-ink);
  color:var(--om-grey-bg);
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);
  font-size:7px;
  font-weight:500;
  line-height:1;
}
.om-side-caption-text{
  width:100%;
  box-sizing:border-box;
  margin:0!important;
  padding:0!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0px)!important;
}
.om-side-caption-controls{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:42px;
  height:20px;
  display:flex!important;
  justify-content:flex-end;
  gap:2px;
  opacity:0;
  transform:none!important;
  transition:opacity 120ms linear!important;
}
.om-side-caption:hover .om-side-caption-controls,
.om-side-caption:focus-within .om-side-caption-controls{
  opacity:1;
  transform:none!important;
}

/* Margin controls reserve their geometry at all times; hover only changes
   opacity, so there is no one-frame horizontal "shuffle". */
.om-margin-figure-head{
  position:relative!important;
  padding-right:42px!important;
}
.om-margin-figure .om-rail-controls{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:42px!important;
  height:20px!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:2px!important;
  opacity:0;
  transform:none!important;
  transition:opacity 120ms linear!important;
}
.om-margin-figure:hover .om-rail-controls,
.om-margin-figure:focus-within .om-rail-controls{
  opacity:1;
  transform:none!important;
}
.om-margin-notes .om-margin-note{
  padding-right:42px!important;
}
.om-margin-notes .footnote-editor-controls{
  width:42px!important;
  height:20px!important;
  justify-content:flex-end!important;
  transform:none!important;
}

/* Inline markers are navigational buttons. */
.page-canvas.om-internal-page
  :is(.text-block,.column-container p) .footnote-marker-disc{
  cursor:pointer!important;
  transition:background 100ms linear,color 100ms linear!important;
}
.page-canvas.om-internal-page
  :is(.text-block,.column-container p) .footnote-marker-disc:hover,
.page-canvas.om-internal-page
  :is(.text-block,.column-container p) .footnote-marker-disc:focus-within{
  background:var(--site-ink)!important;
  color:var(--om-footnote-number-colour,var(--site-background))!important;
}
.page-canvas.om-internal-page
  :is(.text-block,.column-container p) .footnote-marker-disc:hover > a,
.page-canvas.om-internal-page
  :is(.text-block,.column-container p) .footnote-marker-disc:focus-within > a{
  color:var(--om-footnote-number-colour,var(--site-background))!important;
}
.om-figure-marker{
  cursor:pointer!important;
  transition:background 100ms linear,color 100ms linear!important;
}
.om-figure-marker:hover,
.om-figure-marker:focus-visible{
  background:var(--site-ink)!important;
  color:var(--om-footnote-number-colour,var(--site-background))!important;
  outline:0!important;
}

/* Absolute margin content now contributes a real flow reserve before footer. */
.om-rail-reserve{
  display:block;
  width:100%;
  height:0;
  margin:0;
  padding:0;
  pointer-events:none;
}

/* One destructive confirmation UI, portalled to <body>, therefore truly
   above the transformed editor canvas and every image. */
.om-global-confirm{
  position:fixed;
  z-index:2147483647;
  top:58px;
  right:58px;
  min-width:250px;
  max-width:360px;
  box-sizing:border-box;
  padding:12px;
  border:1px solid var(--site-ink);
  border-radius:0;
  background:var(--site-accent);
  color:var(--site-ink);
  box-shadow:none;
}
.om-global-confirm[hidden]{display:none!important}
.om-global-confirm-copy{
  margin:0 0 10px;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);
  font-size:var(--gm-type-small-desktop-size,13px);
  line-height:var(--gm-type-small-line-height,1.35);
}
.om-global-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.om-global-confirm-actions button{
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:4px 10px;
  border:1px solid var(--site-ink);
  border-radius:0;
  background:transparent;
  color:var(--site-ink);
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);
  font-size:var(--gm-type-small-desktop-size,13px);
  line-height:1;
  text-align:center;
  cursor:pointer;
}
.om-global-confirm-actions button:hover,
.om-global-confirm-actions button:focus-visible{
  background:var(--site-ink);
  color:var(--site-accent);
  outline:0;
}

/* Old inline confirmations are retired. */
.om-delete-confirmation,
.footnote-delete-confirm{
  display:none!important;
}

/* Mobile keeps the native caption under the image; desktop uses the rail. */
.canvas-frame.mobile .page-canvas.om-internal-page
  > [data-block^="om-conf-image-"] > figcaption{
  display:block!important;
}


/* === Context rail v11: focus flash, Info cards, galleries =================== */
@keyframes om-rail-accent-return{
  0%,28%{background:var(--site-accent);border-color:var(--site-accent);color:var(--site-background)}
  100%{background:var(--site-ink);border-color:var(--site-ink);color:#fff}
}
@keyframes om-rail-text-return{
  0%,28%{color:var(--site-accent)}
  100%{color:var(--site-ink)}
}
.om-margin-note.om-rail-flash .footnote-number,
.om-margin-figure.om-rail-flash .om-margin-figure-label{
  animation:om-rail-accent-return 1.35s cubic-bezier(.2,.8,.2,1);
}
.om-margin-note.om-rail-flash .footnote-text,
.om-margin-figure.om-rail-flash .om-figure-caption{
  animation:om-rail-text-return 1.35s cubic-bezier(.2,.8,.2,1);
}
.om-info-marker{
  display:inline-grid!important;place-items:center;
  width:14px;height:14px;min-width:14px;margin:0 .18em;
  border:1px solid var(--site-ink);border-radius:50%;
  background:transparent;color:var(--site-ink);
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);
  font-size:8px;font-weight:600;line-height:1;vertical-align:.12em;cursor:pointer;
}
.om-margin-infos{
  position:absolute;z-index:7;top:0;right:0;bottom:0;width:var(--om-right-col);
  pointer-events:none;--om-link-bg:var(--om-grey-bg);
}
.om-margin-info{
  position:absolute;left:18px;right:18px;pointer-events:auto;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);
}
.om-margin-info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}
.om-margin-info-label{display:inline-flex;align-items:center;gap:7px;font-size:9px;line-height:1}
.om-margin-info-label i{
  display:grid;place-items:center;width:16px;height:16px;border-radius:50%;
  border:1px solid var(--site-ink);background:var(--site-ink);color:#fff;font-style:normal;
}
.om-margin-info-label b{font-weight:500}
.om-margin-info.om-rail-flash .om-margin-info-label i{animation:om-rail-accent-return 1.35s cubic-bezier(.2,.8,.2,1)}
.om-margin-info.om-rail-flash .om-margin-info-label b{animation:om-rail-text-return 1.35s cubic-bezier(.2,.8,.2,1)}
.om-info-layout{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start}
.om-info-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--site-ink);color:var(--om-grey-bg);display:grid;place-items:center}
.om-info-initials{font-family:var(--gm-type-body-font-family,"IBM Plex Sans",sans-serif);font-size:17px;font-weight:600;letter-spacing:-.03em}
.om-info-avatar .om-info-image{margin:0!important;width:64px!important;height:64px!important}
.om-info-avatar .om-info-image img{width:64px!important;height:64px!important;object-fit:cover!important;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply}
.om-info-copy > [data-block$="-title-be"],
.om-info-copy > [data-block$="-title-en"],
.om-info-copy > [data-block*="-title-"]{margin:0 0 4px!important;font-size:18px!important;line-height:1.08!important;font-weight:600!important}
.om-info-copy > [data-block*="-role-"]{margin:0 0 8px!important;font-size:10px!important;line-height:1.25!important;text-transform:uppercase}
.om-info-copy > [data-block*="-text-"]{margin:0!important;font-size:var(--gm-type-small-desktop-size,13px)!important;line-height:var(--gm-type-small-line-height,1.35)!important}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="info-"],
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-info-"]{display:none}

/* Multi-image figure rail. */
.om-figure-gallery{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);
  gap:6px;margin-left:20px;margin-bottom:9px;align-items:stretch;
}
.om-figure-gallery .om-figure-image{margin:0!important;min-width:0;height:170px!important;overflow:hidden}
.om-figure-gallery .om-figure-image img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  filter:grayscale(1) contrast(1.16);mix-blend-mode:multiply;cursor:zoom-in;
}
.om-margin-figure .om-figure-caption{margin-top:0!important}
.gm-info-insert{min-width:30px!important;width:auto!important;padding:0 8px!important;justify-content:center;font-family:var(--admin-button-font-family);font-weight:600}
.gm-info-insert:disabled{opacity:.45}

/* Gallery viewer: square close, circular arrows. */
.om-media-lightbox-nav{
  position:absolute;top:50%;width:38px;height:38px;margin-top:-19px;padding:5px;
  border:0!important;border-radius:50%!important;background:var(--site-ink)!important;color:var(--om-grey-bg)!important;cursor:pointer;
}
.om-media-lightbox-prev{left:14px}
.om-media-lightbox-next{right:14px}
.om-media-lightbox-prev .om-symbol-arrow{transform:rotate(90deg)}
.om-media-lightbox-next .om-symbol-arrow{transform:rotate(270deg)}
.om-media-lightbox-nav:hover,.om-media-lightbox-nav:focus-visible{
  border:1px solid var(--site-ink)!important;background:var(--om-grey-bg)!important;color:var(--site-ink)!important;outline:0;
}
.om-media-lightbox-nav[hidden]{display:none}
.om-media-lightbox-count{
  position:absolute;left:14px;bottom:14px;font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);font-size:10px;
}

/* === News panel ============================================================= */
.om-home-news-panel{
  --om-news-burgundy:var(--gm-colour-colour-news-burgundy,#7b2735);
  position:relative;z-index:2;margin:72px 0 0;background:var(--om-news-burgundy);color:var(--site-ink);
  border-top:1px solid var(--site-ink);border-bottom:1px solid var(--site-ink);
  padding:24px calc(var(--om-right-col) + 28px) 30px calc(var(--om-left-col) + 28px);
}
.om-home-news-panel.is-index{margin-top:36px}
.om-news-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--site-ink);margin-bottom:18px}
.om-news-panel-head h2{margin:0;font-family:var(--gm-type-h2-font-family,"IBM Plex Sans",sans-serif);font-size:clamp(30px,4vw,58px);line-height:.95;letter-spacing:-.045em;font-weight:600}
.om-news-panel-head span{font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);font-size:10px;text-transform:uppercase}
.om-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px}
.om-news-card{min-width:0;cursor:pointer;outline:none}
.om-news-thumb{aspect-ratio:1/1;overflow:hidden;border:1px solid var(--site-ink);background:var(--om-news-burgundy);transition:border-radius .38s cubic-bezier(.2,.8,.2,1),transform .25s ease}
.om-news-thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.7) brightness(.62);mix-blend-mode:multiply;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.om-news-card:hover .om-news-thumb,.om-news-card:focus-visible .om-news-thumb{border-radius:50%;transform:translateY(-2px)}
.om-news-card:hover .om-news-thumb img,.om-news-card:focus-visible .om-news-thumb img{transform:scale(1.035)}
.om-news-card time{display:block;margin:8px 0 5px;font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);font-size:10px}
.om-news-card h3{margin:0;font-family:var(--gm-type-body-font-family,"IBM Plex Sans",sans-serif);font-size:17px;line-height:1.08;letter-spacing:-.02em;font-weight:560}
.om-news-more{display:flex;justify-content:flex-end;margin-top:26px;padding-top:13px;border-top:1px solid var(--site-ink)}
.om-news-more button{border:1px solid var(--site-ink);border-radius:999px;background:transparent;color:var(--site-ink);padding:8px 12px;cursor:pointer;font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)}
.om-news-more button:hover,.om-news-more button:focus-visible{background:var(--site-ink);color:var(--om-news-burgundy);outline:0}

@media(max-width:900px){
  .om-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .om-home-news-panel{padding-left:24px;padding-right:24px}
}
@media(max-width:600px){
  .om-news-grid{grid-template-columns:1fr}
  .om-news-panel-head{align-items:flex-start;flex-direction:column}
  .om-figure-gallery{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));margin-left:0}
  .om-figure-gallery .om-figure-image{height:140px!important}
}
@media(prefers-reduced-motion:reduce){
  .om-margin-note.om-rail-flash .footnote-number,
  .om-margin-figure.om-rail-flash .om-margin-figure-label,
  .om-margin-info.om-rail-flash .om-margin-info-label i,
  .om-margin-note.om-rail-flash .footnote-text,
  .om-margin-figure.om-rail-flash .om-figure-caption,
  .om-margin-info.om-rail-flash .om-margin-info-label b{animation-duration:.01ms!important}
}

.om-info-copy > [data-block$="-title"]{margin:0 0 4px!important;font-size:18px!important;line-height:1.08!important;font-weight:600!important}
.om-info-copy > [data-block$="-role"]{margin:0 0 8px!important;font-size:10px!important;line-height:1.25!important;text-transform:uppercase}
.om-info-copy > [data-block$="-text"]{margin:0!important;font-size:var(--gm-type-small-desktop-size,13px)!important;line-height:var(--gm-type-small-line-height,1.35)!important}


/* === Rail + symbol polish, 2026-09-27 ===================================== */
.om-news-thumb,
.om-news-thumb img{transition:none!important}
.om-news-card:hover .om-news-thumb,
.om-news-card:focus-visible .om-news-thumb{border-radius:50%!important;transform:none!important}
.om-news-card:hover .om-news-thumb img,
.om-news-card:focus-visible .om-news-thumb img{transform:none!important}

/* Only the locator badge flashes; copy remains black. */
.om-margin-note.om-rail-flash .footnote-text,
.om-margin-figure.om-rail-flash .om-figure-caption,
.om-margin-info.om-rail-flash .om-margin-info-label b{animation:none!important}

/* Info order: name -> role -> portrait/initials -> description. */
.om-margin-info-label{gap:0!important}
.om-margin-info-label b{display:none!important}
.om-info-layout{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;width:100%!important}
.om-info-copy{display:contents!important}
.om-info-copy > [data-block$="-title"],
.om-info-copy > [data-block$="-title-be"],
.om-info-copy > [data-block$="-title-en"],
.om-info-copy > [data-block*="-title-"]{order:1!important;width:100%!important;margin:0 0 4px!important}
.om-info-copy > [data-block$="-role"],
.om-info-copy > [data-block*="-role-"]{order:2!important;width:100%!important;margin:0 0 10px!important}
.om-info-avatar{order:3!important;margin:0 0 10px!important}
.om-info-copy > [data-block$="-text"],
.om-info-copy > [data-block*="-text-"]{order:4!important;width:100%!important;margin:0!important}

/* Figure media fills the standard rail measure. */
.om-figure-gallery{width:100%!important;margin-left:0!important;margin-right:0!important}
.om-margin-figure .om-figure-image{width:100%!important;margin-left:0!important;margin-right:0!important}
.om-figure-gallery .om-figure-image{width:100%!important}

/* Figure/Info toolbar buttons use editable Symbols records. */
.gm-figure-insert,
.gm-info-insert{width:var(--admin-instrument-size,38px)!important;min-width:var(--admin-instrument-size,38px)!important;padding:0!important}
.gm-figure-insert .compound-symbol,
.gm-info-insert .compound-symbol{margin:0!important;width:var(--admin-icon-size,17px)!important;height:var(--admin-icon-size,17px)!important}

/* Figure 1 gets Media + Cross hover controls directly on the large image. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-image-"]{position:relative!important}
.om-main-media-controls{position:absolute!important;z-index:12;top:10px;right:10px;display:flex!important;gap:3px;opacity:0;transition:opacity 100ms linear}
[data-block^="om-conf-image-"]:hover > .om-main-media-controls,
[data-block^="om-conf-image-"]:focus-within > .om-main-media-controls{opacity:1}
.om-main-media-tool{width:28px;height:28px;display:grid;place-items:center;padding:4px;border:1px solid var(--site-ink)!important;border-radius:0!important;background:var(--site-ink)!important;color:var(--site-background)!important;cursor:pointer}
.om-main-media-tool:hover,
.om-main-media-tool:focus-visible{background:var(--site-background)!important;color:var(--site-ink)!important;outline:0!important}
.om-main-media-tool .om-symbol-svg{width:100%;height:100%}


/* === Open Muzej corrections: news colour, focus badges, Media, figure width === */

/* Live custom colour from GM Core. */
.om-home-news-panel{
  --om-news-burgundy:var(--gm-colour-colour-news-burgundy,#7b2735)!important;
  border-top:0!important;
  border-bottom:0!important;
}
.om-news-panel-head{border-bottom:0!important;padding-bottom:0!important}
.om-news-more{border-top:0!important;padding-top:0!important}
.om-news-thumb{border:0!important}

/* Only the locator itself flashes. Black at rest, accent on click. */
.om-margin-notes .footnote-number,
.om-margin-figure-label,
.om-margin-info-label i{
  background:var(--site-ink)!important;
  border-color:var(--site-ink)!important;
  color:var(--om-grey-bg)!important;
  transition:background-color .42s ease,border-color .42s ease,color .42s ease!important;
  animation:none!important;
}
.om-margin-note.om-rail-flash .footnote-number,
.om-margin-figure.om-rail-flash .om-margin-figure-label,
.om-margin-info.om-rail-flash .om-margin-info-label i{
  background:var(--site-accent)!important;
  border-color:var(--site-accent)!important;
  color:var(--site-background)!important;
  animation:none!important;
}

/* Single figures fill the whole rail at natural height; galleries share the same width. */
.om-figure-gallery{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(0,1fr)!important;
  gap:6px!important;
  width:100%!important;
}
.om-figure-gallery:has(> .om-figure-image:only-child){display:block!important}
.om-figure-gallery:has(> .om-figure-image:only-child) > .om-figure-image{width:100%!important;height:auto!important}
.om-figure-gallery:has(> .om-figure-image:only-child) > .om-figure-image img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
.om-figure-gallery:not(:has(> .om-figure-image:only-child)) > .om-figure-image{min-width:0!important;height:170px!important}
.om-figure-gallery:not(:has(> .om-figure-image:only-child)) > .om-figure-image img{width:100%!important;height:100%!important;object-fit:contain!important}
.om-margin-figure .om-figure-caption{margin-left:0!important;margin-right:0!important}

/* Main article image always occupies the full white field. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-image-"] > img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
}

/* Editor-only insertion slot after the main Media has been deleted. */
.om-main-media-empty{
  box-sizing:border-box!important;
  width:auto!important;
  min-height:120px;
  margin:0 var(--om-right-col) 30px var(--om-left-col)!important;
  display:grid;
  place-items:center;
  background:var(--site-background);
}
.om-main-media-empty button{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 12px;border:1px solid var(--site-ink);border-radius:0;
  background:transparent;color:var(--site-ink);
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);cursor:pointer;
}
.om-main-media-empty button:hover,
.om-main-media-empty button:focus-visible{background:var(--site-ink);color:var(--site-background);outline:0}
.om-main-media-empty .om-symbol-media{width:18px;height:18px}
.canvas-frame.mobile .om-main-media-empty{margin:16px 20px 24px!important;min-height:90px}

/* Existing main Media controls stay stable long enough to click. */
.om-main-media-controls,
.om-main-media-tool{pointer-events:auto!important}


/* ==========================================================================
   2026-09-27 — three-column reversal
   Desktop order: narrow marker rail / contextual rail / main reading field.
   Mobile keeps its existing layout.
   ========================================================================== */

@media (min-width:601px){
  :root{
    --om-middle-col:var(--om-right-col);
    --om-main-start:calc(var(--om-left-col) + var(--om-middle-col));
  }

  /* Page field: the first two columns are the grey context area; main content is right. */
  .canvas-frame:not(.mobile) .page-canvas{
    background:
      linear-gradient(
        to right,
        var(--om-grey-bg) 0 var(--om-main-start),
        var(--site-background) var(--om-main-start) 100%
      )!important;
  }
  .canvas-frame:not(.mobile) .page-canvas::before,
  .canvas-frame:not(.mobile) .page-canvas::after{
    content:"";
    position:absolute;
    z-index:1;
    top:0;
    bottom:0;
    width:1px;
    background:var(--site-ink);
    pointer-events:none;
  }
  .canvas-frame:not(.mobile) .page-canvas::before{left:var(--om-left-col)}
  .canvas-frame:not(.mobile) .page-canvas::after{left:var(--om-main-start)}

  /* Chrome: same widths everywhere. The former right marquee cell is now column two. */
  .om-header-frame,
  .om-nav-strip,
  .om-footer{
    grid-template-columns:var(--om-left-col) var(--om-middle-col) minmax(0,1fr)!important;
  }
  .om-header-cell-right{grid-column:2!important;grid-row:1}
  .om-header-cell-center{grid-column:3!important;grid-row:1}
  .om-brand.is-collapsed .om-header-frame::after,
  .om-nav-strip.is-menu::after{
    left:var(--om-main-start)!important;
    right:auto!important;
  }

  /* Ordinary home-page content moves, unchanged in measure, into the large right field. */
  .canvas-frame:not(.mobile) .page-canvas:not(.om-internal-page) > .block,
  .canvas-frame:not(.mobile) .page-canvas:not(.om-internal-page) > .page-footnotes{
    margin-left:calc(var(--om-main-start) + 28px)!important;
    margin-right:28px!important;
  }

  /* Internal article text keeps exactly the same text measure, shifted to the right. */
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page{
    --om-article-pad:var(--om-left-col)!important;
    --om-content-left:calc(var(--om-main-start) + var(--om-left-col))!important;
    --om-content-right:var(--om-left-col)!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page > .block{
    margin-left:var(--om-content-left)!important;
    margin-right:var(--om-content-right)!important;
  }

  /* Lead Media fills the complete large right field. */
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-image-"]{
    margin-left:var(--om-main-start)!important;
    margin-right:0!important;
    width:auto!important;
  }
  .om-main-media-empty{
    margin-left:var(--om-main-start)!important;
    margin-right:0!important;
  }

  /* Context rails span the two left columns. Their locator lives in the narrow
     first column, while text/media uses the middle column. */
  .om-margin-notes,
  .om-margin-figures,
  .om-margin-infos,
  .om-side-caption{
    left:0!important;
    right:auto!important;
    width:var(--om-main-start)!important;
    box-sizing:border-box!important;
  }

  /* Footnotes: number centred in column one, copy in column two. */
  .om-margin-notes .om-margin-note{
    left:0!important;
    right:0!important;
    width:100%!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:var(--om-left-col) var(--om-middle-col)!important;
    align-items:start!important;
  }
  .om-margin-notes .footnote-number{
    grid-column:1!important;
    justify-self:center!important;
    margin:0!important;
  }
  .om-margin-notes .footnote-text{
    grid-column:2!important;
    width:auto!important;
    margin:0 18px!important;
  }
  .om-margin-notes .footnote-editor-controls{
    right:18px!important;
  }

  /* Figure: Fig. label in the narrow rail; gallery + caption in the middle rail. */
  .om-margin-figure{
    left:0!important;
    right:0!important;
    width:100%!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:var(--om-left-col) var(--om-middle-col)!important;
    align-items:start!important;
  }
  .om-margin-figure-head{display:contents!important}
  .om-margin-figure-label{
    grid-column:1!important;
    justify-self:center!important;
    margin:0!important;
  }
  .om-margin-figure .om-rail-controls{
    right:18px!important;
  }
  .om-figure-gallery{
    grid-column:2!important;
    width:auto!important;
    margin:0 18px 9px!important;
  }
  .om-margin-figure .om-figure-caption{
    grid-column:2!important;
    width:auto!important;
    margin:0 18px 8px!important;
  }

  /* Figure 1 follows the same rule: label left, caption in the middle. */
  .om-side-caption{
    padding:0!important;
    display:grid!important;
    grid-template-columns:var(--om-left-col) var(--om-middle-col)!important;
    align-items:start!important;
  }
  .om-side-caption-head{display:contents!important}
  .om-main-figure-label{
    grid-column:1!important;
    justify-self:center!important;
    margin:0!important;
  }
  .om-side-caption-text{
    grid-column:2!important;
    width:auto!important;
    margin:0 18px!important;
  }
  .om-side-caption-controls{right:18px!important}

  /* Info: portrait/initials becomes the locator in the narrow column;
     name, role and description form one clean middle-column text block. */
  .om-margin-info{
    left:0!important;
    right:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:var(--om-left-col) var(--om-middle-col)!important;
    align-items:start!important;
  }
  .om-margin-info-head{
    position:absolute!important;
    z-index:3;
    top:0!important;
    right:18px!important;
    margin:0!important;
  }
  .om-margin-info-label{display:none!important}
  .om-info-layout{display:contents!important}
  .om-info-avatar{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:start!important;
    width:48px!important;
    height:48px!important;
    margin:0!important;
  }
  .om-info-avatar .om-info-image,
  .om-info-avatar .om-info-image img{
    width:48px!important;
    height:48px!important;
  }
  .om-info-copy{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    width:auto!important;
    margin:0 18px!important;
    padding-right:42px!important;
  }
  .om-margin-info.om-rail-flash .om-info-avatar{
    box-shadow:0 0 0 2px var(--site-accent)!important;
  }

  /* Latest News: narrow symbol / middle heading / wide card field. */
  .om-home-news-panel{
    --om-news-burgundy:var(--gm-colour-colour-news-burgundy,#7b2735)!important;
    padding:24px 0 30px!important;
  }
  .om-news-panel-inner{
    display:grid;
    grid-template-columns:var(--om-left-col) var(--om-middle-col) minmax(0,1fr);
    align-items:start;
  }
  .om-news-symbol{
    grid-column:1;
    display:grid;
    place-items:start center;
    padding-top:4px;
  }
  .om-news-symbol .om-symbol-news{
    width:28px;
    height:28px;
  }
  .om-news-panel-head{
    grid-column:2;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:0!important;
    padding:0 18px!important;
  }
  .om-news-panel-head h2{
    font-size:clamp(30px,3.2vw,48px)!important;
  }
  .om-news-grid{
    grid-column:3;
    margin:0 28px!important;
  }
  .om-news-more{
    grid-column:3;
    margin:26px 28px 0!important;
  }
}


/* ==========================================================================
   2026-09-27 — three-column polish after the reversal
   ========================================================================== */

@media (min-width:601px){


  /* Draw the page-column separators as part of the background itself.
     This removes the fractional white hairline that could peek past the black rule. */
  .canvas-frame:not(.mobile) .page-canvas{
    background:
      linear-gradient(
        to right,
        var(--om-grey-bg) 0 calc(var(--om-left-col) - 1px),
        var(--site-ink) calc(var(--om-left-col) - 1px) var(--om-left-col),
        var(--om-grey-bg) var(--om-left-col) calc(var(--om-main-start) - 1px),
        var(--site-ink) calc(var(--om-main-start) - 1px) var(--om-main-start),
        var(--site-background) var(--om-main-start) 100%
      )!important;
  }
  .canvas-frame:not(.mobile) .page-canvas::before,
  .canvas-frame:not(.mobile) .page-canvas::after{
    display:none!important;
  }

  /* Latest News has the same structural rules as the rest of the site:
     one top rule and continuous separators between all three fields. */
  .om-home-news-panel{
    position:relative!important;
    border-top:1px solid var(--site-ink)!important;
    border-bottom:0!important;
    overflow:hidden;
  }
  .om-home-news-panel::before,
  .om-home-news-panel::after{
    content:"";
    position:absolute;
    z-index:4;
    top:0;
    bottom:0;
    width:1px;
    background:var(--site-ink);
    pointer-events:none;
  }
  .om-home-news-panel::before{left:var(--om-left-col)}
  .om-home-news-panel::after{left:var(--om-main-start)}
  .om-news-panel-inner{position:relative;z-index:2}
  .om-news-panel-head{
    padding:0 18px!important;
    gap:10px!important;
  }
  .om-news-panel-head h2{margin:0!important}
  .om-news-all-button{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:8px;
    padding:7px 9px;
    border:1px solid var(--site-ink);
    border-radius:0;
    background:transparent;
    color:var(--site-ink);
    font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace);
    font-size:var(--gm-type-small-desktop-size,13px);
    line-height:1;
    cursor:pointer;
  }
  .om-news-all-button i{
    display:grid;
    place-items:center;
    width:15px;
    height:15px;
    font-style:normal;
  }
  .om-news-all-button .om-symbol-arrow{
    transform:rotate(270deg)!important;
  }
  .om-news-all-button:hover,
  .om-news-all-button:focus-visible{
    background:var(--site-ink);
    color:var(--om-news-burgundy);
    outline:0;
  }
  .om-news-more{display:none!important}

  /* Article metadata is no longer a row above the article.
     Date occupies the narrow rail vertically; category occupies the middle rail.
     The title is therefore the first thing in the large reading field. */
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-meta-row-"]{
    position:absolute!important;
    z-index:9;
    top:calc(var(--om-desktop-bar) + 20px)!important;
    left:0!important;
    right:auto!important;
    width:var(--om-main-start)!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:var(--om-left-col) var(--om-middle-col)!important;
    column-gap:0!important;
    align-items:start!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-meta-row-"] .column-container{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-meta-row-"] .column-container:first-of-type{
    grid-column:2!important;
    grid-row:1!important;
    padding:0 18px!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-meta-row-"] .column-container:last-of-type{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    justify-content:center!important;
    align-items:flex-start!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-meta-row-"] .column-container:last-of-type p{
    writing-mode:vertical-rl!important;
    transform:rotate(180deg);
    transform-origin:center;
    text-align:left!important;
    white-space:nowrap;
    margin:0!important;
    padding:0!important;
  }

  /* Category: black outlined editorial button in the middle field. */
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"]{
    color:var(--site-ink)!important;
    background:transparent!important;
    border:1px solid var(--site-ink)!important;
    border-radius:0!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"] > a[data-page-link]{
    color:var(--site-ink)!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"]:has(a:hover),
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"]:has(a:focus-visible){
    background:var(--site-ink)!important;
    color:var(--om-grey-bg)!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"]:has(a:hover) > a,
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"]:has(a:focus-visible) > a{
    color:var(--om-grey-bg)!important;
  }

  /* With metadata removed from normal flow, the article begins directly with title. */
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-title-"]{
    margin-top:20px!important;
  }

  /* Contextual material now uses the complete width of the middle column. */
  .om-margin-notes .footnote-text{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .om-figure-gallery{
    width:100%!important;
    margin:0 0 9px!important;
  }
  .om-margin-figure .om-figure-caption{
    width:100%!important;
    margin:0 0 8px!important;
    padding:0!important;
  }
  .om-side-caption-text{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  /* Controls remain overlays and do not steal the contextual measure. */
  .om-margin-notes .footnote-editor-controls,
  .om-margin-figure .om-rail-controls,
  .om-side-caption-controls{
    right:0!important;
  }
}


/* ==========================================================================
   2026-09-27 — column grid precision + middle-rail gutters
   ========================================================================== */

@media (min-width:601px){

  /* Grid rules begin exactly ON the shared grid boundary, matching header/footer.
     Previously the black pixel was painted one px before the boundary. */
  .canvas-frame:not(.mobile) .page-canvas{
    background:
      linear-gradient(
        to right,
        var(--om-grey-bg) 0 var(--om-left-col),
        var(--site-ink) var(--om-left-col) calc(var(--om-left-col) + 1px),
        var(--om-grey-bg) calc(var(--om-left-col) + 1px) var(--om-main-start),
        var(--site-ink) var(--om-main-start) calc(var(--om-main-start) + 1px),
        var(--site-background) calc(var(--om-main-start) + 1px) 100%
      )!important;
  }

  /* One consistent inner gutter for every object living in column two.
     Content fills the available measure between the two gutters. */
  .page-canvas{
    --om-middle-pad:18px;
  }

  .om-margin-notes .footnote-text{
    width:auto!important;
    min-width:0!important;
    margin:0 var(--om-middle-pad)!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  .om-figure-gallery{
    width:auto!important;
    min-width:0!important;
    margin:0 var(--om-middle-pad) 9px!important;
    box-sizing:border-box!important;
  }

  .om-margin-figure .om-figure-caption{
    width:auto!important;
    min-width:0!important;
    margin:0 var(--om-middle-pad) 8px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  .om-side-caption-text{
    width:auto!important;
    min-width:0!important;
    margin:0 var(--om-middle-pad)!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  /* Info already follows the new two-column structure; keep the same exact gutter. */
  .om-info-copy{
    margin-left:var(--om-middle-pad)!important;
    margin-right:var(--om-middle-pad)!important;
  }

  /* Category uses the same left/right rhythm as all other middle-column content. */
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-meta-row-"] .column-container:first-of-type{
    padding-left:var(--om-middle-pad)!important;
    padding-right:var(--om-middle-pad)!important;
  }

  /* Context controls live inside the same right gutter instead of touching the rule. */
  .om-margin-notes .footnote-editor-controls,
  .om-margin-figure .om-rail-controls,
  .om-side-caption-controls{
    right:var(--om-middle-pad)!important;
  }

  /* Latest-news middle field follows exactly the same gutter. */
  .om-news-panel-head{
    padding-left:var(--om-middle-pad)!important;
    padding-right:var(--om-middle-pad)!important;
  }

  /* All News: sharp site-style outline; hover/focus/press is always solid black. */
  .om-news-all-button{
    border-color:var(--site-ink)!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--site-ink)!important;
    box-shadow:none!important;
  }
  .om-news-all-button:hover,
  .om-news-all-button:focus-visible,
  .om-news-all-button:active{
    border-color:var(--site-ink)!important;
    background:var(--site-ink)!important;
    color:var(--om-news-burgundy)!important;
    box-shadow:none!important;
    outline:0!important;
  }
}


/* ==========================================================================
   2026-09-27 — fixed desktop track geometry
   Column widths are frozen by open-muzej.js against page-canvas.clientWidth.
   This prevents nested rails from recalculating percentage-based widths.
   ========================================================================== */

@media(min-width:601px){
  /* Context items stretch inside the real middle track, with one shared gutter. */
  .om-margin-notes .footnote-text,
  .om-side-caption-text,
  .om-margin-figure .om-figure-caption{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:none!important;
  }

  /* Figure gallery uses the whole available second-column measure.
     Images keep their natural aspect ratio instead of a fixed 170px box. */
  .om-figure-gallery{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:none!important;
    align-items:start!important;
  }
  .om-figure-gallery > .om-figure-image{
    min-width:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  .om-figure-gallery > .om-figure-image img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
  }

  /* Info copy is a normal stretched grid item, not fit-content. */
  .om-info-copy{
    min-width:0!important;
    max-width:none!important;
    align-self:stretch!important;
  }
  .om-info-copy > .block,
  .om-info-copy > .text-block{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  /* A decorated contextual text block must not inherit GM Core fit-content sizing. */
  .om-margin-notes .footnote-text[style*="background:"],
  .om-margin-figure .om-figure-caption[style*="background:"],
  .om-info-copy > .text-block[style*="background:"]{
    width:100%!important;
    max-width:none!important;
  }
}


/* ==========================================================================
   2026-09-27 — small polish after the column geometry fix
   ========================================================================== */

@media(min-width:601px){
  /* In article mode the grey/white colour change is the divider:
     keep the rule between columns 1 and 2, remove the black rule before white. */
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page{
    background:
      linear-gradient(
        to right,
        var(--om-grey-bg) 0 var(--om-left-col),
        var(--site-ink) var(--om-left-col) calc(var(--om-left-col) + 1px),
        var(--om-grey-bg) calc(var(--om-left-col) + 1px) var(--om-main-start),
        var(--site-background) var(--om-main-start) 100%
      )!important;
  }

  /* Rubric follows the same 18px middle-column gutter as captions and notes. */
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-meta-row-"] .column-container:first-of-type{
    box-sizing:border-box!important;
    width:var(--om-middle-col)!important;
    padding-left:var(--om-middle-pad,18px)!important;
    padding-right:var(--om-middle-pad,18px)!important;
  }

  /* Equal editorial pause: name -> role and role -> description. */
  .om-info-copy > [data-block$="-title"],
  .om-info-copy > [data-block$="-title-be"],
  .om-info-copy > [data-block$="-title-en"],
  .om-info-copy > [data-block*="-title-"]{
    margin-bottom:10px!important;
  }
  .om-info-copy > [data-block$="-role"],
  .om-info-copy > [data-block*="-role-"]{
    margin-bottom:10px!important;
  }
}

/* Marquee: use the measured width of one complete sequence for a seamless loop. */
.om-marquee-track{
  animation:om-marquee var(--om-marquee-duration,22s) linear infinite!important;
  will-change:transform;
  backface-visibility:hidden;
}
@keyframes om-marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(var(--om-marquee-shift,-50%),0,0)}
}

/* Only the circle and square inside the running line become outlined. */
.om-marquee-circle,
.om-marquee-square{
  box-sizing:border-box!important;
  background:transparent!important;
  border:1px solid var(--site-ink)!important;
}
.om-marquee-circle{border-radius:50%!important}


/* ==========================================================================
   2026-09-27 — section navigation + Open Muzej editor polish
   ========================================================================== */

/* Technical colour values stay useful but visually quiet. */
.colour-technical-row,
.colour-technical-row label,
.colour-technical-row input,
.colour-technical-row output{
  font-size:10px!important;
  font-weight:400!important;
  color:var(--admin-foreground,#171717)!important;
  opacity:.58;
}
.registry-management-title{margin:4px 0 6px!important}

/* Open Muzej desktop article metadata:
   rubric is the compact first-column item; editable date/meta is the second-column caption. */
@media(min-width:601px){
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-meta-row-"]{
    grid-template-columns:var(--om-left-col) var(--om-middle-col)!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-meta-row-"] .column-container:first-of-type{
    grid-column:1!important;
    grid-row:1!important;
    box-sizing:border-box!important;
    width:var(--om-left-col)!important;
    padding:0 7px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:flex-start!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-meta-row-"] .column-container:last-of-type{
    grid-column:2!important;
    grid-row:1!important;
    box-sizing:border-box!important;
    width:var(--om-middle-col)!important;
    padding:0 18px!important;
    display:block!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    > [data-block^="om-conf-meta-row-"] .column-container:last-of-type p{
    writing-mode:horizontal-tb!important;
    transform:none!important;
    text-align:left!important;
    white-space:normal!important;
    margin:0!important;
    padding:0!important;
  }
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page
    [data-block^="om-conf-meta-row-"] p[data-style-id="type-category"]{
    box-sizing:border-box!important;
    width:auto!important;
    max-width:calc(var(--om-left-col) - 14px)!important;
    padding:5px 6px!important;
    font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
    font-size:var(--gm-type-small-desktop-size,13px)!important;
    font-weight:var(--gm-type-small-weight,400)!important;
    line-height:var(--gm-type-small-line-height,1.2)!important;
    letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* The white article field ends one physical pixel inside the viewport frame. */
  .canvas-frame:not(.mobile) .page-canvas.om-internal-page{
    background:
      linear-gradient(
        to right,
        var(--om-grey-bg) 0 var(--om-left-col),
        var(--site-ink) var(--om-left-col) calc(var(--om-left-col) + 1px),
        var(--om-grey-bg) calc(var(--om-left-col) + 1px) var(--om-main-start),
        var(--site-background) var(--om-main-start) calc(100% - 1px),
        var(--site-ink) calc(100% - 1px) 100%
      )!important;
  }

  /* First section strip: separators exist from the start, not only after collapse. */
  .om-nav-strip::before,
  .om-nav-strip::after{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    bottom:0;
    width:1px;
    background:var(--site-ink);
    pointer-events:none;
  }
  .om-nav-strip::before{left:var(--om-left-col)}
  .om-nav-strip::after{left:var(--om-main-start);right:auto!important}

  .om-nav-section-number{
    position:absolute;
    top:7px;
    left:calc(var(--om-left-col) - var(--om-icon) - 6px);
    width:var(--om-icon);
    height:var(--om-icon);
    display:grid;
    place-items:center;
    box-sizing:border-box;
    border:1px solid var(--site-ink);
    background:transparent;
    color:var(--site-ink);
    opacity:0;
  }
  .om-nav-strip.is-label-menu .om-nav-section-number,
  .om-nav-strip.is-menu .om-nav-section-number{opacity:1}

  .om-nav-label{
    position:absolute!important;
    left:calc(var(--om-left-col) + 18px)!important;
    right:auto!important;
    top:18px!important;
    width:calc(var(--om-middle-col) - 36px)!important;
    text-align:center!important;
  }

  /* Latest News section marker: arrow circle + numbered square. */
  .om-news-section-mark{
    grid-column:1;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:5px;
    padding-top:4px;
  }
  .om-section-arrow,
  .om-section-number{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    box-sizing:border-box;
    border:1px solid var(--site-ink);
    background:transparent;
    color:var(--site-ink);
  }
  .om-section-arrow{border-radius:50%}
  .om-section-arrow .om-symbol-arrow{width:18px;height:18px;transform:rotate(-90deg)!important}
  .om-section-number{border-radius:0}
  .om-news-panel-head h2{text-transform:uppercase!important}
}

/* Open Muzej live project colours: aliases intentionally point to stable ID tokens. */
:root{
  --om-grey-bg:var(--gm-colour-colour-grey-bg,#deded9);
}
.om-home-news-panel{
  --om-news-burgundy:var(--gm-colour-colour-news-burgundy,#7b2735);
  background:var(--om-news-burgundy)!important;
}


/* ==========================================================================
   OPEN MUZEJ — HOME, EDITORIAL SECTIONS, RAIL AND LIGHTBOX
   ========================================================================== */
:root{
  --om-section-edge-gap:6px;
  --om-card-gap:7px;
  --om-podcast-shelf-live:var(--gm-colour-colour-podcast-shelf,#2f5bd3);
}

/* OPEN MUZEJ — CANONICAL PUBLIC LAYOUT
   One final layer for the homepage/editorial surface. Keep shared GM Core
   primitives above this block; do not add visual hotfixes below it. */

:root{
  --om-section-edge-gap:6px;
  --om-card-gap:7px;
  --om-card-row-gap:34px;
}

/* OPEN MUZEJ — HOME SOURCE CONTENT
   Home text records remain in state for editing/migration, but the public home
   is composed entirely from the generated menu/editorial sections. */
.page-canvas.om-home-page > .block,
.page-canvas.om-home-page > .page-footnotes{
  display:none!important;
}

/* OPEN MUZEJ — INTRO ARROW STRIP
   This strip deliberately uses unique element classes, so legacy nav-action
   rules cannot hide its arrow/copy. */
.om-nav-strip.om-intro-strip{
  position:relative!important;
  isolation:isolate!important;
  z-index:6!important;
  display:grid!important;
  grid-template-columns:var(--om-left-col) var(--om-middle-col) minmax(0,1fr)!important;
  grid-template-rows:var(--om-frame-h)!important;
  flex:0 0 var(--om-frame-h)!important;
  height:var(--om-frame-h)!important;
  min-height:var(--om-frame-h)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--site-ink)!important;
  background:var(--site-accent)!important;
  color:var(--site-ink)!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.om-intro-strip::before,
.om-intro-strip::after{
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  bottom:0;
  width:1px;
  background:var(--site-ink);
  pointer-events:none;
}
.om-intro-strip::before{left:var(--om-left-col)}
.om-intro-strip::after{left:var(--om-main-start)}
.om-intro-strip .om-nav-cell{
  position:relative!important;
  z-index:0!important;
  min-width:0!important;
  pointer-events:none!important;
}
.om-intro-arrow{
  position:absolute!important;
  z-index:30!important;
  left:6px!important;
  top:var(--om-section-edge-gap)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid var(--site-ink)!important;
  border-radius:50%!important;
  background:var(--site-accent)!important;
  color:var(--site-ink)!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
}
.om-intro-arrow-symbol{
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  color:inherit!important;
  visibility:visible!important;
  opacity:1!important;
}
.om-intro-arrow-symbol .om-symbol-svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  visibility:visible!important;
  opacity:1!important;
}
.om-intro-heart-square{
  position:absolute!important;
  z-index:30!important;
  left:41px!important;
  top:var(--om-section-edge-gap)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--site-ink)!important;
  background:var(--site-accent)!important;
  color:var(--site-ink)!important;
  opacity:0;
  transform:scale(.92);
  transform-origin:center!important;
  pointer-events:none!important;
  will-change:opacity,transform!important;
}
.om-intro-heart-square .om-pixel-heart{
  display:block!important;
  width:14px!important;
  height:12px!important;
  overflow:visible!important;
}
.om-intro-strip:not(.is-welcome):not(.is-intro-transition) .om-intro-arrow-symbol{
  animation:om-arrow-soft-blink 2s ease-in-out infinite!important;
}
.om-intro-strip.is-intro-transition .om-intro-arrow-symbol,
.om-intro-strip.is-welcome .om-intro-arrow-symbol{animation:none!important}
.om-intro-strip.is-welcome .om-intro-arrow .om-symbol-arrow{transform:rotate(270deg)!important}
.om-intro-copy{
  position:absolute!important;
  z-index:30!important;
  top:var(--om-section-edge-gap)!important;
  left:var(--om-left-col)!important;
  width:var(--om-middle-col)!important;
  min-height:28px!important;
  display:block!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 8px!important;
  overflow:hidden!important;
  color:var(--site-ink)!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  line-height:28px!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
  text-transform:var(--gm-type-small-transform,none)!important;
  text-align:center!important;
  white-space:nowrap!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
}
.om-intro-copy > span{
  position:absolute!important;
  top:0!important;
  left:8px!important;
  right:8px!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  transform-origin:center!important;
  will-change:opacity,filter,transform!important;
  pointer-events:none!important;
}

/* OPEN MUZEJ — SHARED NUMBERED SECTIONS */
.om-menu-section,
.om-home-news-panel,
.om-podcast-shelf{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid var(--site-ink)!important;
  background:var(--om-section-bg,var(--site-background))!important;
  color:var(--site-ink)!important;
  overflow:visible!important;
}
.om-menu-section{
  --om-section-bg:var(--site-accent);
  border-top:0!important;
}
.om-menu-section::before,
.om-menu-section::after{
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  bottom:0;
  width:1px;
  background:var(--site-ink);
  pointer-events:none;
}
.om-menu-section::before{left:var(--om-left-col)}
.om-menu-section::after{left:var(--om-main-start)}
.om-home-news-panel{
  --om-section-bg:var(--om-news-live,var(--gm-colour-colour-news-burgundy,#7b2735));
}
.om-home-news-panel.is-publications{
  --om-section-bg:var(--om-publications-live,var(--gm-colour-colour-publications,#7b2735));
}
.om-home-news-panel.is-podcast-cards{
  --om-section-bg:var(--om-podcast-live,var(--gm-colour-colour-podcast,#c6a24a));
}
.om-podcast-shelf{
  --om-section-bg:var(--om-podcast-shelf-live,var(--gm-colour-colour-podcast-shelf,#2f5bd3));
}
.om-menu-section,
.om-news-panel-inner,
.om-podcast-shelf{
  display:grid!important;
  grid-template-columns:var(--om-left-col) var(--om-middle-col) minmax(0,1fr)!important;
  align-items:start!important;
}
.om-news-panel-inner{
  position:relative!important;
  background:transparent!important;
}

/* section locator: same 6px / 28px / 7px rhythm everywhere */
.om-section-mark,
.om-news-section-mark,
.om-podcast-shelf-mark{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:stretch!important;
  position:relative!important;
  box-sizing:border-box!important;
  min-height:calc(28px + var(--om-section-edge-gap) * 2)!important;
  margin:0!important;
  padding:var(--om-section-edge-gap) 6px!important;
  background:transparent!important;
}
.om-section-mark{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
}
.om-section-arrow,
.om-section-number{
  box-sizing:border-box!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--site-ink)!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  line-height:1!important;
}
.om-section-arrow{
  border-radius:50%!important;
}
.om-section-arrow .om-symbol-svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  margin:auto!important;
}
.om-section-number{
  border-radius:0!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
}
.om-news-section-mark,
.om-podcast-shelf-mark{
  display:flex!important;
  align-items:flex-start!important;
  align-content:flex-start!important;
  gap:7px!important;
}
.om-menu-section .om-section-mark > .om-section-route,
.om-news-section-mark > .om-section-route,
.om-podcast-shelf-mark > .om-section-route{
  position:sticky!important;
  top:calc(var(--om-desktop-bar) + var(--om-section-edge-gap))!important;
  flex:0 0 28px!important;
  cursor:pointer!important;
  z-index:5!important;
  transition:background .16s ease,color .16s ease!important;
}
.om-section-route:hover,
.om-section-route:focus-visible{
  background:var(--site-ink)!important;
  color:var(--om-section-bg,var(--site-background))!important;
  outline:0!important;
}

/* OPEN MUZEJ — MENU SECTION */
.om-menu-section-head{
  grid-column:2!important;
  grid-row:1!important;
  box-sizing:border-box!important;
  min-height:calc(28px + var(--om-section-edge-gap) * 2)!important;
  margin:0!important;
  padding:var(--om-section-edge-gap) var(--om-card-gap) 16px!important;
}
.om-menu-section-links{
  grid-column:3!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  margin:0!important;
  padding:var(--om-section-edge-gap) var(--om-card-gap) 16px!important;
  box-sizing:border-box!important;
}
.om-menu-section-link{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:baseline!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font-family:var(--gm-type-h2-font-family,"IBM Plex Sans",sans-serif)!important;
  font-size:var(--gm-type-h2-desktop-size,36px)!important;
  font-weight:var(--gm-type-h2-weight,600)!important;
  font-style:var(--gm-type-h2-font-style,normal)!important;
  line-height:var(--gm-type-h2-line-height,1.1)!important;
  letter-spacing:var(--gm-type-h2-letter-spacing,0)!important;
  text-transform:var(--gm-type-h2-transform,none)!important;
  text-align:left!important;
  cursor:pointer!important;
}
.om-menu-link-number{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  margin:.08em 0 0!important;
  border:1px solid transparent!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  line-height:1!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
  transition:border-color .12s linear!important;
}
.om-menu-link-text{min-width:0!important}
.om-menu-section-link:hover,
.om-menu-section-link:focus-visible{
  text-decoration:none!important;
  outline:0!important;
}
.om-menu-section-link:hover .om-menu-link-number,
.om-menu-section-link:focus-visible .om-menu-link-number{
  border-color:var(--site-ink)!important;
}
.om-menu-glyph .om-hamburger-glyph,
.om-podcast-wave .om-waveform-glyph{
  display:block!important;
  width:16px!important;
  height:16px!important;
  overflow:visible!important;
}
.om-menu-section-head h1,
.om-news-panel-head h2,
.om-podcast-shelf-head h2{
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-family:var(--gm-type-h1-font-family,"IBM Plex Sans",sans-serif)!important;
  font-size:var(--gm-type-h1-desktop-size,54px)!important;
  font-weight:var(--gm-type-h1-weight,900)!important;
  font-style:var(--gm-type-h1-font-style,normal)!important;
  line-height:var(--gm-type-h1-line-height,1.05)!important;
  letter-spacing:var(--gm-type-h1-letter-spacing,0)!important;
  text-transform:uppercase!important;
}

/* OPEN MUZEJ — PODCAST MARQUEE */
.om-podcast-shelf{min-height:0!important}
.om-podcast-shelf::before{
  content:"";
  position:absolute;
  z-index:6;
  top:0;
  bottom:0;
  left:var(--om-left-col);
  width:1px;
  background:var(--site-ink);
  pointer-events:none;
}
.om-podcast-shelf-body{
  grid-column:2 / -1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:var(--om-middle-col) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  min-width:0!important;
  overflow:hidden!important;
}
.om-podcast-shelf-head{
  grid-column:1 / -1!important;
  grid-row:1!important;
  margin:0!important;
  padding:16px 20px 24px!important;
  box-sizing:border-box!important;
}
.om-podcast-shelf-head h2{margin:0!important}
.om-podcast-shelf-scroll{
  grid-column:1 / -1!important;
  grid-row:2!important;
  min-width:0!important;
  overflow:hidden!important;
  align-self:start!important;
}
.om-podcast-shelf-track{
  display:flex!important;
  gap:34px!important;
  width:max-content!important;
  padding:0 18px 18px!important;
  will-change:transform!important;
  animation:om-podcast-marquee 34s linear infinite!important;
  animation-play-state:running!important;
}
@keyframes om-podcast-marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
.om-podcast-shelf-track:hover{animation-play-state:running!important}
.om-podcast-album{
  display:grid!important;
  grid-template-rows:auto minmax(calc(2 * var(--gm-type-small-desktop-size,13px) * var(--gm-type-small-line-height,1.35)),auto)!important;
  align-content:start!important;
  width:clamp(170px,17vw,270px)!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
}
.om-podcast-album img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1!important;
  object-fit:cover!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.om-podcast-album span{
  display:block!important;
  align-self:start!important;
  margin:7px 0 0!important;
  padding:0!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
  text-transform:var(--gm-type-small-transform,none)!important;
}

/* OPEN MUZEJ — EDITORIAL SECTION HEADER */
.om-news-panel-head{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:stretch!important;
  min-height:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:16px 20px 28px!important;
  border:0!important;
  background:transparent!important;
}
.om-section-abstract{
  width:100%!important;
  max-width:none!important;
  margin:14px 0 0!important;
  padding:0!important;
  color:inherit!important;
  font-family:var(--gm-type-news-teaser-font-family,var(--gm-type-body-font-family,inherit))!important;
  font-size:var(--gm-type-news-teaser-desktop-size,20px)!important;
  font-weight:var(--gm-type-news-teaser-weight,700)!important;
  font-style:var(--gm-type-news-teaser-font-style,normal)!important;
  line-height:var(--gm-type-news-teaser-line-height,1.08)!important;
  letter-spacing:var(--gm-type-news-teaser-letter-spacing,-.2px)!important;
  text-transform:var(--gm-type-news-teaser-transform,none)!important;
}
/* Archive navigation is now the sticky arrow+number marker in column one. */
.om-news-all-button{display:none!important}
/* OPEN MUZEJ — HOME EDITORIAL CARDS
   Four materials: [image | copy] [image | copy], then the second row. */
.om-home-news-panel:not(.is-index) .om-news-grid{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  column-gap:30px!important;
  row-gap:40px!important;
  box-sizing:border-box!important;
  margin:18px 20px 38px!important;
  padding:0!important;
  background:transparent!important;
}
.om-home-news-panel:not(.is-index) .om-news-card{
  display:grid!important;
  grid-template-columns:minmax(92px,38%) minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:18px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  cursor:pointer!important;
  outline:0!important;
}
.om-home-news-panel:not(.is-index) .om-news-thumb{
  grid-column:1!important;
}
.om-home-news-panel:not(.is-index) .om-news-card-copy{
  grid-column:2!important;
  min-width:0!important;
  align-self:start!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:2px 10px 0 2px!important;
  background:transparent!important;
}
.om-home-news-panel:not(.is-index) .om-news-card time,
.om-home-news-panel:not(.is-index) .om-news-card h3,
.om-home-news-panel:not(.is-index) .om-news-card p{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
}
.om-home-news-panel:not(.is-index) .om-news-card time{
  margin-bottom:6px!important;
}
.om-home-news-panel:not(.is-index) .om-news-card h3{
  margin-bottom:10px!important;
}
.om-home-news-panel:not(.is-index) .om-news-card p{
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
}

/* OPEN MUZEJ — ARCHIVE GRID */
.om-home-news-panel.is-index .om-news-panel-inner{
  display:grid!important;
  grid-template-columns:var(--om-left-col) var(--om-middle-col) minmax(0,1fr)!important;
}
.om-home-news-panel.is-index .om-news-grid{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:var(--om-card-row-gap) var(--om-card-gap)!important;
  margin:var(--om-section-edge-gap) var(--om-card-gap) 30px!important;
  padding:0!important;
  background:transparent!important;
}
.om-home-news-panel.is-index .om-news-card{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
}
.om-home-news-panel.is-index .om-news-card-copy{
  margin:7px 0 0!important;
  padding:0!important;
  background:transparent!important;
}

/* OPEN MUZEJ — CARD TYPOGRAPHY + IMAGE EFFECT */
.om-news-card time{
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
}
.om-news-card h3{
  font-family:var(--gm-type-news-teaser-font-family,var(--gm-type-body-font-family,inherit))!important;
  font-size:var(--gm-type-news-teaser-desktop-size,20px)!important;
  font-weight:var(--gm-type-news-teaser-weight,700)!important;
  font-style:var(--gm-type-news-teaser-font-style,normal)!important;
  line-height:var(--gm-type-news-teaser-line-height,1.08)!important;
  letter-spacing:var(--gm-type-news-teaser-letter-spacing,-.2px)!important;
  text-transform:var(--gm-type-news-teaser-transform,none)!important;
}
.om-news-thumb{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  aspect-ratio:1!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent!important;
  transition:none!important;
}
.om-news-thumb img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  outline:0!important;
  filter:grayscale(1)!important;
  mix-blend-mode:normal!important;
  transition:none!important;
}
.om-news-thumb::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  border-radius:inherit;
  background:var(--om-section-bg,var(--site-background));
  mix-blend-mode:multiply;
  opacity:1;
  pointer-events:none;
  transition:none!important;
}
.om-news-card:hover .om-news-thumb,
.om-news-card:focus-visible .om-news-thumb{
  border-radius:50%!important;
  transform:none!important;
  transition:border-radius .30s cubic-bezier(.2,.8,.2,1)!important;
}
.om-news-card:hover .om-news-thumb img,
.om-news-card:focus-visible .om-news-thumb img{
  filter:grayscale(0)!important;
  transform:none!important;
}
.om-news-card:hover .om-news-thumb::after,
.om-news-card:focus-visible .om-news-thumb::after{
  opacity:0!important;
}

/* OPEN MUZEJ — ARTICLE CATEGORY */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-category-"],
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block*="-item-category-"]{
  display:block!important;
  width:max-content!important;
  max-width:calc(100% - var(--om-content-left) - var(--om-content-right))!important;
  box-sizing:border-box!important;
  margin:20px var(--om-content-right) 18px var(--om-content-left)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  text-decoration:none!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-category-"] a,
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block*="-item-category-"] a{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:6px 10px!important;
  border:1px solid var(--site-ink)!important;
  border-radius:0!important;
  background:var(--site-background)!important;
  background-image:none!important;
  color:var(--site-ink)!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  box-shadow:none!important;
}
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-category-"] a:hover,
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-category-"] a:focus-visible,
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block*="-item-category-"] a:hover,
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block*="-item-category-"] a:focus-visible{
  background:var(--site-ink)!important;
  color:var(--site-background)!important;
  outline:0!important;
}

/* Home-card source values live in state but do not become article body copy. */
.page-canvas.om-internal-page > [data-block*="-home-title-"],
.page-canvas.om-internal-page > [data-block*="-home-abstract-"]{
  display:none!important;
}

/* Editor-only controls for the short homepage title/abstract. */
.om-card-fields-editor{
  box-sizing:border-box!important;
  width:auto!important;
  margin:0 var(--om-content-right) 20px var(--om-content-left)!important;
  padding:10px 0!important;
  display:grid!important;
  gap:10px!important;
  border-top:1px solid var(--site-ink)!important;
  border-bottom:1px solid var(--site-ink)!important;
  color:var(--site-ink)!important;
  background:transparent!important;
}
.editor-shell.preview-mode .om-card-fields-editor{display:none!important}
.om-card-field{
  display:grid!important;
  grid-template-columns:minmax(150px,.36fr) minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  margin:0!important;
}
.om-card-field-label{
  padding-top:2px!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
  text-transform:var(--gm-type-small-transform,none)!important;
}
.om-card-field-value{
  display:block!important;
  min-width:0!important;
  min-height:1.35em!important;
  outline:0!important;
  cursor:text!important;
}
.om-card-field-title{
  font-family:var(--gm-type-news-teaser-font-family,var(--gm-type-h2-font-family,"IBM Plex Sans",sans-serif))!important;
  font-size:var(--gm-type-news-teaser-desktop-size,var(--gm-type-h2-desktop-size,36px))!important;
  font-weight:var(--gm-type-news-teaser-weight,var(--gm-type-h2-weight,600))!important;
  font-style:var(--gm-type-news-teaser-font-style,var(--gm-type-h2-font-style,normal))!important;
  line-height:var(--gm-type-news-teaser-line-height,var(--gm-type-h2-line-height,1.1))!important;
  letter-spacing:var(--gm-type-news-teaser-letter-spacing,var(--gm-type-h2-letter-spacing,0))!important;
  text-transform:var(--gm-type-news-teaser-transform,none)!important;
}
.om-card-field-abstract{
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
  text-transform:var(--gm-type-small-transform,none)!important;
}
.om-card-field-value[contenteditable="true"]:focus{
  outline:1px solid var(--site-ink)!important;
  outline-offset:2px!important;
}
.canvas-frame.mobile .om-card-fields-editor{
  margin:16px 20px 20px!important;
}
.canvas-frame.mobile .om-card-field{
  grid-template-columns:1fr!important;
  gap:4px!important;
}

/* OPEN MUZEJ — ARTICLE METADATA
   Row 1 = [clock] [date], row 2 = [pencil] [author]. */
.canvas-frame:not(.mobile) .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"]{display:none!important}
.om-article-meta-generated{
  position:absolute!important;
  z-index:12!important;
  top:calc(var(--om-desktop-bar) + 20px)!important;
  left:0!important;
  width:var(--om-main-start)!important;
  display:grid!important;
  gap:14px!important;
  margin:0!important;
  padding:0!important;
  color:var(--site-ink)!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
}
.om-article-meta-generated-row{
  display:grid!important;
  grid-template-columns:var(--om-left-col) var(--om-middle-col)!important;
  align-items:start!important;
  width:100%!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
.om-article-meta-generated-row > :last-child{
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
  padding:1px 18px 0!important;
  text-align:left!important;
  justify-self:stretch!important;
}
.om-article-meta-icon{
  grid-column:1!important;
  justify-self:center!important;
  width:20px!important;
  height:20px!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--site-ink)!important;
  color:var(--om-grey-bg)!important;
}
.om-meta-clock i,
.om-meta-clock b{
  position:absolute!important;
  left:50%!important;
  bottom:50%!important;
  display:block!important;
  width:1px!important;
  background:currentColor!important;
  transform-origin:50% 100%!important;
}
.om-meta-clock i{height:6px!important;transform:translateX(-.5px) rotate(0deg)!important}
.om-meta-clock b{height:5px!important;transform:translateX(-.5px) rotate(120deg)!important}
.om-article-meta-value{
  min-height:1em!important;
  outline:0!important;
  cursor:text!important;
}
.om-article-meta-value[contenteditable="true"]:focus{
  outline:1px solid var(--site-ink)!important;
  outline-offset:2px!important;
}
.om-article-meta-icon.om-meta-author{
  width:24px!important;
  height:24px!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  transform:translateY(-2px)!important;
}
.om-article-meta-icon.om-meta-author .om-symbol-svg{
  width:18px!important;
  height:18px!important;
}

/* OPEN MUZEJ — INFO + CONTEXT RAIL */
.om-info-copy > [data-block^="om-info-"][data-block$="-title"]{
  font-family:var(--gm-type-news-teaser-font-family,var(--gm-type-body-font-family,inherit))!important;
  font-size:var(--gm-type-news-teaser-desktop-size,var(--gm-type-small-desktop-size,13px))!important;
  font-weight:var(--gm-type-news-teaser-weight,700)!important;
  font-style:var(--gm-type-news-teaser-font-style,normal)!important;
  line-height:var(--gm-type-news-teaser-line-height,1.08)!important;
  letter-spacing:var(--gm-type-news-teaser-letter-spacing,0)!important;
}
.om-info-copy > [data-block^="om-info-"][data-block$="-role"]{
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:700!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
  text-transform:var(--gm-type-small-transform,none)!important;
}
.om-info-avatar{
  overflow:hidden!important;
  background:transparent!important;
}
.om-info-avatar .om-info-image,
.om-info-avatar .om-info-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
}
.om-info-avatar .om-info-image img{
  object-fit:cover!important;
  filter:grayscale(1)!important;
  mix-blend-mode:normal!important;
}
.om-margin-figure .om-figure-gallery{
  align-items:start!important;
  align-content:start!important;
}
.om-margin-figure .om-figure-image{
  align-self:start!important;
  margin-top:0!important;
  cursor:zoom-in!important;
}
.om-margin-figure .om-figure-image img{
  filter:grayscale(1)!important;
  mix-blend-mode:multiply!important;
  transition:filter .24s ease,transform .24s ease!important;
}
.om-margin-figure .om-figure-image:hover img,
.om-margin-figure .om-figure-image:focus-within img{
  filter:grayscale(0)!important;
  mix-blend-mode:normal!important;
  transform:scale(1.01)!important;
}
.page-canvas.om-internal-page > [data-block^="om-conf-image-"] img{
  cursor:default!important;
}

/* OPEN MUZEJ — LIGHTBOX */
.om-media-lightbox{
  position:fixed!important;
  z-index:10000!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:1px solid var(--site-ink)!important;
  background:var(--om-grey-bg)!important;
  padding:58px 72px!important;
}
.om-media-lightbox[hidden]{display:none!important}
.om-media-lightbox-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:calc(100vw - 144px)!important;
  max-height:calc(100vh - 116px)!important;
  margin:auto!important;
  object-fit:contain!important;
}
.om-media-lightbox-close,
.om-media-lightbox-nav{
  position:absolute!important;
  z-index:4!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  padding:0!important;
  border:1px solid var(--site-ink)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  cursor:pointer!important;
}
.om-media-lightbox-close{
  top:14px!important;
  left:14px!important;
  right:auto!important;
}
.om-media-lightbox-close .om-symbol-svg{
  width:14px!important;
  height:14px!important;
}
.om-media-lightbox-square{
  position:absolute!important;
  z-index:4!important;
  top:14px!important;
  left:49px!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid var(--site-ink)!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  white-space:nowrap!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:8px!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.om-media-lightbox-prev{
  left:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.om-media-lightbox-next{
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.om-media-lightbox-nav .om-symbol-svg{width:12px!important;height:12px!important}
.om-media-lightbox-count{display:none!important}
.om-media-lightbox-nav:hover,
.om-media-lightbox-nav:focus-visible,
.om-media-lightbox-close:hover,
.om-media-lightbox-close:focus-visible{
  background:var(--site-ink)!important;
  color:var(--om-grey-bg)!important;
  outline:0!important;
}

/* OPEN MUZEJ — FOOTER */
.om-footer{
  position:relative!important;
  min-height:var(--om-frame-h)!important;
  display:grid!important;
  grid-template-columns:var(--om-left-col) var(--om-middle-col) minmax(0,1fr)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid var(--site-ink)!important;
  border-bottom:1px solid var(--site-ink)!important;
  background:var(--site-accent)!important;
  color:var(--site-ink)!important;
}
.om-footer::before,
.om-footer::after{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  bottom:0;
  width:1px;
  background:var(--site-ink);
  pointer-events:none;
}
.om-footer::before{left:var(--om-left-col)}
.om-footer::after{left:var(--om-main-start)}
.om-footer-cell{
  min-width:0!important;
  min-height:var(--om-frame-h)!important;
  border:0!important;
  background:transparent!important;
}
.om-footer-cell-center{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  padding:0 var(--om-card-gap)!important;
}
.om-footer-cell-right{display:block!important}
.om-copyright{margin:0!important}

/* OPEN MUZEJ — MOBILE */
@media(max-width:600px){
  .om-intro-strip .om-nav-label{
    left:52px!important;
    width:calc(100% - 72px)!important;
    text-align:left!important;
  }
  .om-menu-section,
  .om-news-panel-inner,
  .om-podcast-shelf,
  .om-podcast-shelf-body{
    display:block!important;
  }
  .om-section-mark,
  .om-news-section-mark,
  .om-podcast-shelf-mark{
    display:none!important;
  }
  .om-menu-section-head,
  .om-news-panel-head,
  .om-podcast-shelf-head{
    display:block!important;
    padding:14px 20px 18px!important;
  }
  .om-news-panel-head .om-section-abstract,
  .om-podcast-shelf-head .om-section-abstract{
    margin-top:8px!important;
  }
  .om-home-news-panel:not(.is-index) .om-news-grid,
  .om-home-news-panel.is-index .om-news-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    margin:0 20px 26px!important;
    gap:24px!important;
  }
  .om-home-news-panel:not(.is-index) .om-news-card{
    display:grid!important;
    grid-template-columns:minmax(96px,40%) minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  .om-podcast-shelf-track{
    gap:16px!important;
    padding:0 20px 16px!important;
  }
  .om-podcast-album{width:160px!important}
  .om-article-meta-generated{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:auto!important;
    margin:12px 20px!important;
  }
  .om-article-meta-generated-row{
    grid-template-columns:24px minmax(0,1fr)!important;
  }
  .om-article-meta-generated-row > :last-child{
    grid-column:2!important;
    padding-left:7px!important;
  }
  .om-media-lightbox{padding:56px 48px!important}
  .om-media-lightbox-image{
    max-width:calc(100vw - 96px)!important;
    max-height:calc(100vh - 112px)!important;
  }
}

/* Home header click surface: only the compact circle and language square are interactive. */
.om-brand{pointer-events:none!important}
.om-brand.is-collapsed .om-home-circle,
.om-brand.is-collapsed .om-lang-square{pointer-events:auto!important}
.om-brand.is-collapsed .om-lang-square{
  width:var(--om-compact-size)!important;
  height:var(--om-compact-size)!important;
  left:var(--om-compact-square-x)!important;
  top:var(--om-compact-y)!important;
}


/* OPEN MUZEJ — HOME DIRECT EDITING */
.om-card-fields-editor{display:none!important}
.om-home-edit-line{
  position:relative!important;
  display:block!important;
  min-width:0!important;
}
.om-home-edit-pencil{
  position:absolute!important;
  z-index:4!important;
  top:0!important;
  right:0!important;
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:var(--site-ink)!important;
  color:var(--om-section-bg,var(--site-background))!important;
  cursor:pointer!important;
}
.om-home-edit-pencil .om-symbol-svg{
  width:13px!important;
  height:13px!important;
}
.om-home-edit-pencil:hover,
.om-home-edit-pencil:focus-visible,
.om-home-edit-pencil.is-active{
  background:transparent!important;
  color:var(--site-ink)!important;
  outline:1px solid var(--site-ink)!important;
}
.om-home-edit-line > [data-om-home-inline-field]{
  padding-right:28px!important;
}
.om-home-edit-line > [data-om-home-inline-field][contenteditable="true"]{
  outline:1px solid var(--site-ink)!important;
  outline-offset:2px!important;
  cursor:text!important;
}
.editor-shell.preview-mode .om-home-edit-pencil{display:none!important}

/* OPEN MUZEJ — LOWER ACCORDIONS */
.om-home-accordions{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.om-home-accordion{
  position:relative!important;
  display:grid!important;
  grid-template-columns:var(--om-left-col) var(--om-middle-col) minmax(0,1fr)!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid var(--site-ink)!important;
  background:var(--site-accent)!important;
  color:var(--site-ink)!important;
  overflow:hidden!important;
}
.om-home-accordion::before,
.om-home-accordion::after{
  content:"";
  position:absolute!important;
  z-index:4!important;
  top:0!important;
  bottom:0!important;
  width:1px!important;
  background:var(--site-ink)!important;
  pointer-events:none!important;
}
.om-home-accordion::before{left:var(--om-left-col)!important}
.om-home-accordion::after{left:var(--om-main-start)!important}
.om-home-accordion-mark{
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  box-sizing:border-box!important;
  padding:var(--om-section-edge-gap) 6px!important;
}
.om-home-accordion-toggle,
.om-home-accordion-mark .om-section-number{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--site-ink)!important;
  background:transparent!important;
  color:var(--site-ink)!important;
}
.om-home-accordion-toggle{
  border-radius:50%!important;
  cursor:pointer!important;
}
.om-home-accordion-toggle .om-symbol-svg{
  width:20px!important;
  height:20px!important;
}
.om-home-accordion:not(.is-open) .om-home-accordion-toggle .om-symbol-arrow{
  transform:rotate(0deg)!important;
}
.om-home-accordion.is-open .om-home-accordion-toggle .om-symbol-arrow{
  transform:rotate(-90deg)!important;
}
.om-home-accordion-toggle .om-symbol-arrow{
  transition:transform .26s ease!important;
}
.om-home-accordion-head{
  grid-column:3!important;
  grid-row:1!important;
  margin:0!important;
  padding:var(--om-section-edge-gap) 20px 16px!important;
}
.om-home-accordion-title{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
}
.om-home-accordion-title span{
  font-family:var(--gm-type-h1-font-family,"IBM Plex Sans",sans-serif)!important;
  font-size:var(--gm-type-h1-desktop-size,54px)!important;
  font-weight:var(--gm-type-h1-weight,900)!important;
  font-style:var(--gm-type-h1-font-style,normal)!important;
  line-height:var(--gm-type-h1-line-height,1.05)!important;
  letter-spacing:var(--gm-type-h1-letter-spacing,0)!important;
  text-transform:var(--gm-type-h1-transform,uppercase)!important;
}
.om-home-accordion-body{
  grid-column:3!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-rows:0fr!important;
  transition:grid-template-rows .32s cubic-bezier(.2,.8,.2,1)!important;
}
.om-home-accordion.is-open .om-home-accordion-body{
  grid-template-rows:1fr!important;
}
.om-home-accordion-inner{
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  box-sizing:border-box!important;
  padding:0 20px!important;
}
.om-home-accordion-copy{
  width:100%!important;
  max-width:980px!important;
}
.om-home-accordion-copy > p{
  padding-right:32px!important;
}
.om-home-accordion.is-open .om-home-accordion-inner{
  padding-top:8px!important;
  padding-bottom:34px!important;
}
.om-home-accordion-inner p{
  margin:0!important;
  padding:0!important;
}
@media(max-width:600px){
  .om-home-accordion{display:block!important}
  .om-home-accordion::before,
  .om-home-accordion::after{display:none!important}
  .om-home-accordion-mark{display:none!important}
  .om-home-accordion-head{padding:14px 20px!important}
  .om-home-accordion-inner{grid-template-columns:1fr!important;gap:18px!important}
}


/* OPEN MUZEJ — MENU/ACCORDION ALIGNMENT · 2026-09-28 */
.om-menu-section-link{
  align-items:center!important;
}
.om-menu-link-number{
  align-self:center!important;
  margin:0!important;
}

/* The intro heart comes from the editable GM Core symbol GM-S0060. */
.om-intro-heart-square .om-symbol-heart{
  display:block!important;
  width:14px!important;
  height:14px!important;
  overflow:visible!important;
}

/* Institutional accordions:
   marker = column 1, title = column 2, short Small abstract = column 3.
   Expanded text spans columns 2+3 and uses both columns. */
.om-home-accordion-head{
  grid-column:2!important;
  grid-row:1!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:var(--om-section-edge-gap) 20px 16px!important;
}
.om-home-accordion-summary{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:calc(var(--om-section-edge-gap) + 2px) 20px 16px!important;
  color:inherit!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-desktop-size,13px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
  text-transform:var(--gm-type-small-transform,none)!important;
}
.om-home-accordion-body{
  grid-column:2 / -1!important;
  grid-row:2!important;
}
.om-home-accordion-inner{
  grid-template-columns:var(--om-middle-col) minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
}
.om-home-accordion-copy{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  padding:0 20px!important;
}
.om-home-accordion-copy + .om-home-accordion-copy{
  border-left:1px solid var(--site-ink)!important;
}
.om-home-accordion.is-open .om-home-accordion-inner{
  padding-top:12px!important;
  padding-bottom:34px!important;
}

@media(max-width:600px){
  .om-home-accordion-summary{
    display:none!important;
  }
  .om-home-accordion-inner{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:0 20px!important;
  }
  .om-home-accordion-copy{
    padding:0!important;
  }
  .om-home-accordion-copy + .om-home-accordion-copy{
    border-left:0!important;
  }
}


/* OPEN MUZEJ — MOBILE STABILISATION · 2026-09-28
   Keep the stable mobile document flow. Only chrome/menu is added here. */
.om-mobile-menu-toggle,
.om-mobile-menu-panel{display:none}

.canvas-frame.mobile .om-brand{
  overflow:visible!important;
}
.canvas-frame.mobile .om-progress{
  top:100%!important;
  bottom:auto!important;
  height:4px!important;
  box-sizing:border-box!important;
  border-top:1px solid var(--site-ink)!important;
  border-bottom:1px solid var(--site-ink)!important;
  background:var(--site-accent)!important;
}
.canvas-frame.mobile .om-progress-fill{
  height:2px!important;
}
.canvas-frame.mobile .om-mobile-menu-toggle{
  position:absolute!important;
  z-index:60!important;
  top:var(--om-compact-y,10px)!important;
  right:6px!important;
  width:var(--om-compact-size,22px)!important;
  height:var(--om-compact-size,22px)!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--site-ink)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.canvas-frame.mobile .om-mobile-menu-toggle .om-hamburger-glyph{
  display:block!important;
  width:60%!important;
  height:60%!important;
}
.canvas-frame.mobile .om-mobile-menu-toggle[aria-expanded="true"]{
  background:var(--site-ink)!important;
  color:var(--site-accent)!important;
}
.canvas-frame.mobile .om-mobile-menu-panel{
  position:absolute!important;
  z-index:55!important;
  left:0!important;
  right:0!important;
  top:calc(var(--om-mobile-bar,42px) + 4px)!important;
  display:block!important;
  max-height:calc(100vh - var(--topbar-height,0px) - var(--om-mobile-bar,42px) - 4px)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  border-left:1px solid var(--site-ink)!important;
  border-bottom:1px solid var(--site-ink)!important;
  background:var(--site-accent)!important;
  color:var(--site-ink)!important;
  pointer-events:auto!important;
}
.canvas-frame.mobile .om-mobile-menu-panel[hidden]{display:none!important}
.canvas-frame.mobile .om-mobile-menu-item{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--site-ink)!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
}
.canvas-frame.mobile .om-mobile-menu-item:last-child{border-bottom:0!important}
.canvas-frame.mobile .om-mobile-menu-number{
  display:grid!important;
  place-items:center!important;
  align-self:stretch!important;
  border-right:1px solid var(--site-ink)!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
}
.canvas-frame.mobile .om-mobile-menu-text{
  padding:7px 10px!important;
  font-family:var(--gm-type-h2-font-family,"IBM Plex Sans",sans-serif)!important;
  font-size:var(--gm-type-h2-mobile-size,22px)!important;
  font-weight:var(--gm-type-h2-weight,600)!important;
  line-height:var(--gm-type-h2-line-height,1.1)!important;
}
.canvas-frame.mobile .om-mobile-menu-item:hover,
.canvas-frame.mobile .om-mobile-menu-item:focus-visible{
  background:var(--site-ink)!important;
  color:var(--site-accent)!important;
  outline:0!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page .om-brand-layer{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
}


/* ==========================================================================
   OPEN MUZEJ — MOBILE TWO-COLUMN GRID · 2026-09-29
   One stable rail (same width as the compact circle+square group) + content.
   No DOM reparenting: layout only.
   ========================================================================== */
.canvas-frame.mobile{
  --om-mobile-rail:62px;
}

/* Home editorial sections: locator rail on the left, all copy/cards on the right. */
.canvas-frame.mobile .page-canvas.om-home-page .om-home-news-panel{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-panel-inner{
  display:grid!important;
  grid-template-columns:var(--om-mobile-rail) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  width:100%!important;
  min-width:0!important;
  align-items:start!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-section-mark{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  display:flex!important;
  align-items:flex-start!important;
  align-self:stretch!important;
  gap:5px!important;
  box-sizing:border-box!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 6px!important;
  border-right:1px solid var(--site-ink)!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-section-mark .om-section-arrow,
.canvas-frame.mobile .page-canvas.om-home-page .om-news-section-mark .om-section-number{
  position:static!important;
  top:auto!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-section-mark .om-section-arrow .om-symbol-svg{
  width:16px!important;
  height:16px!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-panel-head{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
  padding:14px 12px 18px!important;
  box-sizing:border-box!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-grid{
  grid-column:2!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  min-width:0!important;
  margin:0 12px 26px!important;
  gap:24px!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-card{
  min-width:0!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-card-copy{
  min-width:0!important;
}

/* Lower institutional menu: same two-column system.
   4–7 keep their arrow+number in the rail and all text in the right field. */
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion{
  display:grid!important;
  grid-template-columns:var(--om-mobile-rail) minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion::before,
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion::after{
  display:none!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion-mark{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  display:flex!important;
  align-items:flex-start!important;
  align-self:stretch!important;
  gap:5px!important;
  box-sizing:border-box!important;
  min-width:0!important;
  padding:8px 6px!important;
  border-right:1px solid var(--site-ink)!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion-toggle,
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion-mark .om-section-number{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion-toggle .om-symbol-svg{
  width:16px!important;
  height:16px!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion-head{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  margin:0!important;
  padding:10px 12px 4px!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion-summary{
  grid-column:2!important;
  grid-row:2!important;
  display:block!important;
  align-self:auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0 12px 10px!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion-body{
  grid-column:2!important;
  grid-row:3!important;
  min-width:0!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion-inner{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  min-width:0!important;
  padding:0 12px!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion.is-open .om-home-accordion-inner{
  padding-top:8px!important;
  padding-bottom:20px!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion-copy{
  min-width:0!important;
  padding:0!important;
  border:0!important;
}

/* Internal mobile pages use exactly the same rail/content split.
   Keep every ordinary block in the right reading field. */
.canvas-frame.mobile .page-canvas.om-internal-page{
  background:
    linear-gradient(
      to right,
      var(--om-grey-bg) 0 calc(var(--om-mobile-rail) - 1px),
      var(--site-ink) calc(var(--om-mobile-rail) - 1px) var(--om-mobile-rail),
      var(--site-background) var(--om-mobile-rail) 100%
    )!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page > .block,
.canvas-frame.mobile .page-canvas.om-internal-page > .page-footnotes{
  box-sizing:border-box!important;
  width:auto!important;
  max-width:none!important;
  margin-left:calc(var(--om-mobile-rail) + 12px)!important;
  margin-right:12px!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-image-"],
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block*="-item-image-"]{
  width:auto!important;
  margin-left:var(--om-mobile-rail)!important;
  margin-right:0!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-caption-"]{
  margin-left:calc(var(--om-mobile-rail) + 12px)!important;
  margin-right:12px!important;
}

/* Generated headings obey the mobile typography values. */
.canvas-frame.mobile .om-news-panel-head h2,
.canvas-frame.mobile .om-home-accordion-title span{
  font-size:var(--gm-type-h1-mobile-size,38px)!important;
}


/* ==========================================================================
   OPEN MUZEJ — MOBILE CORRECTION PASS · 2026-09-29
   Phone only. Desktop remains governed by the canonical desktop layer above.
   ========================================================================== */

/* The phone has one compact menu overlay only. Remove desktop navigation rows. */
.canvas-frame.mobile .om-nav-strip,
.canvas-frame.mobile .om-menu-section,
.canvas-frame.mobile .om-podcast-shelf{
  display:none!important;
}

/* One narrow locator rail + one content field. */
.canvas-frame.mobile{
  --om-mobile-rail:62px;
}

/* Home editorial cards: two across, copy under its own image. */
.canvas-frame.mobile .page-canvas.om-home-page .om-news-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px 8px!important;
  min-width:0!important;
  margin:0 10px 28px!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-card{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-thumb{
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  margin:0!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-card-copy{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:7px 0 0!important;
  padding:0!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-card time{
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-card h3,
.canvas-frame.mobile .page-canvas.om-home-page .om-news-card p{
  font-family:var(--gm-type-news-teaser-font-family,var(--gm-type-body-font-family,inherit))!important;
  font-size:var(--gm-type-news-teaser-mobile-size,17px)!important;
  font-weight:var(--gm-type-news-teaser-weight,700)!important;
  font-style:var(--gm-type-news-teaser-font-style,normal)!important;
  line-height:var(--gm-type-news-teaser-line-height,1.08)!important;
  letter-spacing:var(--gm-type-news-teaser-letter-spacing,0)!important;
  text-transform:var(--gm-type-news-teaser-transform,none)!important;
}

/* All generated/mobile Body copy must follow the Body mobile value from GM Core. */
.canvas-frame.mobile [data-style-id="type-body"],
.canvas-frame.mobile .page-canvas .text-block[data-style-id="type-body"],
.canvas-frame.mobile .om-home-accordion-copy > p[data-style-id="type-body"]{
  font-size:var(--gm-type-body-mobile-size,16px)!important;
}
.canvas-frame.mobile [data-style-id="type-h1"]{
  font-size:var(--gm-type-h1-mobile-size,38px)!important;
}
.canvas-frame.mobile [data-style-id="type-h2"]{
  font-size:var(--gm-type-h2-mobile-size,22px)!important;
}
.canvas-frame.mobile [data-style-id="type-small"]{
  font-size:var(--gm-type-small-mobile-size,12px)!important;
}

/* Mobile locators track the viewport while their section is on screen.
   Editorial routes (1–3) point right. Expandable accordions (4–7) keep down/right. */
.canvas-frame.mobile .page-canvas.om-home-page .om-home-news-panel,
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion{
  overflow:visible!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-section-mark > .om-section-route,
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion-mark > .om-home-accordion-toggle,
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion-mark > .om-section-number{
  position:sticky!important;
  top:calc(var(--om-mobile-bar,42px) + 8px)!important;
  z-index:7!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-section-mark > .om-section-route.om-section-arrow .om-symbol-arrow{
  transform:rotate(-90deg)!important;
  transition:none!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion:not(.is-open) .om-home-accordion-toggle .om-symbol-arrow{
  transform:rotate(0deg)!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-home-accordion.is-open .om-home-accordion-toggle .om-symbol-arrow{
  transform:rotate(-90deg)!important;
}

/* Footer: compact marker pair in the rail, Open Muzej/copyright in the large field. */
.canvas-frame.mobile .om-footer{
  display:grid!important;
  grid-template-columns:var(--om-mobile-rail) minmax(0,1fr)!important;
  min-height:46px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-top:1px solid var(--site-ink)!important;
  border-bottom:0!important;
  background:var(--site-accent)!important;
  color:var(--site-ink)!important;
}
.canvas-frame.mobile .om-footer-cell-left{
  grid-column:1!important;
  display:grid!important;
  grid-template-columns:22px 22px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0!important;
  padding:0!important;
  border-right:1px solid var(--site-ink)!important;
}
.canvas-frame.mobile .om-footer-cell-center{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  padding:0 12px!important;
}
.canvas-frame.mobile .om-footer-cell-right{display:none!important}
.canvas-frame.mobile .om-footer-tool{
  position:static!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  border:0!important;
  color:var(--site-accent)!important;
  background:var(--site-ink)!important;
}
.canvas-frame.mobile .om-footer-up{border-radius:50%!important}
.canvas-frame.mobile .om-footer-admin{border-radius:0!important}
.canvas-frame.mobile .om-footer-arrow,
.canvas-frame.mobile .om-footer-plus{
  width:16px!important;
  height:16px!important;
}
.canvas-frame.mobile .om-copyright{
  margin:0!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
}
.canvas-frame.mobile .page-canvas{
  padding-bottom:0!important;
}
.canvas-frame.mobile .page-canvas > .om-footer:last-child{
  position:relative!important;
  margin-bottom:0!important;
}
.canvas-frame.mobile .page-canvas > .om-footer:last-child::after{
  display:none!important;
}

/* Internal article: metadata sits immediately under the fixed mobile chrome. */
.canvas-frame.mobile .page-canvas.om-internal-page .om-article-meta-generated{
  position:relative!important;
  inset:auto!important;
  z-index:6!important;
  display:grid!important;
  gap:5px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:10px 0 9px!important;
  border:0!important;
  background:transparent!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page .om-article-meta-generated-row{
  display:grid!important;
  grid-template-columns:var(--om-mobile-rail) minmax(0,1fr)!important;
  align-items:center!important;
  width:100%!important;
  min-height:24px!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page .om-article-meta-icon{
  grid-column:1!important;
  justify-self:center!important;
  margin:0!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page .om-article-meta-value{
  grid-column:2!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:0 12px!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
}

/* Mobile category mirrors the desktop badge instead of an orange underlined link. */
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-category-"],
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block*="-item-category-"]{
  display:block!important;
  width:max-content!important;
  max-width:calc(100% - var(--om-mobile-rail) - 24px)!important;
  box-sizing:border-box!important;
  margin:10px 12px 18px calc(var(--om-mobile-rail) + 12px)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  text-decoration:none!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-category-"] a,
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block*="-item-category-"] a{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:6px 10px!important;
  border:1px solid var(--site-ink)!important;
  border-radius:0!important;
  background:var(--site-background)!important;
  color:var(--site-ink)!important;
  font:inherit!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

/* Figure 1: label in rail, image + native caption in the white field. */
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-image-"]{
  position:relative!important;
  width:auto!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-left:var(--om-mobile-rail)!important;
  margin-right:0!important;
  padding:0!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-image-"] img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  cursor:zoom-in!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-image-"] figcaption{
  display:block!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:8px 12px 18px!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
}
.canvas-frame.mobile .om-mobile-main-figure-label{
  position:absolute!important;
  z-index:6!important;
  left:7px!important;
  width:auto!important;
  min-width:42px!important;
  box-sizing:border-box!important;
  padding:3px 6px!important;
  border:1px solid var(--site-ink)!important;
  background:var(--site-ink)!important;
  color:var(--site-background)!important;
  text-align:center!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
  line-height:1!important;
}

/* Contextual figures stay in article flow. Label left, media/caption right. */
.canvas-frame.mobile .om-mobile-figure{
  display:grid!important;
  grid-template-columns:var(--om-mobile-rail) minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
  margin:24px 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.canvas-frame.mobile .om-mobile-figure-label{
  grid-column:1!important;
  align-self:start!important;
  justify-self:center!important;
  box-sizing:border-box!important;
  width:auto!important;
  min-width:42px!important;
  margin-top:8px!important;
  padding:3px 6px!important;
  border:1px solid var(--site-ink)!important;
  background:var(--site-ink)!important;
  color:var(--site-background)!important;
  text-align:center!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
  line-height:1!important;
}
.canvas-frame.mobile .om-mobile-figure-main{
  grid-column:2!important;
  min-width:0!important;
  padding:8px 12px 0!important;
}
.canvas-frame.mobile .om-mobile-figure-gallery{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  align-items:start!important;
}
.canvas-frame.mobile .om-mobile-figure-gallery[data-om-image-count="2"]{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.canvas-frame.mobile .om-mobile-figure-gallery[data-om-image-count="3"]{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.canvas-frame.mobile .om-mobile-figure-gallery > .block{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.canvas-frame.mobile .om-mobile-figure-gallery img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  cursor:zoom-in!important;
}
.canvas-frame.mobile .om-mobile-figure .om-figure-caption{
  width:auto!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:8px 12px 16px!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
}
.canvas-frame.mobile .om-mobile-figure.om-rail-flash .om-mobile-figure-label{
  background:var(--site-accent)!important;
}

/* Info sits at the end of the article, before Notes. */
.canvas-frame.mobile .om-mobile-infos{
  width:100%!important;
  margin:28px 0 0!important;
  padding:0!important;
  border-top:1px solid var(--site-ink)!important;
  background:transparent!important;
}
.canvas-frame.mobile .om-mobile-section-heading{
  box-sizing:border-box!important;
  width:100%!important;
  margin:0!important;
  padding:9px 12px 9px calc(var(--om-mobile-rail) + 12px)!important;
  border:0!important;
  font-size:var(--gm-type-h2-mobile-size,22px)!important;
}
.canvas-frame.mobile .om-mobile-info{
  display:grid!important;
  grid-template-columns:var(--om-mobile-rail) minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:10px 0 16px!important;
  border:0!important;
}
.canvas-frame.mobile .om-mobile-info-portrait{
  grid-column:1!important;
  width:42px!important;
  min-height:42px!important;
  justify-self:center!important;
  overflow:hidden!important;
}
.canvas-frame.mobile .om-mobile-info-portrait .block{
  width:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
}
.canvas-frame.mobile .om-mobile-info-portrait img{
  width:42px!important;
  height:42px!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.canvas-frame.mobile .om-mobile-info-copy{
  grid-column:2!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:0 12px!important;
}
.canvas-frame.mobile .om-mobile-info-copy > .block{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.canvas-frame.mobile .om-mobile-info-copy .om-info-title{
  margin-bottom:3px!important;
  font-size:var(--gm-type-news-teaser-mobile-size,17px)!important;
}
.canvas-frame.mobile .om-mobile-info-copy .om-info-role{
  margin-bottom:8px!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
}
.canvas-frame.mobile .om-mobile-info.om-rail-flash .om-mobile-info-portrait{
  outline:2px solid var(--site-accent)!important;
  outline-offset:2px!important;
}

/* Notes occupy the full two-column article width at the bottom. */
.canvas-frame.mobile .page-canvas.om-internal-page > .page-footnotes.om-mobile-footnotes{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:28px 0 0!important;
  padding:0!important;
  border-top:1px solid var(--site-ink)!important;
  background:transparent!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes::before{
  content:attr(data-om-mobile-label);
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  padding:9px 12px 9px calc(var(--om-mobile-rail) + 12px)!important;
  border-bottom:0!important;
  font-family:var(--gm-type-h2-font-family,"IBM Plex Sans",sans-serif)!important;
  font-size:var(--gm-type-h2-mobile-size,22px)!important;
  font-weight:var(--gm-type-h2-weight,600)!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes > ol{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes > ol > li{
  display:grid!important;
  grid-template-columns:var(--om-mobile-rail) minmax(0,1fr)!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:10px 0 18px!important;
  border:0!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes .footnote-number{
  grid-column:1!important;
  justify-self:center!important;
  margin:0!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes .footnote-text{
  grid-column:2!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 12px!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes li.om-rail-flash .footnote-number{
  background:var(--site-accent)!important;
  border-color:var(--site-accent)!important;
}

/* Phone lightbox controls and image fit. */
.om-media-lightbox.is-mobile{
  position:fixed!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  padding:44px 34px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.om-media-lightbox.is-mobile .om-media-lightbox-image{
  max-width:calc(100% - 8px)!important;
  max-height:calc(100% - 8px)!important;
}


/* OPEN MUZEJ — MOBILE NORMALIZATION · 2026-09-29 */
.canvas-frame.mobile .om-home-news-panel::before,
.canvas-frame.mobile .om-home-news-panel::after,
.canvas-frame.mobile .om-footer::before,
.canvas-frame.mobile .om-footer::after{
  display:none!important;
}
.canvas-frame.mobile .page-canvas > .om-footer{
  margin-top:auto!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes > h2{
  display:none!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-meta-row-"]{
  display:none!important;
}
.canvas-frame.mobile .om-info-marker{
  border:1px solid var(--site-ink)!important;
  background:var(--site-ink)!important;
  color:var(--site-background)!important;
}
.canvas-frame.mobile .om-info-marker a,
.canvas-frame.mobile .om-info-marker button{
  color:inherit!important;
}
.canvas-frame.mobile .om-login-mobile-note{
  margin:12px 0 0!important;
}
.canvas-frame.mobile .om-login-form[hidden],
.canvas-frame.mobile .om-login-copy[hidden],
.canvas-frame.mobile .om-login-mobile-note[hidden]{
  display:none!important;
}


/* Mobile dialogs are descendants of the transformed phone canvas, so fixed
   positioning is now scoped to the phone rather than the desktop editor. */
.canvas-frame.mobile .page-canvas > .om-login-backdrop{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
  padding:18px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.canvas-frame.mobile .page-canvas > .om-login-backdrop .om-login-panel{
  width:100%!important;
  max-width:none!important;
}


/* ==========================================================================
   OPEN MUZEJ — MOBILE FINALIZATION A · 2026-09-29
   Phone-only refinements. Keep desktop untouched.
   ========================================================================== */

/* Internal articles keep the grey locator field and white reading field,
   without a black vertical rule between them. */
.canvas-frame.mobile .page-canvas.om-internal-page{
  background:
    linear-gradient(
      to right,
      var(--om-grey-bg) 0 var(--om-mobile-rail),
      var(--site-background) var(--om-mobile-rail) 100%
    )!important;
}

/* On the home page, the section description uses "Загаловак карткі".
   Individual card abstracts stay Small. */
.canvas-frame.mobile .page-canvas.om-home-page .om-section-abstract{
  font-family:var(--gm-type-news-teaser-font-family,var(--gm-type-body-font-family,inherit))!important;
  font-size:var(--gm-type-news-teaser-mobile-size,17px)!important;
  font-weight:var(--gm-type-news-teaser-weight,700)!important;
  font-style:var(--gm-type-news-teaser-font-style,normal)!important;
  line-height:var(--gm-type-news-teaser-line-height,1.08)!important;
  letter-spacing:var(--gm-type-news-teaser-letter-spacing,0)!important;
  text-transform:var(--gm-type-news-teaser-transform,none)!important;
}
.canvas-frame.mobile .page-canvas.om-home-page .om-news-card p,
.canvas-frame.mobile .page-canvas.om-archive-page .om-news-card p{
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  font-style:var(--gm-type-small-font-style,normal)!important;
  line-height:var(--gm-type-small-line-height,1.35)!important;
  letter-spacing:var(--gm-type-small-letter-spacing,0)!important;
  text-transform:var(--gm-type-small-transform,none)!important;
}

/* Archive pages use the same two-column mobile grammar and a two-up endless grid. */
.canvas-frame.mobile .page-canvas.om-archive-page > .block,
.canvas-frame.mobile .page-canvas.om-archive-page > .page-footnotes{
  display:none!important;
}
.canvas-frame.mobile .page-canvas.om-archive-page > .om-home-news-panel{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border-top:0!important;
  box-sizing:border-box!important;
}
.canvas-frame.mobile .page-canvas.om-archive-page .om-news-panel-inner{
  display:grid!important;
  grid-template-columns:var(--om-mobile-rail) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  width:100%!important;
  min-width:0!important;
}
.canvas-frame.mobile .page-canvas.om-archive-page .om-news-section-mark{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border-right:1px solid var(--site-ink)!important;
}
.canvas-frame.mobile .page-canvas.om-archive-page .om-news-section-mark > *{
  visibility:hidden!important;
}
.canvas-frame.mobile .page-canvas.om-archive-page .om-news-panel-head{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:16px 12px 20px!important;
  border:0!important;
}
.canvas-frame.mobile .page-canvas.om-archive-page .om-news-panel-head h2{
  margin:0!important;
  font-family:var(--gm-type-h1-font-family,"IBM Plex Sans",sans-serif)!important;
  font-size:var(--gm-type-h1-mobile-size,38px)!important;
  font-weight:var(--gm-type-h1-weight,900)!important;
  font-style:var(--gm-type-h1-font-style,normal)!important;
  line-height:var(--gm-type-h1-line-height,1.05)!important;
  letter-spacing:var(--gm-type-h1-letter-spacing,0)!important;
  text-transform:var(--gm-type-h1-transform,uppercase)!important;
}
.canvas-frame.mobile .page-canvas.om-archive-page .om-news-grid{
  grid-column:2!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:26px 8px!important;
  min-width:0!important;
  margin:0 10px 30px!important;
  padding:0!important;
}
.canvas-frame.mobile .page-canvas.om-archive-page .om-news-card{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
.canvas-frame.mobile .page-canvas.om-archive-page .om-news-card-copy{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  margin:7px 0 0!important;
  padding:0!important;
}
.canvas-frame.mobile .page-canvas.om-archive-page .om-news-card time{
  font-size:var(--gm-type-small-mobile-size,12px)!important;
}
.canvas-frame.mobile .page-canvas.om-archive-page .om-news-card h3{
  font-family:var(--gm-type-news-teaser-font-family,var(--gm-type-body-font-family,inherit))!important;
  font-size:var(--gm-type-news-teaser-mobile-size,17px)!important;
  font-weight:var(--gm-type-news-teaser-weight,700)!important;
  line-height:var(--gm-type-news-teaser-line-height,1.08)!important;
}

/* Figure locator badges: smaller, Small typography, black with the live rail colour. */
.canvas-frame.mobile .om-mobile-main-figure-label,
.canvas-frame.mobile .om-mobile-figure-label{
  min-width:36px!important;
  padding:2px 4px!important;
  border:1px solid var(--site-ink)!important;
  background:var(--site-ink)!important;
  color:var(--om-grey-bg)!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
  font-weight:var(--gm-type-small-weight,400)!important;
  line-height:1!important;
}
.canvas-frame.mobile .om-mobile-main-figure-label{left:7px!important}
.canvas-frame.mobile .om-mobile-figure-label{margin-top:8px!important}

/* Context figure media is inset and never cropped. */
.canvas-frame.mobile .om-mobile-figure{
  border:0!important;
  margin:22px 0!important;
}
.canvas-frame.mobile .om-mobile-figure-main{
  padding:8px 12px 0!important;
}
.canvas-frame.mobile .om-mobile-figure-gallery{
  gap:6px!important;
  align-items:start!important;
}
.canvas-frame.mobile .om-mobile-figure-gallery img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}

/* Inline Info is the desktop-style outlined marker. */
.canvas-frame.mobile .om-info-marker{
  display:inline-grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  box-sizing:border-box!important;
  border:1px solid var(--site-ink)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1!important;
}

/* Info portraits are monochrome; missing portraits get a black I-disc. */
.canvas-frame.mobile .om-mobile-info-portrait{
  width:42px!important;
  height:42px!important;
  min-height:42px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.canvas-frame.mobile .om-mobile-info-portrait .om-info-image{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  overflow:hidden!important;
}
.canvas-frame.mobile .om-mobile-info-portrait img{
  width:42px!important;
  height:42px!important;
  object-fit:cover!important;
  filter:grayscale(1) contrast(1.12)!important;
  mix-blend-mode:multiply!important;
  border-radius:50%!important;
}
.canvas-frame.mobile .om-mobile-info-portrait .om-info-initials{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:var(--site-ink)!important;
  color:var(--om-grey-bg)!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
  font-weight:600!important;
  line-height:1!important;
}
.canvas-frame.mobile .om-mobile-info-copy .om-info-title{
  margin:0 0 8px!important;
  font-size:var(--gm-type-news-teaser-mobile-size,17px)!important;
}
.canvas-frame.mobile .om-mobile-info-copy .om-info-role{
  margin:0 0 10px!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
}
.canvas-frame.mobile .om-mobile-info-copy > .block:last-child{
  margin-bottom:0!important;
}
.canvas-frame.mobile .om-mobile-info.om-rail-flash .om-mobile-info-portrait{
  outline:2px solid var(--site-accent)!important;
  outline-offset:2px!important;
}

/* Notes are compact. Number discs are slightly larger so 20/25 remain legible. */
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes{
  margin-top:18px!important;
  border-top:1px solid var(--site-ink)!important;
  border-bottom:0!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes::before{
  padding-top:8px!important;
  padding-bottom:8px!important;
  border:0!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes > ol > li{
  padding:8px 0 10px!important;
  border:0!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes .footnote-number{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  display:grid!important;
  place-items:center!important;
  justify-self:center!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  font-family:var(--gm-type-small-font-family,"IBM Plex Mono",monospace)!important;
  font-size:var(--gm-type-small-mobile-size,12px)!important;
  line-height:1!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes .footnote-text{
  padding:0 12px!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes .footnote-text > *{
  margin-top:0!important;
  margin-bottom:8px!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes > ol > li:last-child,
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes > ol > li:last-child > *{
  border-bottom:0!important;
}

/* Footer has one continuous rail divider that touches the top border. */
.canvas-frame.mobile .om-footer{
  position:relative!important;
  border-top:1px solid var(--site-ink)!important;
}
.canvas-frame.mobile .om-footer-cell-left{
  border-right:0!important;
}
.canvas-frame.mobile .om-footer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:5!important;
  left:var(--om-mobile-rail)!important;
  top:-1px!important;
  bottom:0!important;
  width:1px!important;
  background:var(--site-ink)!important;
  pointer-events:none!important;
}
.canvas-frame.mobile .om-footer::after{display:none!important}

/* Phone lightbox is fixed to the VISIBLE phone rectangle, not document scroll. */
.om-media-lightbox.is-mobile{
  position:fixed!important;
  z-index:2147483646!important;
  inset:auto!important;
  left:var(--om-phone-left)!important;
  top:var(--om-phone-top)!important;
  width:var(--om-phone-width)!important;
  height:var(--om-phone-height)!important;
  box-sizing:border-box!important;
  padding:42px 24px 78px!important;
  overflow:hidden!important;
  background:var(--om-grey-bg)!important;
}
.om-media-lightbox.is-mobile .om-media-lightbox-image{
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
.om-media-lightbox.is-mobile .om-media-lightbox-close{
  top:12px!important;
  right:12px!important;
}
.om-media-lightbox.is-mobile .om-media-lightbox-prev,
.om-media-lightbox.is-mobile .om-media-lightbox-next{
  top:auto!important;
  bottom:16px!important;
  width:34px!important;
  height:34px!important;
  border:1px solid var(--site-ink)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  transform:none!important;
}
.om-media-lightbox.is-mobile .om-media-lightbox-prev{
  left:calc(50% - 42px)!important;
  right:auto!important;
}
.om-media-lightbox.is-mobile .om-media-lightbox-next{
  left:auto!important;
  right:calc(50% - 42px)!important;
}
.om-media-lightbox.is-mobile .om-media-lightbox-prev .om-symbol-arrow{
  transform:rotate(90deg)!important;
}
.om-media-lightbox.is-mobile .om-media-lightbox-next .om-symbol-arrow{
  transform:rotate(270deg)!important;
}


/* ==========================================================================
   OPEN MUZEJ — MOBILE FINALIZATION B · 2026-09-29
   Final phone polish + shared preview framing.
   ========================================================================== */

/* All editorial preview thumbnails keep a one-pixel black frame in square
   and circular states, including white-background artwork. */
.om-news-thumb,
.om-podcast-album img{
  box-sizing:border-box!important;
  border:1px solid var(--site-ink)!important;
}

/* Archive source blocks are editorial backing data only. The generated archive
   is the visible surface on desktop and mobile, so the duplicate top title goes. */
.page-canvas.om-archive-page > .block,
.page-canvas.om-archive-page > .page-footnotes{
  display:none!important;
}

/* Mobile footer divider uses the exact same rail edge as the page above. */
.canvas-frame.mobile .om-footer{
  grid-template-columns:var(--om-mobile-rail) minmax(0,1fr)!important;
}
.canvas-frame.mobile .om-footer::before{
  left:calc(var(--om-mobile-rail) - 1px)!important;
  top:-1px!important;
  bottom:0!important;
}

/* Article top rhythm: category first, then metadata, then article title. */
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block^="om-conf-category-"],
.canvas-frame.mobile .page-canvas.om-internal-page > [data-block*="-item-category-"]{
  margin-top:28px!important;
  margin-bottom:18px!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page .om-article-meta-generated{
  margin-top:0!important;
  margin-bottom:18px!important;
  padding-top:10px!important;
  padding-bottom:9px!important;
}

/* Info cards: true monochrome portraits, slightly more air after the name,
   and tighter vertical rhythm before Notes. */
.canvas-frame.mobile .om-mobile-infos{
  margin-top:22px!important;
  margin-bottom:0!important;
}
.canvas-frame.mobile .om-mobile-info{
  padding-top:8px!important;
  padding-bottom:10px!important;
}
.canvas-frame.mobile .om-mobile-info-copy > .block{
  margin-top:0!important;
}
.canvas-frame.mobile .om-mobile-info-copy .om-info-title{
  margin-top:0!important;
  margin-bottom:10px!important;
}
.canvas-frame.mobile .om-mobile-info-copy .om-info-role{
  margin-top:0!important;
  margin-bottom:10px!important;
}
.canvas-frame.mobile .om-mobile-info-copy > .block:last-child{
  margin-bottom:0!important;
}
.canvas-frame.mobile .om-mobile-info-portrait img{
  filter:grayscale(1) contrast(1.35) brightness(.9)!important;
  mix-blend-mode:normal!important;
}

/* Notes: one line above the section only, no second line under the heading or
   after the final note. Editor controls are taken out of flow so they do not
   create giant gaps between short notes. */
.canvas-frame.mobile .om-mobile-infos + .page-footnotes.om-mobile-footnotes{
  margin-top:8px!important;
}
.canvas-frame.mobile .page-canvas.om-internal-page > .page-footnotes.om-mobile-footnotes{
  border-top:1px solid var(--site-ink)!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  outline:0!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes::before{
  border:0!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes > ol{
  border:0!important;
  outline:0!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes > ol > li{
  position:relative!important;
  margin:0!important;
  padding:6px 0 7px!important;
  border:0!important;
  outline:0!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes > ol > li + li{
  margin-top:2px!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes .footnote-text > *{
  margin-top:0!important;
  margin-bottom:4px!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes .footnote-editor-controls{
  position:absolute!important;
  left:7px!important;
  right:auto!important;
  top:31px!important;
  margin:0!important;
  gap:2px!important;
}
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes > ol > li:last-child,
.canvas-frame.mobile .page-footnotes.om-mobile-footnotes > ol > li:last-child::after{
  border-bottom:0!important;
}
.canvas-frame.mobile .om-rail-reserve{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}