.main-menu .block,
.main-menu .block-content {
  margin: 0;
}

/* The old header wrappers compensated for this legacy menu offset. */
.site-header .tpg-mega-menu {
  margin-block-start: 0;
}

.main-menu :where(ul.menu) {
  list-style: none;
  margin: 0;
  padding: 0;
}

.offcanvas .block + .block {
  border-block-start: 0.0625rem solid var(--tpg-color-border);
  margin-block-start: var(--tpg-space-3);
  padding-block-start: var(--tpg-space-3);
}

.offcanvas :where(ul.menu) {
  display: grid;
  gap: var(--tpg-space-1);
  list-style: none;
  margin: 0;
  padding: 0;
}

.offcanvas :where(ul.menu) a {
  align-items: center;
  border-radius: var(--tpg-radius-sm);
  display: flex;
  min-height: 2.75rem;
  padding: var(--tpg-space-2) var(--tpg-space-3);
  text-decoration: none;
}

.offcanvas :where(ul.menu) a:hover,
.offcanvas :where(ul.menu) a:focus-visible,
.offcanvas :where(ul.menu) a.is-active {
  background: var(--tpg-color-primary-soft);
}