/* stylelint-disable-next-line aksel/no-class-override */
.navds-body-long.navds-typo--spacing + .list-margin {
  margin-top: -1rem;
}

.override-text-700 p {
  max-width: 700px;
}

p.override-text-no-max {
  max-width: none;
}

/* stylelint-disable-next-line aksel/no-class-override */
.link-color-override .navds-link:not(:active, :focus) {
  color: var(--a-text-default);
}

/* stylelint-disable-next-line aksel/no-class-override */
.svg-color-reset.navds-link svg {
  color: inherit;
}

.dynamic-wrapper {
  @apply mx-auto max-w-aksel sm:w-[90%];
}

.dynamic-wrapper-prose {
  @apply mx-auto max-w-prose sm:w-[90%];
}

.card-grid-3-1 {
  @apply grid gap-3 md:grid-cols-2 md:gap-6 lg:grid-cols-3;
}

.component-checkered-bg {
  background-color: var(--a-white);
  background-image: repeating-linear-gradient(
      45deg,
      rgb(241 241 241/ 0.8) 25%,
      transparent 25%,
      transparent 75%,
      rgb(241 241 241/ 0.8) 75%,
      rgb(241 241 241/ 0.8)
    ),
    repeating-linear-gradient(
      45deg,
      rgb(241 241 241/ 0.8) 25%,
      var(--a-white) 25%,
      var(--a-white) 75%,
      rgb(241 241 241/ 0.8) 75%,
      rgb(241 241 241/ 0.8)
    );
  background-position:
    0 0,
    10px 10px;
  background-size: 20px 20px;
}

[id] > code {
  font-size: inherit;
  color: inherit;
}

/* Not in tailwindcss yet: https://github.com/tailwindlabs/tailwindcss/discussions/11486 */
.text-wrap-balance {
  text-wrap: balance;
}
