/* Keep focus from adding a second colored frame around controls. */
button:focus,
button:focus-visible,
input:focus,
input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible,
a:focus,
a:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

/* Public pages are rendered inside the native App shell without the web nav. */
html.f1-app-shell .site-header,
html.f1-app-shell .site-header .mobile-nav,
html.f1-app-shell .glory-site-header,
html.f1-app-shell .tm-header,
html.f1-app-shell .download-header,
html.f1-app-shell .redirect-header,
html.f1-app-shell .data-header {
  display: none !important;
}

html.f1-app-shell {
  --header-height: 0px;
  --glory-header: 0px;
  --legal-header-height: 0px;
}

html.f1-app-shell body.menu-open {
  overflow: auto;
}

@media (max-width: 960px) {
  html.f1-app-shell .hero-content,
  html.f1-app-shell .about-hero-content,
  html.f1-app-shell .ency-hero-content,
  html.f1-app-shell .knowledge-hero-content,
  html.f1-app-shell .widget-hero-content {
    padding-top: 78px !important;
  }

  html.f1-app-shell .telemetry-picker-hero {
    padding-top: 62px !important;
  }
}