@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin-ext-italic.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
.byq-nw.byq-s-byq-stilling-single h1{
will-change:unset;
}.byq-nw.byq-s-byq-stilling-single /* normalize.css */
html{
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}.byq-nw.byq-s-byq-stilling-single{
  margin: 0;
}.byq-nw.byq-s-byq-stilling-single section{
  display: block;
}.byq-nw.byq-s-byq-stilling-single a{
  background-color: transparent;
}.byq-nw.byq-s-byq-stilling-single a:active, .byq-nw.byq-s-byq-stilling-single a:hover{
  outline: 0;
}.byq-nw.byq-s-byq-stilling-single strong{
  font-weight: bold;
}.byq-nw.byq-s-byq-stilling-single h1{
  font-size: 2em;
  margin: 0.67em 0;
}.byq-nw.byq-s-byq-stilling-single img{
  border: 0;
}.byq-nw.byq-s-byq-stilling-single svg:not(:root){
  overflow: hidden;
}.byq-nw.byq-s-byq-stilling-single /* webflow.css */
@font-face{
  font-family: 'webflow-icons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
  font-weight: normal;
  font-style: normal;
}.byq-nw.byq-s-byq-stilling-single, .byq-nw.byq-s-byq-stilling-single *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}.byq-nw.byq-s-byq-stilling-single{
  height: 100%;
}.byq-nw.byq-s-byq-stilling-single{
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}.byq-nw.byq-s-byq-stilling-single img{
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}.byq-nw.byq-s-byq-stilling-single .w-inline-block{
  max-width: 100%;
  display: inline-block;
}.byq-nw.byq-s-byq-stilling-single h1, .byq-nw.byq-s-byq-stilling-single h2, .byq-nw.byq-s-byq-stilling-single h3, .byq-nw.byq-s-byq-stilling-single h4, .byq-nw.byq-s-byq-stilling-single h5, .byq-nw.byq-s-byq-stilling-single h6{
  font-weight: bold;
  margin-bottom: 10px;
}.byq-nw.byq-s-byq-stilling-single h1{
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}.byq-nw.byq-s-byq-stilling-single h2{
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}.byq-nw.byq-s-byq-stilling-single h3{
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}.byq-nw.byq-s-byq-stilling-single h4{
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}.byq-nw.byq-s-byq-stilling-single h5{
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}.byq-nw.byq-s-byq-stilling-single h6{
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}.byq-nw.byq-s-byq-stilling-single p{
  margin-top: 0;
  margin-bottom: 10px;
}.byq-nw.byq-s-byq-stilling-single ul, .byq-nw.byq-s-byq-stilling-single ol{
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}.byq-nw.byq-s-byq-stilling-single .w-embed:before, .byq-nw.byq-s-byq-stilling-single .w-embed:after{
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}.byq-nw.byq-s-byq-stilling-single .w-embed:after{
  clear: both;
}.byq-nw.byq-s-byq-stilling-single .w-container{
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}.byq-nw.byq-s-byq-stilling-single .w-container:before, .byq-nw.byq-s-byq-stilling-single .w-container:after{
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}.byq-nw.byq-s-byq-stilling-single .w-container:after{
  clear: both;
}.byq-nw.byq-s-byq-stilling-single .w-container .w-row{
  margin-left: -10px;
  margin-right: -10px;
}@media screen and (max-width: 991px){.byq-nw.byq-s-byq-stilling-single .w-container{
    max-width: 728px;
  }}@media screen and (max-width: 767px){.byq-nw.byq-s-byq-stilling-single .w-container .w-row{
    margin-left: 0;
    margin-right: 0;
  }}@media screen and (max-width: 479px){.byq-nw.byq-s-byq-stilling-single .w-container{
    max-width: none;
  }}.byq-nw.byq-s-byq-stilling-single .w-richtext:before, .byq-nw.byq-s-byq-stilling-single .w-richtext:after{
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}.byq-nw.byq-s-byq-stilling-single .w-richtext:after{
  clear: both;
}.byq-nw.byq-s-byq-stilling-single .w-richtext[contenteditable="true"]:before, .byq-nw.byq-s-byq-stilling-single .w-richtext[contenteditable="true"]:after{
  white-space: initial;
}.byq-nw.byq-s-byq-stilling-single .w-richtext ol, .byq-nw.byq-s-byq-stilling-single .w-richtext ul{
  overflow: hidden;
}.byq-nw.byq-s-byq-stilling-single .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .byq-nw.byq-s-byq-stilling-single .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after{
  outline: 2px solid #2895f7;
}.byq-nw.byq-s-byq-stilling-single .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .byq-nw.byq-s-byq-stilling-single .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{
  outline: 2px solid #2895f7;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-figure-type-video > div:after, .byq-nw.byq-s-byq-stilling-single .w-richtext figure[data-rt-type="video"] > div:after{
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure{
  position: relative;
  max-width: 60%;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure > div:before{
  cursor: default!important;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure img{
  width: 100%;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure figcaption.w-richtext-figcaption-placeholder{
  opacity: 0.6;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure div{
  /* fix incorrectly sized selection border in the data manager */
  font-size: 0px;
  color: transparent;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-figure-type-image, .byq-nw.byq-s-byq-stilling-single .w-richtext figure[data-rt-type="image"]{
  display: table;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-figure-type-image > div, .byq-nw.byq-s-byq-stilling-single .w-richtext figure[data-rt-type="image"] > div{
  display: inline-block;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-figure-type-image > figcaption, .byq-nw.byq-s-byq-stilling-single .w-richtext figure[data-rt-type="image"] > figcaption{
  display: table-caption;
  caption-side: bottom;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-figure-type-video, .byq-nw.byq-s-byq-stilling-single .w-richtext figure[data-rt-type="video"]{
  width: 60%;
  height: 0;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-figure-type-video iframe, .byq-nw.byq-s-byq-stilling-single .w-richtext figure[data-rt-type="video"] iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-figure-type-video > div, .byq-nw.byq-s-byq-stilling-single .w-richtext figure[data-rt-type="video"] > div{
  width: 100%;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-align-center{
  margin-right: auto;
  margin-left: auto;
  clear: both;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div{
  max-width: 100%;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-align-normal{
  clear: both;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-align-fullwidth{
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-align-fullwidth > div{
  display: inline-block;
  /* padding-bottom is used for aspect ratios in video figures
      we want the div to inherit that so hover/selection borders in the designer-canvas
      fit right*/
  padding-bottom: inherit;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-align-fullwidth > figcaption{
  display: block;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-align-floatleft{
  float: left;
  margin-right: 15px;
  clear: none;
}.byq-nw.byq-s-byq-stilling-single .w-richtext figure.w-richtext-align-floatright{
  float: right;
  margin-left: 15px;
  clear: none;
}.byq-nw.byq-s-byq-stilling-single /* sophia-health-template-4e9940ac78d3cea3.webflow.css */
@font-face{
  font-family: LT Superior;
  src: url('../fonts/LTSuperior-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior;
  src: url('../fonts/LTSuperior-ExtraBold.otf') format("opentype"), url('../fonts/LTSuperior-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior;
  src: url('../fonts/LTSuperior-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior;
  src: url('../fonts/LTSuperior-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior;
  src: url('../fonts/LTSuperior-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior;
  src: url('../fonts/LTSuperior-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior;
  src: url('../fonts/LTSuperior-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior;
  src: url('../fonts/LTSuperior-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior Serif;
  src: url('../fonts/LTSuperiorSerif-ExtraBold.otf') format("opentype"), url('../fonts/LTSuperiorSerif-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior Serif;
  src: url('../fonts/LTSuperiorSerif-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior Serif;
  src: url('../fonts/LTSuperiorSerif-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior Serif;
  src: url('../fonts/LTSuperiorSerif-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior Mono;
  src: url('../fonts/ltsuperiormono-medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior Mono;
  src: url('../fonts/ltsuperiormono-bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior Mono;
  src: url('../fonts/ltsuperiormono-regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: LT Superior Mono;
  src: url('../fonts/ltsuperiormono-semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}.byq-nw.byq-s-byq-stilling-single{
  --light: #f8f7f5;
  --font--body: "LT Superior", sans-serif;
  --dark: #020120;
  --text--text-body: 16px;
  --heading--h1: 80px;
  --letter-spacing--4: -.04em;
  --heading--h4: 32px;
  --letter-spacing--2: -.02em;
  --heading--h5: 24px;
  --border-dark: #02012029;
  --font--serif: "LT Superior Serif", sans-serif;
  --heading--h3: 40px;
  --text--label: 12px;
  --text--text-small: 14px;
  --bg-1: #eceff4;
  --radius--small: 16px;
  --text--text-big: 20px;
  --bg-2: #e3ebfa;
  --radius--xxsmall: 8px;
  --white: white;
  --accent: #2862e9;
  --radius--regular: 32px;
  --heading--h6: 16px;
  --radius--medium: 24px;
  --radius--round: 100vw;
  --radius--big: 40px;
  --border-light: #ffffff29;
  --radius--xsmall: 12px;
  --black: #0e0e0e;
  --accent-2: #164ac3;
  --light-orange: #fff7e8;
  --dark-orange: #734a00;
  --font--mono: "LT Superior Mono", sans-serif;
  --heading--h0: 80px;
  --heading--h2: 56px;
  --letter-spacing--8: -.08em;
  --letter-spacing--5: -.05em;
  --letter-spacing--3: -.03em;
  --letter-spacing--1: -.01em;
  --letter-spacing--0: 0px;
  --letter-spacing--0-7px: .7px;
  --letter-spacing--2-0: .02em;
  --letter-spacing--4-0: .04em;
  --letter-spacing--8-0: .08em;
  --text--button: 16px;
}.byq-nw.byq-s-byq-stilling-single .w-layout-blockcontainer{
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}.byq-nw.byq-s-byq-stilling-single .w-layout-grid{
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}@media screen and (max-width: 991px){.byq-nw.byq-s-byq-stilling-single .w-layout-blockcontainer{
    max-width: 728px;
  }}@media screen and (max-width: 767px){.byq-nw.byq-s-byq-stilling-single .w-layout-blockcontainer{
    max-width: none;
  }}.byq-nw.byq-s-byq-stilling-single{
  background-color: var(--light);
  font-family: var(--font--body);
  color: var(--dark);
  font-size: var(--text--text-body);
  line-height: 150%;
}.byq-nw.byq-s-byq-stilling-single h1{
  font-family: var(--font--body);
  font-size: var(--heading--h1);
  letter-spacing: var(--letter-spacing--4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 100%;
}.byq-nw.byq-s-byq-stilling-single h2{
  letter-spacing: -.04em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: LT Superior, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 100%;
}.byq-nw.byq-s-byq-stilling-single h3{
  text-align: left;
  letter-spacing: -.02em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: LT Superior, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
}.byq-nw.byq-s-byq-stilling-single h4{
  font-size: var(--heading--h4);
  letter-spacing: var(--letter-spacing--2);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 100%;
}.byq-nw.byq-s-byq-stilling-single h5{
  font-size: var(--heading--h5);
  letter-spacing: var(--letter-spacing--2);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 100%;
}.byq-nw.byq-s-byq-stilling-single h6{
  letter-spacing: -.02em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: LT Superior, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 116.6%;
}.byq-nw.byq-s-byq-stilling-single p{
  margin-bottom: 10px;
}.byq-nw.byq-s-byq-stilling-single a{
  color: var(--dark);
  text-decoration: none;
}.byq-nw.byq-s-byq-stilling-single ul{
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}.byq-nw.byq-s-byq-stilling-single ol{
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 20px;
  line-height: 140%;
}.byq-nw.byq-s-byq-stilling-single img{
  max-width: 100%;
  display: inline-block;
}.byq-nw.byq-s-byq-stilling-single .cta-main{
  color: #f8f7f5;
  text-align: center;
  cursor: pointer;
  background-color: #2862e9;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
  overflow: hidden;
}.byq-nw.byq-s-byq-stilling-single .cta-main.smaller{
  font-size: var(--text--text-small);
  padding: 8px 16px;
}.byq-nw.byq-s-byq-stilling-single .cta-main.light{
  background-color: var(--bg-1);
  color: var(--dark);
}.byq-nw.byq-s-byq-stilling-single .cta-main.transparent{
  color: #020120;
  -webkit-text-stroke-color: #020120;
  background-color: #0000;
}.byq-nw.byq-s-byq-stilling-single .main-container{
  z-index: 2;
  width: 100%;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
}.byq-nw.byq-s-byq-stilling-single .main-container.article-container{
  max-width: 755px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}.byq-nw.byq-s-byq-stilling-single .section{
  color: #020120;
  background-color: #f8f7f5;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: LT Superior, sans-serif;
  font-size: 16px;
  position: relative;
}.byq-nw.byq-s-byq-stilling-single .section.hero-article{
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 144px;
  padding-bottom: 80px;
  display: flex;
}.byq-nw.byq-s-byq-stilling-single .section.body-article{
  padding-top: 0;
  padding-bottom: 0;
}.byq-nw.byq-s-byq-stilling-single .section.related-blog-section{
  padding-top: 0;
  padding-bottom: 80px;
}.byq-nw.byq-s-byq-stilling-single .section.hero-careers{
  padding-top: 120px;
  padding-bottom: 64px;
  overflow: clip;
}.byq-nw.byq-s-byq-stilling-single .section.cta-section{
  background-image: linear-gradient(#f8f7f5, #8eb0ef 50%, #f8f7f5);
  padding-top: 120px;
  padding-bottom: 120px;
}.byq-nw.byq-s-byq-stilling-single .section.about-b-logo-section{
  padding-top: 0;
}.byq-nw.byq-s-byq-stilling-single .section.hero-blog{
  padding-top: 100px;
  padding-bottom: 64px;
}.byq-nw.byq-s-byq-stilling-single .section.hero-careers-detail{
  padding-top: 120px;
}.byq-nw.byq-s-byq-stilling-single .section.logo-section{
  padding-top: 0;
  padding-bottom: 0;
}.byq-nw.byq-s-byq-stilling-single .section.home-a-filled{
  padding-top: 40px;
  padding-bottom: 40px;
}.byq-nw.byq-s-byq-stilling-single .section.video-section{
  justify-content: center;
  align-items: center;
  padding: 40px 8px;
  display: flex;
}.byq-nw.byq-s-byq-stilling-single .section.scroll-features-section{
  overflow: clip;
}.byq-nw.byq-s-byq-stilling-single .section.home-b-hero{
  padding-top: 144px;
  padding-bottom: 0;
  overflow: clip;
}.byq-nw.byq-s-byq-stilling-single .section.home-b-story-section{
  z-index: 1;
  color: #f8f7f5;
  background-color: #020120;
  padding-bottom: 120px;
}.byq-nw.byq-s-byq-stilling-single .section.home-b-worth{
  padding-top: 120px;
}.byq-nw.byq-s-byq-stilling-single .section.home-b-blog-section{
  padding-bottom: 120px;
}.byq-nw.byq-s-byq-stilling-single .section.home-c-hero{
  flex-flow: column;
  height: 300vh;
  padding: 8px 8px 0;
  display: flex;
}.byq-nw.byq-s-byq-stilling-single .section.home-c-about{
  padding-top: 120px;
  padding-bottom: 40px;
}.byq-nw.byq-s-byq-stilling-single .section.home-c-features-section{
  padding-bottom: 120px;
}.byq-nw.byq-s-byq-stilling-single .section.bento-section{
  position: static;
}.byq-nw.byq-s-byq-stilling-single .section.about-a-hero-section{
  padding: 8px 8px 0;
}.byq-nw.byq-s-byq-stilling-single .section.about-b-hero-section{
  padding-top: 144px;
}.byq-nw.byq-s-byq-stilling-single .section.about-b-description-section{
  position: static;
}.byq-nw.byq-s-byq-stilling-single .section.about-c-story-section{
  padding-bottom: 40px;
}.byq-nw.byq-s-byq-stilling-single .text-big{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}.byq-nw.byq-s-byq-stilling-single .text-big.semibold{
  font-weight: 600;
}.byq-nw.byq-s-byq-stilling-single .text-h2.serif{
  font-family: LT Superior Serif, sans-serif;
  font-weight: 400;
}.byq-nw.byq-s-byq-stilling-single .text-h1{
  z-index: 1;
  letter-spacing: -.04em;
  font-family: LT Superior, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 100%;
}.byq-nw.byq-s-byq-stilling-single .text-h1.serif{
  font-family: LT Superior Serif, sans-serif;
  font-weight: 400;
}.byq-nw.byq-s-byq-stilling-single .text-body.semibold{
  font-weight: 600;
}.byq-nw.byq-s-byq-stilling-single .label{
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: LT Superior Mono, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}.byq-nw.byq-s-byq-stilling-single .button-arrow{
  justify-content: center;
  align-items: center;
  width: 0;
  display: flex;
}.byq-nw.byq-s-byq-stilling-single .opacity-50{
  opacity: .5;
}.byq-nw.byq-s-byq-stilling-single .hide{
  margin-top: -8px;
  margin-bottom: -15px;
  padding-top: 8px;
  padding-bottom: 15px;
  overflow: hidden;
}.byq-nw.byq-s-byq-stilling-single .job-cta{
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: var(--radius--medium);
  background-color: var(--white);
  flex-direction: column;
  width: 420px;
  padding: 40px;
  display: flex;
  position: sticky;
  top: 120px;
  box-shadow: 0 15px 20px #02012014;
}.byq-nw.byq-s-byq-stilling-single .job-header{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}.byq-nw.byq-s-byq-stilling-single .job-location-tile{
  flex-direction: column;
  display: flex;
}.byq-nw.byq-s-byq-stilling-single .job-info-wrap{
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  display: flex;
}.byq-nw.byq-s-byq-stilling-single .back-link{
  color: #2862e9;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
}.byq-nw.byq-s-byq-stilling-single .job-info-block{
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}.byq-nw.byq-s-byq-stilling-single .job-body{
  font-size: var(--text--text-big);
  line-height: 150%;
}.byq-nw.byq-s-byq-stilling-single .job-body p{
  font-size: 20px;
  font-weight: 400;
}.byq-nw.byq-s-byq-stilling-single .job-body h5{
  font-family: LT Superior, sans-serif;
  font-size: 24px;
}.byq-nw.byq-s-byq-stilling-single .job-body li{
  font-size: 20px;
}.byq-nw.byq-s-byq-stilling-single .job-body h1{
  letter-spacing: -.04em;
  font-family: LT Superior, sans-serif;
  font-size: 80px;
  font-weight: 500;
}.byq-nw.byq-s-byq-stilling-single .job-body h2{
  letter-spacing: -.04em;
  font-family: LT Superior, sans-serif;
  font-size: 56px;
  font-weight: 500;
}.byq-nw.byq-s-byq-stilling-single .job-body h4{
  letter-spacing: -.02em;
  font-family: LT Superior, sans-serif;
  font-size: 32px;
  font-weight: 500;
}.byq-nw.byq-s-byq-stilling-single .job-body blockquote{
  font-family: LT Superior Serif, sans-serif;
  font-size: 40px;
  font-weight: 400;
}.byq-nw.byq-s-byq-stilling-single .job-info-tile{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}.byq-nw.byq-s-byq-stilling-single .job-halves{
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 755px) auto;
  place-items: start end;
}.byq-nw.byq-s-byq-stilling-single .text-small.semibold{
  font-weight: 600;
}.byq-nw.byq-s-byq-stilling-single .hero-gradient{
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(#e3ebfa, #f8f7f5);
  width: 100%;
  height: 1069px;
  position: absolute;
  inset: 0% 0% auto;
}.byq-nw.byq-s-byq-stilling-single .section-divider{
  background-color: var(--border-dark);
  width: 100%;
  height: 1px;
  margin-right: auto;
}.byq-nw.byq-s-byq-stilling-single .section-divider.careers-1, .byq-nw.byq-s-byq-stilling-single .section-divider.careers-2{
  margin-bottom: 64px;
}.byq-nw.byq-s-byq-stilling-single .section-divider.product{
  margin-top: 64px;
  margin-bottom: 64px;
}.byq-nw.byq-s-byq-stilling-single .section-divider.home-a-hero{
  margin-top: 64px;
}.byq-nw.byq-s-byq-stilling-single .section-divider.testimonial-2{
  margin-bottom: 32px;
}.byq-nw.byq-s-byq-stilling-single .section-divider.testimonial-1{
  margin-bottom: 64px;
}.byq-nw.byq-s-byq-stilling-single .section-divider.light{
  background-color: var(--border-light);
}.byq-nw.byq-s-byq-stilling-single .section-divider.home-b-blog{
  margin-bottom: 64px;
}.byq-nw.byq-s-byq-stilling-single .job-info-top{
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}.byq-nw.byq-s-byq-stilling-single .text-small-2.semibold{
  font-weight: 600;
}@media screen and (max-width: 991px){.byq-nw.byq-s-byq-stilling-single h1{
    font-size: 64px;
  }.byq-nw.byq-s-byq-stilling-single h2{
    font-size: 48px;
  }.byq-nw.byq-s-byq-stilling-single .section{
    padding-top: 64px;
    padding-bottom: 64px;
  }.byq-nw.byq-s-byq-stilling-single .section.hero-article, .byq-nw.byq-s-byq-stilling-single .section.related-blog-section{
    padding-bottom: 64px;
  }.byq-nw.byq-s-byq-stilling-single .section.hero-careers{
    background-image: none;
  }.byq-nw.byq-s-byq-stilling-single .section.video-section{
    padding-left: 24px;
    padding-right: 24px;
  }.byq-nw.byq-s-byq-stilling-single .section.home-b-story-section{
    padding-bottom: 64px;
  }.byq-nw.byq-s-byq-stilling-single .section.home-b-worth{
    padding-top: 64px;
  }.byq-nw.byq-s-byq-stilling-single .section.home-b-blog-section{
    padding-bottom: 64px;
  }.byq-nw.byq-s-byq-stilling-single .section.home-c-hero{
    height: auto;
  }.byq-nw.byq-s-byq-stilling-single .section.home-c-about{
    padding-top: 64px;
  }.byq-nw.byq-s-byq-stilling-single .section.home-c-features-section{
    padding-bottom: 64px;
  }.byq-nw.byq-s-byq-stilling-single .text-h1{
    font-size: 64px;
  }.byq-nw.byq-s-byq-stilling-single .job-body p{
    font-size: 16px;
    line-height: 150%;
  }.byq-nw.byq-s-byq-stilling-single .job-body h1{
    font-size: 64px;
    line-height: 100%;
  }.byq-nw.byq-s-byq-stilling-single .job-body h2{
    font-size: 48px;
    line-height: 100%;
  }.byq-nw.byq-s-byq-stilling-single .job-body h3{
    font-size: 40px;
    line-height: 100%;
  }.byq-nw.byq-s-byq-stilling-single .job-halves{
    grid-template-columns: 1fr;
    justify-items: start;
  }.byq-nw.byq-s-byq-stilling-single .hero-careers-detail{
    padding-bottom: 80px;
  }.byq-nw.byq-s-byq-stilling-single .section-divider.testimonial-1{
    margin-bottom: 48px;
  }}@media screen and (max-width: 767px){.byq-nw.byq-s-byq-stilling-single h1{
    font-size: 56px;
  }.byq-nw.byq-s-byq-stilling-single h2{
    font-size: 40px;
  }.byq-nw.byq-s-byq-stilling-single h3{
    font-size: 36px;
  }.byq-nw.byq-s-byq-stilling-single .section.home-c-hero{
    height: auto;
  }.byq-nw.byq-s-byq-stilling-single .text-h1{
    font-size: 56px;
  }.byq-nw.byq-s-byq-stilling-single .job-cta{
    width: 100%;
  }.byq-nw.byq-s-byq-stilling-single .job-body h1{
    font-size: 56px;
    font-weight: 500;
    line-height: 100%;
  }.byq-nw.byq-s-byq-stilling-single .job-body h2{
    font-size: 40px;
    font-weight: 500;
    line-height: 100%;
  }.byq-nw.byq-s-byq-stilling-single .job-body h3{
    font-size: 36px;
  }}@media screen and (max-width: 479px){.byq-nw.byq-s-byq-stilling-single h1{
    font-size: 13vw;
  }.byq-nw.byq-s-byq-stilling-single h2{
    font-size: 36px;
  }.byq-nw.byq-s-byq-stilling-single h3{
    font-size: 32px;
  }.byq-nw.byq-s-byq-stilling-single h4{
    font-size: 24px;
  }.byq-nw.byq-s-byq-stilling-single h5{
    font-size: 20px;
  }.byq-nw.byq-s-byq-stilling-single h6, .byq-nw.byq-s-byq-stilling-single p, .byq-nw.byq-s-byq-stilling-single ul{
    font-size: 16px;
  }.byq-nw.byq-s-byq-stilling-single .cta-main{
    font-size: var(--text--label);
    padding: 10px 24px;
  }.byq-nw.byq-s-byq-stilling-single .main-container{
    padding-left: 16px;
    padding-right: 16px;
  }.byq-nw.byq-s-byq-stilling-single .section{
    padding-top: 48px;
    padding-bottom: 48px;
  }.byq-nw.byq-s-byq-stilling-single .section.hero-article{
    padding-top: 100px;
    padding-bottom: 48px;
  }.byq-nw.byq-s-byq-stilling-single .section.related-blog-section{
    padding-bottom: 64px;
  }.byq-nw.byq-s-byq-stilling-single .section.hero-careers{
    padding-top: 100px;
  }.byq-nw.byq-s-byq-stilling-single .section.cta-section{
    padding-top: 80px;
    padding-bottom: 80px;
  }.byq-nw.byq-s-byq-stilling-single .section.hero-blog, .byq-nw.byq-s-byq-stilling-single .section.hero-careers-detail{
    padding-top: 100px;
  }.byq-nw.byq-s-byq-stilling-single .section.video-section{
    padding-left: 16px;
    padding-right: 16px;
  }.byq-nw.byq-s-byq-stilling-single .section.home-b-story-section{
    padding-bottom: 48px;
  }.byq-nw.byq-s-byq-stilling-single .section.home-b-worth{
    padding-top: 48px;
  }.byq-nw.byq-s-byq-stilling-single .section.home-b-blog-section{
    padding-bottom: 48px;
  }.byq-nw.byq-s-byq-stilling-single .section.home-c-about{
    padding-top: 48px;
  }.byq-nw.byq-s-byq-stilling-single .section.home-c-features-section{
    padding-bottom: 48px;
  }.byq-nw.byq-s-byq-stilling-single .section.about-b-hero-section{
    padding-top: 100px;
  }.byq-nw.byq-s-byq-stilling-single .text-big{
    font-size: 16px;
    line-height: 150%;
  }.byq-nw.byq-s-byq-stilling-single .text-h1{
    font-size: 13vw;
  }.byq-nw.byq-s-byq-stilling-single .label{
    font-size: 10px;
    line-height: 12px;
  }.byq-nw.byq-s-byq-stilling-single .button-arrow{
    display: none;
  }.byq-nw.byq-s-byq-stilling-single .job-cta{
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-radius: var(--radius--small);
    padding: 32px;
  }.byq-nw.byq-s-byq-stilling-single .job-header{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }.byq-nw.byq-s-byq-stilling-single .job-info-wrap{
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }.byq-nw.byq-s-byq-stilling-single .job-info-block{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }.byq-nw.byq-s-byq-stilling-single .job-body h5{
    font-size: 20px;
  }.byq-nw.byq-s-byq-stilling-single .job-body h1{
    font-size: 13vw;
  }.byq-nw.byq-s-byq-stilling-single .job-body h2{
    font-size: 36px;
  }.byq-nw.byq-s-byq-stilling-single .job-body h4{
    font-size: 24px;
  }.byq-nw.byq-s-byq-stilling-single .job-body h3{
    font-size: 32px;
  }.byq-nw.byq-s-byq-stilling-single .hero-careers-detail{
    padding-bottom: 64px;
  }.byq-nw.byq-s-byq-stilling-single .section-divider.careers-2{
    margin-bottom: 48px;
  }.byq-nw.byq-s-byq-stilling-single .section-divider.product{
    margin-top: 48px;
    margin-bottom: 48px;
  }.byq-nw.byq-s-byq-stilling-single .section-divider.home-a-hero{
    margin-top: 48px;
  }.byq-nw.byq-s-byq-stilling-single .section-divider.home-b-blog{
    margin-bottom: 48px;
  }}.byq-nw.byq-s-byq-stilling-single #w-node-_4774a950-9b1e-0005-0c1d-e81c5182c617-6402b908, .byq-nw.byq-s-byq-stilling-single #w-node-_4774a950-9b1e-0005-0c1d-e81c5182c61a-6402b908, .byq-nw.byq-s-byq-stilling-single #w-node-_4774a950-9b1e-0005-0c1d-e81c5182c65b-6402b908{
  grid-area: span 1 / span 1 / span 1 / span 1;
}
@font-face{
  font-family: 'LT Superior';
  src: url('../fonts/LTSuperior-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior';
  src: url('../fonts/LTSuperior-ExtraBold.otf') format('opentype'), url('../fonts/LTSuperior-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior';
  src: url('../fonts/LTSuperior-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior';
  src: url('../fonts/LTSuperior-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior';
  src: url('../fonts/LTSuperior-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior';
  src: url('../fonts/LTSuperior-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior';
  src: url('../fonts/LTSuperior-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior';
  src: url('../fonts/LTSuperior-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior Serif';
  src: url('../fonts/LTSuperiorSerif-ExtraBold.otf') format('opentype'), url('../fonts/LTSuperiorSerif-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior Serif';
  src: url('../fonts/LTSuperiorSerif-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior Serif';
  src: url('../fonts/LTSuperiorSerif-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior Serif';
  src: url('../fonts/LTSuperiorSerif-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior Mono';
  src: url('../fonts/ltsuperiormono-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior Mono';
  src: url('../fonts/ltsuperiormono-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior Mono';
  src: url('../fonts/ltsuperiormono-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'LT Superior Mono';
  src: url('../fonts/ltsuperiormono-semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


/* Temaet (hello-elementor) har `.hide{display:none!important}`, og Sophia
   bruker nettopp `.hide` som maske rundt overskrifta. Uten denne er
   overskrifta ikke skjøvet ut av syne — den finnes ikke (målt 30.10: boksen
   var 0 px høy). Jf. husnotatet om temaets hjelpeklasser. */
.byq-nw.byq-s-byq-stilling-single .hide{ display: block !important; }

/* ============================================================================
 * TILPASNING — husets typografi på stillingssida (JA 30.10.2026)
 * ============================================================================
 * Ligger SIST og blandes aldri inn i 1:1-kopien, så malen kan hentes på nytt
 * uten at dette går tapt. Jf. husets arbeidsmetode for BYQ-flater.
 *
 * MÅLT FØRST, på 1440 px:
 *   artikkelsida   H1 72/600/72/-2,88 · mellomtittel 32/600 · brødtekst 17/400/24 · Figtree
 *   stillingssida  H1 80/400/80, serif · ingress 20/600 · brødtekst 20/400/30
 *
 * Og det verste, funnet med nettleserens eget fontoppslag (CDP
 * CSS.getPlatformFontsForNode), ikke lest ut av CSS-en: hele sida ble tegnet i
 * **Liberation Sans**. Malen ber om «LT Superior», som ikke finnes hos oss, så
 * nettleseren falt tilbake på systemfonten. Dette er ikke en stilforskjell —
 * det er en feil.
 * ========================================================================== */

/* 1 · Fonten.
 *    Vi overstyrer ikke 25 enkeltregler som ber om «LT Superior». Vi lar
 *    navnet peke på Figtree-fila vår i stedet. Da treffer det alt — også
 *    regler vi henter inn senere når malen oppdateres — uten én eneste
 *    !important og uten en spesifisitetskrig. */
@font-face {
  font-family: 'LT Superior';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'LT Superior Serif';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'LT Superior Mono';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('https://www.auto8-8.no/wp-content/uploads/2026/09/figtree-latin.woff2') format('woff2');
}

/* 2 · Overskrifta — artikkelsidas tall, ikke malens.
 *    Malens 80/400 er tegnet for en serif. I Figtree ville den stått tynn og
 *    bred; 72/600 er den samme graden artikkelsida bruker. */
.byq-nw.byq-s-byq-stilling-single h1.text-h1,
.byq-nw.byq-s-byq-stilling-single .text-h1.serif {
  font-weight: 600;          /* malens .text-h1.serif setter 400 og er 0,4,0 — derfor samme vekt her */
  font-size: 72px;           /* artikkelsidas --heading--h1 */
  line-height: 100%;
  letter-spacing: -.04em;
}
/* Samme trapp som artikkelsida (snippet 425): 72 → 67,2 → 58,8 → 13vw.
   Uten disse ville desktop-tallet også gjaldt på mobil, fordi regelen over
   ligger sist og slår malens egne bruddpunkt-regler. */
@media screen and (max-width: 991px) {
  .byq-nw.byq-s-byq-stilling-single h1.text-h1,
  .byq-nw.byq-s-byq-stilling-single .text-h1.serif { font-size: 67.2px; }
}
@media screen and (max-width: 767px) {
  .byq-nw.byq-s-byq-stilling-single h1.text-h1,
  .byq-nw.byq-s-byq-stilling-single .text-h1.serif { font-size: 58.8px; }
}
@media screen and (max-width: 479px) {
  .byq-nw.byq-s-byq-stilling-single h1.text-h1,
  .byq-nw.byq-s-byq-stilling-single .text-h1.serif { font-size: 13vw; }
}

/* 3 · Brødteksten og punktlistene — 17/400/24, som artikkelen.
 *    Malens 20/30 er satt for en annen font og en kortere tekst; denne
 *    annonsen er lang, og 17/24 er graden huset leser i. */
.byq-nw.byq-s-byq-stilling-single .job-body,
.byq-nw.byq-s-byq-stilling-single .job-body p,
.byq-nw.byq-s-byq-stilling-single .job-body li {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.17px;
}

/* 4 · Ingressen — samme grad som brødteksten, men tyngre. Nøyaktig slik
 *    artikkelsida skiller første avsnitt fra resten. */
.byq-nw.byq-s-byq-stilling-single .job-info-top .text-big.semibold {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.17px;
}

/* 5 · Mellomtitlene står urørt på 24/600/24/-0,48 — de er ALLEREDE identiske
 *    med artikkelsidas H3. Artikkelens H2 på 32 ville konkurrert med
 *    overskrifta på en side med så mange korte bolker. */


/* 6 · Bildeboks over infoboksen (JA 30.10.2026)
 *    «Over selve boksen med info vil jeg ha et bilde … som en egen boks på
 *    samme måte som vi har løst det på modellsidene og prisblokkene der.»
 *    Høyre spalte er nå en stabel: bilde, så kort. Radius og bredde arves fra
 *    kortet, så de to leser som ett sett.
 *    Forholdet står i én variabel — bytt 2/3 til 3/4 og hele boksen følger. */
.byq-nw.byq-s-byq-stilling-single .job-side {
  --stilling-bilde-forhold: 3 / 2;   /* JA 30.10: liggende, ikke stående. Alle ti avdelingsbildene er tatt liggende. 4/3 er ett tall unna. */
  display: flex;
  flex-direction: column;
  /* 8 px mellom bilde og kort, og 8 px radius på begge — hentet fra
     prisseksjonen på modellsida (JA 30.10). Målt der: `.pricing-card`
     radius 8px, `.byq-pris-kolonne` gap 8px, og bildeboksene
     (`.marquee-image-item`) radius 8px. Malens 24 px på begge gjorde at
     bilde og kort leste som to løse elementer i stedet for ett sett. */
  gap: 8px;
  width: 420px;
}
.byq-nw.byq-s-byq-stilling-single .job-bilde {
  width: 100%;
  aspect-ratio: var(--stilling-bilde-forhold);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg-1, #eceff4);
}
.byq-nw.byq-s-byq-stilling-single .job-bilde img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 991px) {
  .byq-nw.byq-s-byq-stilling-single .job-side { width: 100%; }
}

/* Infokortet får samme radius som prisboksene — malens var 24 px. */
.byq-nw.byq-s-byq-stilling-single .job-cta {
  border-radius: 8px;
}

/* 7 · Søknadsknappen i husets farger (JA 30.10.2026: «marineblå knapp, med
 *     himmelblå tekst på selve knappen. Hex fra profilmanualen vår»).
 *     Marineblå #002847 og Himmel #AFE2F3 — målt kontrast 10,75:1, godt over
 *     gulvet på 4,5 for tekst.
 *     MERK: manualens åtte oppskrifter har «Himmel/Marineblå/svart», altså
 *     motsatt vei, og manualen sier selv at den motsatte er en EGEN oppskrift.
 *     Derfor er hover-tilstanden nettopp den godkjente vendingen.
 *     Knappen er en <a>, så temaets magenta-felle på button:hover gjelder ikke
 *     her — men :focus-visible er tatt med likevel. */
.byq-nw.byq-s-byq-stilling-single .job-cta .cta-main {
  background-color: #002847;
  color: #AFE2F3;
}
.byq-nw.byq-s-byq-stilling-single .job-cta .cta-main:hover,
.byq-nw.byq-s-byq-stilling-single .job-cta .cta-main:focus-visible {
  background-color: #AFE2F3;
  color: #002847;
}

/* 8 · Bilde og kort som ÉN enhet, klistret på desktop (JA 30.10.2026:
 *     «kan boks og bilde behandles som én, og den skal være sticky på
 *     desktop, som i malen»).
 *     Malen klistrer selve kortet (`.job-cta { position: sticky; top: 120px }`).
 *     Hos oss ligger kortet nå inne i `.job-side` sammen med bildet, så
 *     klebingen må flyttes ut til wrapperen — ellers klistrer kortet seg
 *     inne i en boks som ikke ruller, og ingenting skjer.
 *     `align-self: start` er nødvendig fordi rutenettet strekker cellen. */
.byq-nw.byq-s-byq-stilling-single .job-side {
  /* Cella må STREKKES, ellers er den bare like høy som innholdet — og da har
     det klebrige elementet null å gli langs. Målt 30.10: med `align-self:
     start` klistret den seg i 900 px og slapp så taket.
     Rutenettets `place-items: start end` settes derfor av her. */
  align-self: stretch;
  justify-self: end;
}
.byq-nw.byq-s-byq-stilling-single .job-sticky {
  position: sticky;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 420px;
}
.byq-nw.byq-s-byq-stilling-single .job-cta {
  position: static;   /* malen klistrer kortet; hos oss klistrer hele enheten */
}
@media screen and (max-width: 991px) {
  .byq-nw.byq-s-byq-stilling-single .job-sticky { position: static; width: 100%; }
}

/* 9 · Bort med malens blå bakgrunnsgradient (JA 30.10.2026).
 *     `.hero-gradient` er et eget lag på 1069 px som legger
 *     `linear-gradient(#e3ebfa, #f8f7f5)` bak heroen. Den er malens, ikke vår.
 *     Elementet skjules i stedet for å overstyre fargen, så ingenting ligger
 *     igjen og tar plass i stabelen. */
.byq-nw.byq-s-byq-stilling-single .hero-gradient {
  display: none;
}

/* 10 · Brødsmulene i 2.1-formatet (JA 30.10.2026: «Bruk formatet vi har tatt i
 *      bruk andre steder på live 2.1 … Karriere > Ledig stilling … farge
 *      marineblå her»).
 *      Sophias stillingsside har bare en `.back-link`. Formatet som ligger ute
 *      er Monoliths `.breadcrumb-navigation` — målt på lagerbilsida
 *      (/lagerbil/exlantix-es-…): flex, gap 18 px, midtstilt loddrett, lenkene
 *      16 px / vekt 400 / Figtree / sperring −0,16 px, og en 7×11 chevron i
 *      `currentColor` mellom. Tallene er kopiert derfra, ikke valgt her.
 *      Fargen er Marineblå #002847; chevronen følger via currentColor. */
.byq-nw.byq-s-byq-stilling-single .breadcrumb-navigation {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #002847;
}
.byq-nw.byq-s-byq-stilling-single .breadcrumb-navigation a,
.byq-nw.byq-s-byq-stilling-single .breadcrumb-navigation span {
  font-family: Figtree, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.16px;
  color: #002847;
  text-decoration: none;
}
.byq-nw.byq-s-byq-stilling-single .breadcrumb-navigation a:hover,
.byq-nw.byq-s-byq-stilling-single .breadcrumb-navigation a:focus-visible {
  text-decoration: underline;
}
.byq-nw.byq-s-byq-stilling-single .icon-breadcrumb {
  display: flex;
  align-items: center;
}

/* 11 · Bildet mellom ingress og skillelinje — artikkelsidas format.
 *      Målt på /artikler/nissan-pixo…: `figure.wp-block-image` har 70 px luft
 *      over, bildet er 755 × 400 (forhold 1,89), `object-fit: cover`, og
 *      ingen radius. Her er høyden skrevet som forhold, så boksen skalerer
 *      med spalta i stedet for å låse 400 px. */
.byq-nw.byq-s-byq-stilling-single .stilling-bilde {
  /* Ingen egen toppmarg. Målt 30.10: spalta (`.job-info-wrap`) har 64 px gap
     fra før, så artikkelsidas 70 px la seg OPPÅ og ga 134 px mellom ingress og
     bilde. Nå er rytmen jevn: 64 over bildet, 64 til streken, 64 til brødteksten. */
  margin: 0;
  width: 100%;
  overflow: clip;
}
/* Forholdet settes på BILDET, ikke på figuren. Målt 30.10: med `aspect-ratio`
   på figuren ble boksen 755 × 504 — altså filens eget forhold — fordi figuren
   er et flex-barn og tok høyden fra innholdet. */
.byq-nw.byq-s-byq-stilling-single .stilling-bilde img {
  width: 100%;
  aspect-ratio: 755 / 400;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 0;
}

/* 13 · Luft mellom avsnittene, og husets blekk (JA 30.10.2026: «avstanden
 *      mellom avsnittene må være litt større. Nå kommer nye overskrifter klink
 *      etter brødteksten over» · «Tekstfarge skal være 1C1C1C»).
 *      Malen hadde 10 px på alt — avsnitt, overskrift og liste likt, så
 *      ingenting skilte en ny bolk fra neste linje. Artikkelsida gir sine
 *      overskrifter 70 px luft; her er en stillingsannonse med mange korte
 *      bolker, så 40 px holder rytmen uten å rive teksten fra hverandre.
 *      Fargen i malen var #020120 (nesten svart med blåstikk); nå Autokull. */
.byq-nw.byq-s-byq-stilling-single .job-body,
.byq-nw.byq-s-byq-stilling-single .job-body p,
.byq-nw.byq-s-byq-stilling-single .job-body li,
.byq-nw.byq-s-byq-stilling-single .job-body h2,
.byq-nw.byq-s-byq-stilling-single .job-body h3,
.byq-nw.byq-s-byq-stilling-single .job-body h4,
.byq-nw.byq-s-byq-stilling-single .job-body h5,
.byq-nw.byq-s-byq-stilling-single .job-info-top .text-big.semibold {
  color: #1C1C1C;
}
.byq-nw.byq-s-byq-stilling-single .job-body p,
.byq-nw.byq-s-byq-stilling-single .job-body ul,
.byq-nw.byq-s-byq-stilling-single .job-body ol {
  margin-top: 0;
  margin-bottom: 16px;
}
.byq-nw.byq-s-byq-stilling-single .job-body h2,
.byq-nw.byq-s-byq-stilling-single .job-body h3,
.byq-nw.byq-s-byq-stilling-single .job-body h4,
.byq-nw.byq-s-byq-stilling-single .job-body h5 {
  margin-top: 40px;
  margin-bottom: 12px;
}
.byq-nw.byq-s-byq-stilling-single .job-body > *:first-child {
  margin-top: 0;
}
.byq-nw.byq-s-byq-stilling-single .job-body li {
  margin-bottom: 4px;
}

/* 12 · Autopapir på hele flata (JA 30.10.2026: «bakgrunnen på hele siden skal
 *      være F5F5F3»). Malens papir er #f8f7f5 — nær, men ikke vårt. */
.byq-nw.byq-s-byq-stilling-single .section,
.byq-nw.byq-s-byq-stilling-single .section.hero-careers-detail {
  background-color: #F5F5F3;
}