/* The guide hub keeps its four category links beneath the site navigation. */
.guide-hub {
  --guide-header-height: 73px;
  --guide-category-height: 77px;
}
.guide-hub .page-head { padding-bottom: 28px; }
.guide-category-bar {
  position: sticky;
  top: var(--guide-header-height);
  z-index: 90;
  padding: 12px 0;
  background: #f7fafb;
  border-bottom: 1px solid #dce7ec;
}
.guide-category-bar .guide-categories { margin-top: 0; }
.guide-category-bar a:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
.guide-hub .section {
  scroll-margin-top: calc(var(--guide-header-height) + var(--guide-category-height) + 12px);
}
@media (max-width: 700px) {
  .guide-hub { --guide-category-height: 121px; }
  .guide-category-bar .guide-categories { gap: 8px; }
  .guide-category-bar .guide-categories a {
    min-height: 44px;
    gap: 6px;
    padding: 9px 8px;
    font-size: .75rem;
  }
  .guide-category-bar .guide-categories img { width: 24px; height: 24px; }
  .guide-category-bar .guide-categories strong { padding: 2px 5px; }
}
@media print {
  .guide-category-bar { position: static; }
}