@media (min-width: 768px) and (max-width: 960px) {
  html:root[data-view="tablet"] {
    --pad: 24px;
    --section-y: 64px;
  }

  [data-site-header-inner] {
    height: 104px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-rows: 64px 40px !important;
    gap: 0 18px !important;
  }

  [data-site-brand] {
    grid-column: 1;
    grid-row: 1;
  }

  [data-site-actions] {
    grid-column: 3;
    grid-row: 1;
  }

  [data-site-nav] {
    display: flex !important;
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    font-size: 10.5px !important;
  }

  section[id] {
    scroll-margin-top: 112px !important;
  }

  [data-compact-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  [data-tablet-wide] {
    grid-column: 1 / -1;
  }

  [data-sapphire-frame]:has([data-dgk]) {
    padding: 14px !important;
  }
}

html:root[data-view="mobile"] {
  --section-y: 46px;
}

html:root[data-view="mobile"] [data-sapphire-frame]:has([data-dgk]) {
  padding: 14px !important;
}

html:root[data-view="mobile"] [data-compact-grid] {
  gap: 10px !important;
}

html:root[data-view="mobile"] [data-compact-grid] > * {
  padding: 15px 16px !important;
}