/* Sajtens grundstilar, utvalda ur Automatic.css av verktyg/bygg-stilar.py. Ändra inte för hand. */
body, body.acss-boxed-layout {
  font-size: var(--text-m);
  line-height: var(--text-m-lh);
  color: var(--body-color, var(--black));
}
.ct-section-inner-wrap {
  padding-block: var(--section-space-m);
  padding-inline: var(--section-padding-x);
}
.oxy-header-container {
  padding-inline: var(--section-padding-x);
}
:where(section:not(section section)) {
  padding: 0 !important;
}
:focus {
  outline: none;
  box-shadow: none;
}
:focus-visible {
  outline-style: solid;
  outline-color: var(--focus-color);
  outline-width: var(--focus-width);
  outline-offset: var(--focus-offset);
}
@supports not selector(:focus-visible) {
:focus {
    outline-style: solid;
    outline-color: var(--focus-color);
    outline-width: var(--focus-width);
    outline-offset: var(--focus-offset);
  }
}
body {
  color: var(--body-color, var(--black));
  background-color: var(--body-bg-color, var(--white));
}
body {
  font-size: var(--default-font-size, var(--text-m));
  color: var(--text-color);
  line-height: var(--text-line-height);
  text-wrap: var(--text-text-wrap);
}
p, li {
  line-height: var(--text-line-height, calc(6px + 2ex));
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h--1, .h--2, .h--3, .h--4, .h--5, .h--6 {
  line-height: var(--heading-line-height);
  font-weight: var(--heading-font-weight);
  max-width: var(--heading-max-width);
  text-wrap: var(--heading-text-wrap);
}
h1 {
  font-size: var(--h1);
  line-height: var(--h1-line-height);
  max-width: var(--h1-max-width);
}
h2 {
  font-size: var(--h2);
  line-height: var(--h2-line-height);
  max-width: var(--h2-max-width);
}
h3 {
  font-size: var(--h3);
  line-height: var(--h3-line-height);
  max-width: var(--h3-max-width);
}
h4 {
  font-size: var(--h4);
  line-height: var(--h4-line-height);
  max-width: var(--h4-max-width);
}
h5 {
  font-size: var(--h5);
  line-height: var(--h5-line-height);
  max-width: var(--h5-max-width);
}
body a:where(:not([class*= btn--])) {
  color: var(--link-color, var(--action));
  font-weight: var(--link-weight, 400);
  -webkit-text-decoration: var(--link-decoration, none);
  text-decoration: var(--link-decoration, none);
  text-underline-offset: var(--link-underline-offset, 0);
  transition: var(--link-transition, var(--transition));
}
@media (hover: hover) and (pointer: fine) {
body a:where(:not([class*= btn--])):hover {
    color: var(--link-color-hover, var(--action-hover));
  }
}