/* Opaque navigation avoids overlapping translucent layers in installed iOS apps. */
@media (display-mode: standalone) {
  html { background:#f8f5f5; }
  html[data-theme="dark"], html.dark { background:#171112; }
  body .nav, body .nav.is-scrolled, body .nav.scrolled,
  body .site-header {
    background:#f8f5f5!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    transition:background-color .18s ease!important;
  }
  body.dark .nav, body.dark .site-header,
  html[data-theme="dark"] body .nav,
  html[data-theme="dark"] body .site-header {
    background:#171112!important;
  }
}
html.home-screen-app { background:#f8f5f5; }
html.home-screen-app[data-theme="dark"] { background:#171112; }
html.home-screen-app body .nav,
html.home-screen-app body .site-header {
  background:#f8f5f5!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  transition:background-color .18s ease!important;
}
html.home-screen-app body.dark .nav,
html.home-screen-app body.dark .site-header,
html.home-screen-app[data-theme="dark"] body .nav,
html.home-screen-app[data-theme="dark"] body .site-header {
  background:#171112!important;
}