/* MNK v156 | Cross-browser footer navy compatibility.
   Brand navy is #102B3B. This isolates footer colors from browser automatic
   darkening and from inherited color scheme settings while keeping the SVG,
   canvas skyline, layout and interactive palette unchanged. */
html body footer.mnk55-footer,
html body footer.footer {
  color-scheme: light;
  color-scheme: only light;
  --f-bg: #102B3B !important;
  --f-fg: #FFFFFF !important;
  background: #102B3B !important;
  background-color: #102B3B !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
/* Keep skyline and footer content on the exact same navy foundation;
   do not introduce separate panels or opaque rectangles. */
html body .mnk55-footer .mnk79-main,
html body .mnk55-footer .mnk79-cityscape,
html body .mnk55-footer .mnk79-floor {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
html body .mnk55-footer .mnk55-code,
html body .mnk55-footer .mnk55-code canvas {
  background: transparent !important;
  background-color: transparent !important;
}
/* The skyline mask must never turn into a solid browser fallback rectangle. */
@supports not ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
  html body .mnk55-footer .mnk55-code-fallback { display: none !important; }
}