html:has(.globalstyles) {
  scrollbar-gutter: stable;
}

.globalstyles code,
.globalstyles pre {
  @apply !font-mono;
}

/* stylelint-disable-next-line aksel/no-class-override */
.globalstyles .navds-heading + .navds-heading {
  margin-top: 0;
}

/* stylelint-disable-next-line aksel/no-class-override */
.globalstyles .navds-alert code {
  color: var(--a-red-500);
  background-color: transparent;
  padding: 0;
}

.globalstyles p {
  @apply max-w-text;
}

.aksel-artikkel p {
  @apply max-w-none;
}

:where(.globalstyles) a {
  color: inherit;
  text-decoration: inherit;
  text-underline-offset: 2px;
  text-decoration-thickness: 0.0625em;
}

.globalstyles [id] {
  scroll-margin-block: 5rem;
}

.skiplink {
  @apply absolute left-0 -translate-y-full bg-border-focus p-4 text-text-on-inverted no-underline focus-within:translate-y-0 focus-within:shadow-[inset_0_0_0_2px_white] focus-within:outline-none;
}
