/* Shared chrome only. Keep the brand, text-size chooser and Home content intact. */
.site-head .brand small,
.site-head .tagline,
.site-head .status-strip {
  font-size: 10px !important;
}
.site-head .personal-shelf-link,
.site-foot .footer-code {
  font-size: 9px !important;
}
#preview-shell > .lab-nav .lab-nav-label {
  font-size: 8px !important;
}
.site-head .brand small,
.site-head .tagline,
.site-head .personal-shelf-link {
  line-height: 1.4;
}
.site-foot .footer-brand > div:last-child > div:first-child,
.site-foot .footer-wordmark {
  font-size: 12px;
  line-height: 1.4;
}
.site-foot .footer-copy,
.site-foot .footer-code {
  font-size: 10px;
  line-height: 1.4;
}
.site-foot .footer-code {
  flex-shrink: 0;
  white-space: nowrap;
}
.site-foot .footer-brand,
.site-foot .footer-brand > div:last-child {
  min-width: 0;
}

/* The cue overlays the scroll edge; it must not take a menu slot. */
#preview-shell#preview-shell > .lab-nav .site-nav-scroll-cue {
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-50%) !important;
}
@media (max-width: 620px) {
  #preview-shell#preview-shell > .lab-nav {
    padding-inline: 8px !important;
  }
  #preview-shell#preview-shell > .lab-nav > a[data-preview-href] {
    flex: 1 0 auto !important;
    min-width: 0 !important;
    padding-inline: 1px !important;
    gap: 2px !important;
  }
}