/* Off-site educational topic chips */
.tag-cloud a.tag-link {
  text-decoration: none !important;
  display: inline-block !important;
}

.tag-cloud a.tag-link span {
  cursor: pointer;
}

/* Mobile header compaction */
@media (max-width: 760px) {
  header,
  .site-header,
  .topbar {
    min-height: 0 !important;
  }

  .nav,
  .navbar,
  .topbar .wrap,
  header .wrap {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    min-height: 0 !important;
    align-items: center !important;
  }

  .brand,
  .logo,
  .site-logo {
    max-height: 44px !important;
  }

  .brand img,
  .logo img,
  .site-logo img,
  header img[src*="sos-logo"],
  header img[src*="logo"] {
    max-height: 42px !important;
    height: auto !important;
    width: auto !important;
  }

  .navlinks,
  .nav-links,
  .menu {
    gap: 8px !important;
    line-height: 1.1 !important;
  }

  .navlinks a,
  .nav-links a,
  .menu a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-size: 0.92rem !important;
    line-height: 1.1 !important;
  }

  .page-lead,
  .hero,
  .hero .wrap,
  .section.alt:first-of-type {
    padding-top: 18px !important;
  }
}

@media (max-width: 480px) {
  .brand img,
  .logo img,
  .site-logo img,
  header img[src*="sos-logo"],
  header img[src*="logo"] {
    max-height: 36px !important;
  }

  .navlinks a,
  .nav-links a,
  .menu a {
    font-size: 0.86rem !important;
  }
}


/* Repaired off-site resource chips */
.tag-cloud a.tag-link {
  text-decoration: none !important;
  display: inline-block !important;
}
.tag-cloud a.tag-link span {
  cursor: pointer;
}