@media screen and (min-width: 768px) {
  .header-nav .nav-section {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
    padding: 2em 0;
    width: 100%;
  }
  .header-nav ul {
    display: flex;
  }
  .header-nav ul li.nav-top-level {
    display: inline-block;
  }
  .header-nav ul li.nav-top-level > span {
    text-wrap: nowrap;
  }
  .header-nav ul li.nav-top-level:hover > span {
    border-bottom: 2px solid var(--color-primary);
  }
  .header-nav ul li.nav-top-level:hover .nav-section {
    display: block;
    max-height: calc(100vh - 118px);
    overflow-y: scroll;
  }
  .header-nav ul ul {
    display: block;
  }
  .header-nav .header-nav-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
  }
  .header-nav .header-nav-columns .nav-group-heading {
    padding: 0 0 1em 0;
  }
}

/*# sourceMappingURL=header-nav-tablet.css.map */