body.mapwall-ticker-layout {
  --ticker-height: 100px;
  margin: 0; padding: 0; width: 9600px; height: 2160px;
  display: grid; grid-template-rows: minmax(0, 1fr) var(--ticker-height);
  overflow: hidden;
}
.mapwall-ticker-layout > .content { min-height: 0; height: 100%; overflow: hidden; }
.conditions-ticker {
  box-sizing: border-box; display: flex; align-items: center; gap: 48px;
  height: var(--ticker-height, 100px); padding: 12px 56px;
  background: #001e44; color: white; font: 56px/1.2 Arial, sans-serif;
  white-space: nowrap; overflow: hidden;
}
.conditions-current { display: flex; align-items: center; gap: 48px; flex: 0 0 auto; border-right: 4px solid #8193ab; padding-right: 96px; }
.conditions-city, .conditions-values { flex: 0 0 auto; }
.conditions-details { margin-left: 48px; display: flex; align-items: center; gap: 48px; flex: 1 1 auto; min-width: 0; }
.conditions-today, .conditions-metar-label { flex: 0 0 auto; }
.conditions-today { border-right: 4px solid #8193ab; padding-right: 96px; margin-right: 48px; }
.conditions-ticker strong { font-weight: 700; }
.conditions-window { flex: 1 1 auto; min-width: 0; overflow: hidden; }
.conditions-report { display: inline-block; will-change: transform; }
.conditions-brand { flex: 0 0 auto; font-weight: bold; }

/* Opt-in desktop preview: preserve the wall canvas and allow both scroll axes. */
body.mapwall-ticker-layout.mapwall-scrollable { overflow: auto; }