/* Skjule dato felt på alle artikler, utenom forsiden */
.author-block .date-and-author-container .date,
.author-block .date-and-author-container .time ,
.author-block .some-share-buttons,
#container-list .date{
    display: none !important;
}
.custom-date {
    font-size: 0.8em !important;
    display: none !important;
}
.page_id_1922432934 .date-and-author-container .date,
.page_id_1922432934 #container-list .date {
    display: inline !important;
}
.article_id_1103 .author-block .date-and-author-container .date,
.article_id_163 .author-block .date-and-author-container .date,
.article_id_781 .author-block .date-and-author-container .date
{
    display: none !important;
}
#container-list #Article-266  .date, 
#container-list #Article-1103 .date,
#container-list #Article-163  .date,
#container-list #Article-781  .date {
    display: none !important;
}




/*
.article_id_10830 .author-block .date-and-author-container .date, 
.article_id_10776 .author-block .date-and-author-container .date,
.article_id_5013  .author-block .date-and-author-container .date {
    display: inline !important;
}
#container-list #Article-10830 .date,
#container-list #Article-10776 .date,
#container-list #Article-5013 .date{
    display: inline !important;
}
*/



/* MENU FIX - MEGA NAV */
@media (min-width: 1200px) {
    #wrap .nav_menu_dropdown .nav_level_1.nav_expanded .nav_level_2_group,
    #wrap .nav_menu_dropdown .nav_level_1:hover .nav_level_2_group {
        display: block;
        padding: 3em 5em;
        margin-left: auto;
        margin-right: auto;
        max-width: 1600px;
        min-width: 1000px;
        border-left: solid 1px rgba(0, 0, 0, .1);
        border-bottom: solid 1px rgba(0, 0, 0, .1);
        border-right: solid 1px rgba(0, 0, 0, .1);
    }

    #wrap header {
        border-bottom: solid 1px rgba(0, 0, 0, .05);
    }

    .w_menu_wrapper.w_menu_mega-1 .nav_level_2_group {
        column-count: auto;
        column-width: 268px;
        column-gap: 4%;
        overflow-x: hidden;
        overflow-y: auto;
        margin-top: 1px;
    }
    #wrap .nav_menu_dropdown .nav_item {
        transition: none!important;
    }
    
    #wrap .w_menu_wrapper .nav_level * {
        line-height: 1.5em !important;
    }

    #wrap .w_menu_wrapper .nav_level_2 .nav_group, #wrap .w_menu_wrapper .nav_level_2 .nav_group * {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    #wrap .w_menu_wrapper .nav_level_2 a {
        padding: .5em 1em;
    }

    .w_menu_wrapper .nav_level_2 {
        font-weight: 600;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .w_menu_wrapper .nav_level_2 {
        padding-bottom: 2em;
        overflow: hidden;
    }

    .w_menu_wrapper .nav_level_2 button:after {
        display: none;
    }

    .w_menu_wrapper .nav_level_2 > .nav_item {
        border-bottom: 1px solid;
    }

    .w_menu_wrapper .nav_level_3 {
        text-transform: none;
        font-weight: lighter;
    }

    #wrap .nav_menu_dropdown .nav_level_2 > .nav_item {
        border-color: var(--primary-color);
        font-weight: inherit !important;
    }
}

#wrap .nav_menu_dropdown .nav_level_3 > .nav_item:not(:hover) {
    background-color: var(--primary-color-contrast);
    color: var(--primary-color);
}

#wrap .w_mobile_menu_wrapper .nav_level_2 > .nav_item > a {
    background-color: rgba(0, 0, 0, .03);
    font-weight: bolder;
}

#wrap .w_mobile_menu_wrapper .nav_level_3 > .nav_item > a {
    background-color: var(--primary-color-contrast);
}

#wrap .w_mobile_menu_wrapper .nav_level_1 > .nav_item > a,
#wrap .w_mobile_menu_wrapper .nav_level_2 > .nav_item > a,
#wrap .w_mobile_menu_wrapper .nav_level_3 > .nav_item > a {
    font-size: 16px !important;
}

/* HEADER FIX DESIGN 5 */
@media all and (min-width: 1200px) {
    .nav_menu_dropdown .nav_level_1.active > .nav_item,
    .nav_menu_dropdown .nav_level_1:hover > .nav_item {
        background-color: transparent !important;
    }
    #container #wrap .nav_menu_dropdown .nav_level_1.active>.nav_item a {
        background-color: var(--secondary-color)!important;
    }
    #container #wrap .nav_menu_dropdown .nav_level_1:hover>.nav_item a {
        background-color: var(--secondary-color)!important;
    }

    .nav_menu_dropdown .nav_level_1.active > .nav_item a,
    .nav_menu_dropdown .nav_level_1:hover > .nav_item a {
        border-bottom: 1px solid;
    }

    .nav_menu_dropdown .nav_level_1:hover > .nav_item *,
    .nav_menu_dropdown .nav_level_1.active > .nav_item * {
        color: #ffffff !important;
    }

    .nav_menu_dropdown .nav_level_1 > .nav_item {
        padding: 0 1em;
    }

    body .w_design_5 .w_menu_wrapper.w_menu_hor {
        flex: 1 1 50%;
        margin-right: 20px;
    }

    body .w_design_5 .w_header .w_header_inner {
        align-items: center;
    }

    .w_menu_wrapper.w_menu_mega-1 {
        margin-right: 3em !important;
    }

    .w_design_5 .w_language {
        position: relative;
        order: 2;
        margin-right: 1em;
        margin-top: -1em;
        display: none !important; /* TEMP - RELEASE WHEN NEW LANGUAGE IS READY */
    }

    .w_design_5 .w_search {
        margin: 0 !important;
        right: 15px !important;
        top: auto !important;
    }

    #container .w_icon_print,
    #container .w_social_sharing {
        display: none !important;
    }


}

/* SEARCH FIX */

.w_header_inner {
    position: relative;
}
/*
.w_search:focus-within,
.w_search:hover {
    min-height: 2.5em !important;
    border-radius: 1.25em;
    background-color: var(--secondary-color-contrast);
}
*/

#wSearchInput {
    background-color: transparent !important;
}

#container .w_search #w_search_result {
    display: none;
}

/*
.w_search:focus-within .w_search_icon,
.w_search:hover .w_search_icon {
    margin: 0.225em;
    box-shadow: none;
    background-color: transparent;
    color: var(--icon-color);
}
*/

.w_search #wSearchInput,
#w_search_result {
    font-size: 16px !important;
}

#w_search_result {
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--secondary-color-contrast) !important;
}

#container #w_search_result li a {
    line-height: 1.3em;
    padding: 0.75em 1em 0.75em 1em !important;
    background-color: rgba(0, 0, 0, 0) !important;
    transition: background-color 0.2s ease-in-out;
}

#container #w_search_result li a:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

#w_search_result li {
    border-top: 1px solid rgba(0, 0, 0, 0) !important;
}

/* Stil fix på Title only List*/
#container #container-list .outercol h2 {
    font-size: var(--w-font-20-title);
}

/* Liste fiks på utvalgte sider */
.page_id_484888468 #container-list .textbox-inner p {
    min-height: 7.6em;
}

/* page_id_1922432934 */
.page_id_1922432934 #center {
    margin: 0 !important;
}

.page_id_1922432934 #container-list .spacer {
    margin: 0 0 30px 0 !important;
}

#wrap .Slideshow-Default.w_carousel {
    padding-bottom: 0 !important;
}

#container #wrap #content #mainContent #center #sitepath,
#container #wrap #content #mainContent #pagetitle,
#container #wrap #custom-button {
    display: none !important;
}

.page_id_1922432934:not(.read-more) #container #wrap #content #mainContent {
    padding-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;;
}

.page_id_1922432934 #container #wrap .custom-ArvaButton,
.page_id_1922432934 #container-list {
    background-color: #f8f3eb !important;
}

/* FOOTER */
#wrap .w_footer .w_block:nth-child(1) {
    display: none !important;
}

#wrap .w_footer {
    background-color: var(--primary-color-contrast) !important;
    padding-top: 2em;
    justify-content: center;
}

#wrap .w_footer .w_block {
    text-align: center;
}

#wrap .w_footer .w_block * {
    color: var(--primary-color) !important;
    font-size: var(--w-font-14-main) !important;
    line-height: 1.4em !important;
}

#wrap .w_footer .w_block li {
    border-bottom: solid 0 !important;
    padding: 0.25em 1em 0.15em 0.25em !important;
}

#wrap .w_static_menu,
#wrap .w_icon_newsletter {
    display: none !important;
}

/* SHORTCUTS */
#container #wrap .custom-ArvaShortcut {
    padding-bottom: 1em !important;
}

.custom-ArvaShortcut .editorContent .image-default {
    text-align: center;
    margin: 0;
    padding: 0;
}

#container #wrap .custom-ArvaShortcut .editorContent {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 0 4%;
}

.custom-ArvaShortcut .editorContent figure.image {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex: 0 1 250px;
    transform: scale(1.0);
    transition: transform 0.3s ease-in-out;

}

.custom-ArvaShortcut .editorContent figure.image:hover {
    transform: scale(1.1);
}

.custom-ArvaShortcut .editorContent figure.image > * {
    flex: 0 0 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #153e35 !important;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0 !important;
}

.custom-ArvaShortcut .editorContent figure.image img {
    max-width: 50%;
    margin-bottom: 0 !important;
}

/* STROMSTANS */
#container #wrap .custom-ArvaButton {
    padding-bottom: 1em !important;
    min-height: 11.5em;
}

#container #wrap .custom-ArvaButton h3,
#container #wrap .custom-ArvaButton .block-TextAreaAdvanced-intro {
    color: var(--primary-color) !important;
}

#container #wrap .custom-ArvaButton h3 {
    font-size: var(--w-font-30-title) !important;
    padding-bottom: 0;
    padding-top: 1.25em;
}

#container #wrap .custom-ArvaButton .block-TextAreaAdvanced-intro {
    font-size: var(--w-font-18-main) !important;
}

#container #wrap .custom-ArvaButton .block-TextAreaAdvanced-inner .editorContent a {
    padding: .25em 1.5em !important;
    display: inline-block;
    margin-top: 1em !important;
    margin-left: 1em !important;
    margin-right: 1em !important;
    border-radius: 4em !important;
    background-color: var(--secondary-color) !important;
    color: var(--secondary-color-contrast) !important;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    text-transform: uppercase;
    font-size: var(--w-font-16-menu) !important;
    min-width: 150px;
}

#container #wrap .custom-ArvaButton .block-TextAreaAdvanced-inner .editorContent a:hover {
    color: var(--secondary-color) !important;
    background-color: var(--secondary-color-contrast) !important;
}

/* SLIDE AND LISTINGS */
.page_id_1922432934 #container #wrap #container-list .spacer .textbox,
.page_id_1922432934 #container #wrap #container-list .spacer .teaser {
    background-color: rgba(1, 100, 80, 0.6);
    text-align: center;
}

.page_id_1922432934 #container #wrap #container-list .spacer .teaser {
    text-transform: uppercase;
    font-size: var(--w-font-16-main);
    padding: 0 1em !important;
}

.page_id_1922432934 .Slideshow-Default .w_carousel_column {
    justify-content: center;
    text-align: center;
}

.page_id_1922432934 .Slideshow-Default .w_carousel_column .w_carousel_caption {
    background-color: rgba(0, 0, 0, 0.3);
}

.page_id_1922432934 .Slideshow-Default .w_carousel_column * {
    justify-content: center;
    text-align: center;
}

.page_id_1922432934 .Slideshow-Default .w_carousel_button {
    border-radius: 2em;
    padding: 0.5em 2em;
    margin-top: 1.5em !important;
    text-transform: uppercase;
    font-weight: normal;
}

.page_id_1922432934 #container .Slideshow-Default .w_carousel_intro {
    font-weight: 300 !important;
    line-height: 1.35em;
}

.page_id_1922432934 #container-list .outercol:hover .textbox,
.page_id_1922432934 #container-list .outercol:focus-within .textbox {
    max-height: 100%;
}

.page_id_1922432934 #container-list .col-link {
    color: var(--secondary-color) !important;
    background-color: var(--secondary-color-contrast) !important;
    padding: 0.6em 2em;
    text-transform: uppercase !important;
    border-radius: 2.5em;
}

.page_id_1922432934 #container-list .col-link:hover {
    background-color: var(--secondary-color) !important;
    color: var(--secondary-color-contrast) !important;
}

/*#wrap .w_design_5 .w_header .w_logo > a img {
    padding: 0.5em 2em 0.5em 2em;
} */

/* GLOBAL ADJUSTMENTS */
#container #wrap .block-button-outer a {
    padding: 0.5em 1em 0.5em 1.5em;
}

#container #wrap .block-button-outer a h6 {
    font-size: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-article-intro .teaser:empty {
    display: none;
}

.single-article-full.w_adjust {
    margin-top: 30px;
}

#wrap .Slideshow-Default .w_carousel_caption {
    max-width: 100%;
}

/* ANSATTE */
@media all and (min-width: 780px) {
    .real_plugin_type_employee #wrap #container-list .media-wrapper {
        padding-bottom: 45%;
    }

    .real_plugin_type_employee #mainContent {
        max-width: 1300px !important;
    }

    #wrap .Slideshow-Default .w_carousel_caption {
        width: 1000px;
        max-width: 75%;
    }
}

body.real_plugin_type_employee:not(.read-more) #container #wrap .blockMenu li {
    flex: 1 0 160px;
}

#wrap div.single-article-full h1 {
    text-align: center;
}

@media (max-width: 959px) {
    #wrap .Slideshow-Default .w_carousel_slide {
        bottom: 0 !important;
        height: 100%;
    }

    #wrap .Slideshow-Default .w_carousel_icons {
        position: inherit !important;
        margin-bottom: -33px !important;
    }
}
body #block-serial-2047510698 .editorContent p {
    display:none!important;
}
 

/* Lim inn alt i denne blokken på kundens side. Alt er avgrenset med prefikset «arv». */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Schibsted+Grotesk:wght@700;800&display=swap");

.arv{
  color-scheme:light;
  /* Arvas egne farger: skoggrønn og sand. Sot og glød brukes bare der faren vises. */
  --arv-gran:#153E35;       /* Arvas skoggrønn — overskrifter, knapper, mørke flater */
  --arv-gran-dyp:#0F2F28;   /* hover på grønne knapper */
  --arv-sand:#F8F3EB;       /* Arvas sand — lyse flater, tekst på grønt */
  --arv-sand-mork:#EDE5D6;  /* hårlinjer og kant på sand */
  --arv-lav:#ABC280;        /* lys grønn fra Arvas CSS — primærknapp på grønt */
  --arv-lav-lys:#C3D49F;    /* hover på lys grønn knapp */
  --arv-stein:#4E4A47;      /* Arvas brødtekstfarge */
  --arv-hvit:#FFFFFF;
  --arv-sot:#1D1B1A;        /* sot — bare i det sotete merket */
  --arv-glod:#B3410E;       /* glød / varmgang — faresignaler på lys bakgrunn */
  --arv-glod-lys:#E8833A;   /* glød på mørk bakgrunn */
  --arv-kabel:#D9D1C3;      /* ledningen gjennom stegene */
  --arv-fokus:#153E35;

  --arv-display:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --arv-brod:"Inter",system-ui,"Segoe UI",Arial,sans-serif;

  --arv-maks:1200px;
  --arv-kant:clamp(1rem,4vw,2.5rem);
  --arv-luft:clamp(3.5rem,8vw,6.5rem);

  margin:0;padding:0;border:0;
  background:var(--arv-hvit);
  color:var(--arv-stein);
  font-family:var(--arv-brod);
  font-size:clamp(1rem,.97rem + .18vw,1.125rem);
  line-height:1.6;
  text-align:start;
}
.arv,.arv *,.arv *::before,.arv *::after{box-sizing:border-box}

/* Grunnstil på elementer — :where() holder spesifisiteten lav */
.arv :where(img){display:block;max-width:100%;height:auto}
.arv :where(a){color:inherit;text-decoration-thickness:.08em;text-underline-offset:.2em}
.arv :where(a:hover){text-decoration-thickness:.15em}
.arv :where(:focus-visible){outline:3px solid var(--arv-fokus);outline-offset:3px;border-radius:3px}
.arv :where(h1,h2,h3,h4,h5,h6):not(#arv-skjold):not(#arv-skjold){font-family:var(--arv-display);font-weight:800;margin:0;line-height:1.05;letter-spacing:-.015em;color:var(--arv-gran);text-transform:none;text-align:inherit;background:none;border:0;padding:0;overflow-wrap:normal;text-wrap:balance}
.arv :where(h2):not(#arv-skjold):not(#arv-skjold){font-size:clamp(2rem,1.4rem + 2.6vw,3.5rem)}
.arv :where(h3):not(#arv-skjold):not(#arv-skjold){font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);font-weight:700;line-height:1.15}
.arv :where(p:last-child):not(#arv-skjold):not(#arv-skjold){margin-bottom:0}
.arv :where(figure){margin:0}
.arv :where(small){font-size:.875em}
.arv :where(strong,b){font-weight:600}
.arv :where(strong,b,em,i,small,mark,time,abbr,data){color:inherit;background:none}

/* Skjold: nullstiller det kundens CSS typisk setter på nakne elementer */
.arv :where(figcaption,address,summary,blockquote){font:inherit;color:inherit;text-transform:none;letter-spacing:inherit}
.arv :where(img,svg){border:0;box-shadow:none;border-radius:0;padding:0;background:none}
.arv :where(a){background:none;border:0;box-shadow:none}
/* CMS-skjold: ID-løftet :not(#arv-skjold):not(#arv-skjold) (2,0,0) slår publiseringsløsningens stiler for lister, tabeller
   og avsnitt i tekstblokker. Alle regler som treffer disse elementene har samme løft (se CLAUDE.md). */
.arv :where(ul,ol):not(#arv-skjold):not(#arv-skjold){margin:0;padding:0;padding-inline-start:0 !important;list-style:none !important;text-align:inherit;text-indent:0}
.arv :where(li):not(#arv-skjold):not(#arv-skjold){display:block;margin:0;padding:0;list-style:none !important;font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;text-indent:0;background:none;border:0}
.arv :where(li):not(#arv-skjold):not(#arv-skjold)::marker{content:none}
.arv :where(p):not(#arv-skjold):not(#arv-skjold){margin:0;padding:0;font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;text-indent:0;position:static;width:auto;background:none;border:0}
.arv :where(table):not(#arv-skjold):not(#arv-skjold){border-collapse:collapse;border-spacing:0;border:0;background:none;box-shadow:none;margin:0;width:100%;max-width:none;overflow:visible}
.arv :where(thead,tbody,tfoot,tr):not(#arv-skjold):not(#arv-skjold){background:none;border:0;box-shadow:none;font:inherit;color:inherit}
.arv :where(td,th):not(#arv-skjold):not(#arv-skjold){border:0;padding:0;background:none;box-shadow:none;font:inherit;color:inherit;vertical-align:top;text-align:inherit;width:auto;word-break:normal}
.arv :where(caption):not(#arv-skjold):not(#arv-skjold){font:inherit;color:inherit;text-align:inherit;padding:0;margin:0}
















.arv :where(div,nav,figure,figcaption,address){padding:0;border:0;background:none;float:none}
.arv :where(address){font-style:normal}

/* Felles */
.arv .arv-ramme{max-width:var(--arv-maks);margin-inline:auto;padding-inline:var(--arv-kant)}
.arv .arv-ikon{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.arv .arv-knapp{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  min-height:3.25rem;padding:.8rem 1.5rem;border-radius:6px;
  background:var(--arv-gran);color:var(--arv-sand);border:2px solid var(--arv-gran);
  font-family:var(--arv-brod);font-weight:600;font-size:1.0625rem;line-height:1.2;
  text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;
}
.arv .arv-knapp:hover{background:var(--arv-gran-dyp);border-color:var(--arv-gran-dyp)}
.arv .arv-knapp-lys{background:var(--arv-lav);border-color:var(--arv-lav);color:var(--arv-gran)}
.arv .arv-knapp-lys:hover{background:var(--arv-lav-lys);border-color:var(--arv-lav-lys)}
.arv .arv-knapp-strek{background:transparent;color:var(--arv-sand);border-color:rgba(248,243,235,.55)}
.arv .arv-knapp-strek:hover{background:rgba(248,243,235,.1);border-color:var(--arv-sand)}
.arv .arv-knapper{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}
.arv .arv-hvor:not(#arv-skjold):not(#arv-skjold){font-size:.875rem;opacity:.85}

/* Mørke flater: fokus må synes på grønt */
.arv-topp,.arv-hero,.arv-dagen{--arv-fokus:#ABC280}

/* ---------- Topp (bare for forhåndsvisningen; Arva har sin egen meny) ---------- */
.arv-topp{background:var(--arv-gran);color:var(--arv-sand)}
.arv-topp .arv-topp-indre{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}
.arv-topp .arv-logo{display:block;border-radius:4px}
.arv-topp .arv-logo img{width:7.5rem;height:auto}
.arv-topp .arv-stans{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;padding:.5rem 0}
.arv-topp .arv-stans:hover{text-decoration:underline}

/* ---------- Hopp-lenke ---------- */
.arv-hopp{position:absolute;left:1rem;top:-10rem;z-index:10;background:var(--arv-sand);color:var(--arv-gran);padding:.75rem 1rem;border-radius:6px;font-weight:600;font-family:var(--arv-brod)}
.arv-hopp:focus{top:1rem}

/* ---------- Toppen av saken ---------- */
.arv-hero{background:var(--arv-gran);color:var(--arv-sand);overflow:hidden}
.arv-hero .arv-hero-indre{display:grid;grid-template-columns:minmax(0,1fr)}
.arv-hero .arv-hero-bilde{order:-1;margin-inline:calc(var(--arv-kant) * -1)}
.arv-hero .arv-hero-bilde img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:58% 50%}
.arv-hero .arv-hero-tekst{padding-block:2.25rem var(--arv-luft)}
.arv-hero .arv-dag:not(#arv-skjold):not(#arv-skjold){display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.5rem;font-weight:600;font-size:.9375rem;color:var(--arv-lav)}
.arv-hero h1:not(#arv-skjold):not(#arv-skjold){font-size:clamp(2.6rem,1.6rem + 4.4vw,5.25rem);line-height:.98;letter-spacing:-.025em;color:var(--arv-sand);max-width:11ch}
.arv-hero .arv-ingress:not(#arv-skjold):not(#arv-skjold){margin-top:1.5rem;font-size:clamp(1.125rem,1.02rem + .45vw,1.375rem);line-height:1.5;max-width:38ch}
.arv-hero .arv-ingress strong{color:var(--arv-hvit)}
.arv-hero .arv-knapper{margin-top:2.25rem}
.arv-hero .arv-hvor:not(#arv-skjold):not(#arv-skjold){margin-top:.85rem}

@media (min-width:960px){
  .arv-hero .arv-hero-indre{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;min-height:min(44rem,88vh)}
  .arv-hero .arv-hero-tekst{padding-block:var(--arv-luft);padding-inline-end:3rem;align-self:center}
  .arv-hero .arv-hero-bilde{order:0;margin-inline:0 calc(var(--arv-kant) * -1);position:relative}
  .arv-hero .arv-hero-bilde img{position:absolute;inset:0;height:100%;aspect-ratio:auto;object-position:62% 50%}
}
@media (min-width:1200px){
  /* bildet går helt ut til kanten av vinduet */
  .arv-hero .arv-hero-bilde{margin-inline-end:calc((100vw - var(--arv-maks)) / -2 - var(--arv-kant))}
}

/* ---------- Halvparten ---------- */
.arv-halvparten{background:var(--arv-sand);padding-block:var(--arv-luft)}
.arv-halvparten .arv-halv-indre{display:grid;gap:2rem;align-items:center}
.arv-halvparten .arv-halv-figur{width:clamp(7rem,22vw,15rem);height:auto;color:var(--arv-glod)}
.arv-halvparten h2:not(#arv-skjold):not(#arv-skjold){max-width:20ch}
.arv-halvparten .arv-arsaker:not(#arv-skjold):not(#arv-skjold){margin-top:1.75rem;display:grid;gap:.75rem;max-width:40rem}
.arv-halvparten .arv-arsaker > li:not(#arv-skjold):not(#arv-skjold){display:flex;gap:.85rem;align-items:baseline;padding-top:.75rem;border-top:1px solid var(--arv-sand-mork);font-size:clamp(1.125rem,1.05rem + .35vw,1.3125rem);color:var(--arv-sot)}
.arv-halvparten .arv-arsaker > li:not(#arv-skjold):not(#arv-skjold)::before{content:"";flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--arv-glod);transform:translateY(-.1em)}
.arv-halvparten .arv-arsak-innledning:not(#arv-skjold):not(#arv-skjold){margin-top:1.25rem;font-size:1.0625rem}
@media (min-width:760px){
  .arv-halvparten .arv-halv-indre{grid-template-columns:auto minmax(0,1fr);gap:clamp(2rem,6vw,5rem)}
}

/* ---------- Stegene langs ledningen (signaturelementet) ---------- */
.arv-sjekken{background:var(--arv-hvit);padding-block:var(--arv-luft)}
.arv-sjekken .arv-sjekk-hode{max-width:46rem}
.arv-sjekken .arv-sjekk-hode p:not(#arv-skjold):not(#arv-skjold){margin-top:1.25rem;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);max-width:44ch}
.arv-sjekken .arv-steg:not(#arv-skjold):not(#arv-skjold){position:relative;margin-top:clamp(2.5rem,6vw,4rem);display:grid;gap:clamp(2.5rem,6vw,4rem);counter-reset:arv-steg}
/* ledningen: går fra hver kontakt til den neste */
.arv-sjekken .arv-steg > li:not(:last-child):not(#arv-skjold):not(#arv-skjold)::before{content:"";position:absolute;left:calc(1.75rem - 4px);top:1.75rem;bottom:calc(clamp(2.5rem,6vw,4rem) * -1 - 1.75rem);width:8px;border-radius:4px;background:var(--arv-kabel)}
.arv-sjekken .arv-steg > li:not(#arv-skjold):not(#arv-skjold){position:relative;display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:0 clamp(1rem,3vw,2rem);counter-increment:arv-steg}
.arv-sjekken .arv-kontakt{position:relative;z-index:1;width:3.5rem;height:3.5rem;color:var(--arv-gran)}
.arv-sjekken .arv-steg-innhold{padding-top:.6rem;max-width:40rem}
.arv-sjekken .arv-steg-innhold h3 + p:not(#arv-skjold):not(#arv-skjold),.arv-sjekken .arv-steg-innhold h3 + p + p:not(#arv-skjold):not(#arv-skjold){margin-top:.85rem}
.arv-sjekken .arv-steg-nr:not(#arv-skjold):not(#arv-skjold){margin-bottom:.35rem;font-family:var(--arv-brod);font-size:.9375rem;font-weight:600;color:var(--arv-stein)}
.arv-sjekken .arv-tegn:not(#arv-skjold):not(#arv-skjold){margin-top:1.1rem;display:grid;gap:.6rem}
.arv-sjekken .arv-tegn > li:not(#arv-skjold):not(#arv-skjold){display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border-radius:6px;background:var(--arv-sand);color:var(--arv-sot);font-weight:600}
.arv-sjekken .arv-tegn .arv-ikon{color:var(--arv-glod);margin-top:.15em}
.arv-sjekken .arv-premie{display:inline-block;font-family:var(--arv-display);font-weight:800;font-size:1.15em;color:var(--arv-gran);white-space:nowrap}
.arv-sjekken .arv-knapper{margin-top:1.5rem}
.arv-sjekken .arv-hvor:not(#arv-skjold):not(#arv-skjold){margin-top:.75rem;opacity:1}
/* hver kontakt: sirkel med to hull, som sirkelen i Arvas logo. Den første er sotet. */
.arv-sjekken .arv-k-flate{fill:var(--arv-sand);stroke:var(--arv-gran);stroke-width:3}
.arv-sjekken .arv-k-ring{fill:none;stroke:var(--arv-gran);stroke-opacity:.3;stroke-width:2}
.arv-sjekken .arv-k-hull{fill:var(--arv-gran)}
.arv-sjekken .arv-forsteg .arv-k-flate{fill:var(--arv-sot);stroke:var(--arv-glod)}
.arv-sjekken .arv-forsteg .arv-k-ring{stroke:var(--arv-glod-lys);stroke-opacity:.6}
.arv-sjekken .arv-forsteg .arv-k-hull{fill:var(--arv-sand)}
.arv-sjekken .arv-ikke-vent:not(#arv-skjold):not(#arv-skjold){font-weight:600;color:var(--arv-gran)}
.arv-sjekken .arv-bevis{margin-top:1.75rem;background:var(--arv-sand);border-radius:6px;overflow:hidden;max-width:40rem}
.arv-sjekken .arv-bevis img{width:100%;aspect-ratio:1100/644}
.arv-sjekken .arv-bevis figcaption{padding:1rem 1.25rem;font-size:.9375rem;color:var(--arv-stein)}
@media (min-width:960px){
  .arv-sjekken .arv-steg > li:not(#arv-skjold):not(#arv-skjold){grid-template-columns:3.5rem minmax(0,1fr)}
  .arv-sjekken .arv-steg > li:last-child .arv-steg-innhold{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0 3rem;align-items:start}
  .arv-sjekken .arv-steg > li:last-child .arv-bevis{margin-top:0}
}

/* ---------- Elsikkerhetsdagen ---------- */
.arv-dagen{background:var(--arv-gran);color:var(--arv-sand);padding-block:var(--arv-luft)}
.arv-dagen .arv-dagen-indre{display:grid;gap:2.5rem}
.arv-dagen .arv-kalender:not(#arv-skjold):not(#arv-skjold){display:grid;justify-items:start;align-content:start;gap:.25rem;color:var(--arv-sand)}
.arv-dagen .arv-kalender strong{font-family:var(--arv-display);font-weight:800;font-size:clamp(6rem,4rem + 10vw,11rem);line-height:.82;letter-spacing:-.04em;color:var(--arv-lav)}
.arv-dagen .arv-kalender small{font-family:var(--arv-display);font-weight:700;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);line-height:1.1}
.arv-dagen h2:not(#arv-skjold):not(#arv-skjold){color:var(--arv-sand)}
.arv-dagen .arv-dagen-tekst{max-width:40rem}
.arv-dagen .arv-dagen-tekst > p:not(#arv-skjold):not(#arv-skjold){margin-top:1.1rem}
.arv-dagen .arv-oppfordring:not(#arv-skjold):not(#arv-skjold){font-family:var(--arv-display);font-weight:700;font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);line-height:1.25;color:var(--arv-hvit)}
.arv-dagen .arv-knapper{margin-top:2rem}
.arv-dagen .arv-mer{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;padding-block:.5rem}
@media (min-width:860px){
  .arv-dagen .arv-dagen-indre{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,6vw,5rem)}
}

/* ---------- Bunn (bare for forhåndsvisningen; Arva har sin egen bunntekst) ---------- */
.arv-bunn{background:var(--arv-sand);color:var(--arv-stein);padding-block:3.5rem 3rem;font-size:.9375rem}
.arv-bunn .arv-bunn-indre{display:grid;gap:2rem}
.arv-bunn .arv-bunn-logo{width:8rem;height:auto}
.arv-bunn address strong{display:block;color:var(--arv-gran);font-size:1rem}
.arv-bunn .arv-bunn-lenker:not(#arv-skjold):not(#arv-skjold){display:grid;gap:.25rem;align-content:start}
.arv-bunn .arv-bunn-lenker a{display:inline-flex;align-items:center;gap:.4rem;padding-block:.35rem;font-weight:600;color:var(--arv-gran);text-decoration:none}
.arv-bunn .arv-bunn-lenker a:hover{text-decoration:underline}
@media (min-width:760px){
  .arv-bunn .arv-bunn-indre{grid-template-columns:auto 1fr auto;align-items:start;gap:4rem}
}

@media (prefers-reduced-motion:reduce){
  .arv *,.arv *::before,.arv *::after{transition:none !important;animation:none !important}
}

/* ── WIPS-tilpasning (bare på WIPS-siden, ikke i utkastet) ─────────────
   Blokker som inneholder en av våre seksjoner går kant i kant: WIPS sin luft rundt
   tekstblokker (padding 20px !important, marger på omslagene) nulles. */
.tf-block:has(.arv):not(#arv-skjold):not(#arv-skjold):not(#arv-skjold),
.tf-block:has(.arv) :not(.arv,.arv *):not(#arv-skjold):not(#arv-skjold):not(#arv-skjold){padding:0 !important;margin:0 !important}

/* Lim inn alt i denne blokken på kundens side. Alt er avgrenset med prefikset «ast» (Arva større tilknytninger). */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=Inter:wght@400;600&family=Schibsted+Grotesk:wght@700;800&display=swap");

.ast{
  color-scheme:light;
  /* Arvas egne farger: skoggrønn, sand og lys grønn. Glød brukes bare der noe stopper. */
  --ast-gran:#153E35;        /* Arvas skoggrønn — tekst, streker, mørke flater */
  --ast-gran-dyp:#0F2F28;    /* tegnebrettet i skjemaene, hover */
  --ast-sand:#F8F3EB;        /* Arvas sand — lyse flater, tekst og streker på grønt */
  --ast-sand-mork:#E6DCCB;   /* hårlinjer på sand og hvitt */
  --ast-lav:#ABC280;         /* strøm som går: valgt vei, ja, oppfylt */
  --ast-lav-lys:#C3D49F;     /* hover på lys grønn knapp */
  --ast-stein:#4E4A47;       /* Arvas brødtekstfarge */
  --ast-hvit:#FFFFFF;
  --ast-glod:#B3410E;        /* stopp på lyse flater */
  --ast-glod-lys:#F0A07A;    /* stopp på mørke flater (5,7:1 mot gran) */
  --ast-fokus:#153E35;

  --ast-display:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --ast-brod:"Inter",system-ui,"Segoe UI",Arial,sans-serif;
  --ast-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;

  --ast-maks:1200px;
  --ast-kant:clamp(1rem,4vw,2.5rem);
  --ast-luft:clamp(3.5rem,8vw,6.5rem);
  --ast-rutenett:linear-gradient(rgba(248,243,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(248,243,235,.05) 1px,transparent 1px);

  margin:0;padding:0;border:0;
  background:var(--ast-hvit);
  color:var(--ast-stein);
  font-family:var(--ast-brod);
  font-size:clamp(1rem,.97rem + .18vw,1.125rem);
  line-height:1.6;
  text-align:start;
}
.ast,.ast *,.ast *::before,.ast *::after{box-sizing:border-box}

/* Grunnstil på elementer — :where() holder spesifisiteten lav */
.ast :where(img){display:block;max-width:100%;height:auto}
.ast :where(a){color:inherit;text-decoration-thickness:.08em;text-underline-offset:.2em}
.ast :where(a:hover){text-decoration-thickness:.15em}
.ast :where(:focus-visible){outline:3px solid var(--ast-fokus);outline-offset:3px;border-radius:3px}
.ast :where(h1,h2,h3,h4,h5,h6):not(#ast-skjold):not(#ast-skjold){font-family:var(--ast-display);font-weight:800;margin:0;line-height:1.05;letter-spacing:-.015em;color:var(--ast-gran);text-transform:none;text-align:inherit;background:none;border:0;padding:0;overflow-wrap:normal;text-wrap:balance;font-size:inherit}
.ast :where(h2):not(#ast-skjold):not(#ast-skjold){font-size:clamp(2rem,1.4rem + 2.6vw,3.25rem)}
.ast :where(h3):not(#ast-skjold):not(#ast-skjold){font-size:clamp(1.25rem,1.15rem + .45vw,1.5rem);font-weight:700;line-height:1.2}
.ast :where(h4):not(#ast-skjold):not(#ast-skjold){font-size:1.125rem;font-weight:700;line-height:1.25;letter-spacing:-.005em}
.ast :where(figure){margin:0}
.ast :where(small){font-size:.875em}
.ast :where(strong,b){font-weight:600}
.ast :where(strong,b,em,i,small,mark,time,abbr,data,output){color:inherit;background:none}
.ast :where(svg){overflow:visible}

/* Skjold: nullstiller det kundens CSS typisk setter på nakne elementer */
.ast :where(figcaption,address,summary,blockquote){font:inherit;color:inherit;text-transform:none;letter-spacing:inherit}
.ast :where(img,svg){border:0;box-shadow:none;border-radius:0;padding:0;background:none}
.ast :where(a){background:none;border:0;box-shadow:none}
/* CMS-skjold: ID-løftet :not(#ast-skjold):not(#ast-skjold) (2,0,0) slår publiseringsløsningens stiler for lister, tabeller
   og avsnitt i tekstblokker. Alle regler som treffer disse elementene har samme løft (se CLAUDE.md). */
.ast :where(ul,ol):not(#ast-skjold):not(#ast-skjold){margin:0;padding:0;padding-inline-start:0 !important;list-style:none !important;text-align:inherit;text-indent:0}
.ast :where(li):not(#ast-skjold):not(#ast-skjold){display:block;margin:0;padding:0;list-style:none !important;font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;text-indent:0;background:none;border:0}
.ast :where(li):not(#ast-skjold):not(#ast-skjold)::marker{content:none}
.ast :where(p):not(#ast-skjold):not(#ast-skjold){margin:0;padding:0;font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;text-indent:0;position:static;width:auto;background:none;border:0}
.ast :where(table):not(#ast-skjold):not(#ast-skjold){border-collapse:collapse;border-spacing:0;border:0;background:none;box-shadow:none;margin:0;width:100%;max-width:none;overflow:visible}
.ast :where(thead,tbody,tfoot,tr):not(#ast-skjold):not(#ast-skjold){background:none;border:0;box-shadow:none;font:inherit;color:inherit}
.ast :where(td,th):not(#ast-skjold):not(#ast-skjold){border:0;padding:0;background:none;box-shadow:none;font:inherit;color:inherit;vertical-align:top;text-align:inherit;width:auto;word-break:normal}
.ast :where(caption):not(#ast-skjold):not(#ast-skjold){font:inherit;color:inherit;text-align:inherit;padding:0;margin:0}

.ast :where(div,nav,figure,figcaption,address,blockquote,aside,details,fieldset){padding:0;border:0;background:none;float:none;margin:0}
.ast :where(address){font-style:normal}
.ast :where(input,button,output){font:inherit;color:inherit;margin:0;padding:0;border:0;background:none;box-shadow:none;text-transform:none;letter-spacing:inherit;border-radius:0}
.ast :where(button){cursor:pointer}
.ast :where(label,legend){color:inherit;font:inherit;text-transform:none;letter-spacing:inherit;margin:0;padding:0;border:0;background:none}

/* Felles */
/* Rutenett får én kolonne som kan krympe, så langt innhold aldri gir horisontal rulling på mobil */
.ast :where(.ast-intro-indre,.ast-hode,.ast-prosess-indre,.ast-modenhet-indre,.ast-ko-indre,.ast-effekt-indre,.ast-dok-grupper,.ast-start-indre,.ast-bunn-indre){display:grid;grid-template-columns:minmax(0,1fr)}
.ast .ast-ramme{max-width:var(--ast-maks);margin-inline:auto;padding-inline:var(--ast-kant)}
.ast .ast-ikon{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ast .ast-skjult{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}
.ast .ast-betegnelse{font-family:var(--ast-mono);font-weight:500;font-size:.8125em;letter-spacing:0}

.ast .ast-knapp{
  display:inline-flex;align-items:center;gap:.6rem;
  min-height:3rem;padding:.75rem 1.4rem;
  border:2px solid var(--ast-gran);border-radius:4px;
  background:var(--ast-gran);color:var(--ast-sand);
  font-family:var(--ast-brod);font-weight:600;font-size:1rem;line-height:1.2;
  text-decoration:none;cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease;
}
.ast .ast-knapp:hover{background:var(--ast-gran-dyp);border-color:var(--ast-gran-dyp)}
.ast .ast-knapp-lys{background:var(--ast-lav);border-color:var(--ast-lav);color:var(--ast-gran)}
.ast .ast-knapp-lys:hover{background:var(--ast-lav-lys);border-color:var(--ast-lav-lys)}
.ast .ast-knapp-strek{background:transparent;color:var(--ast-sand);border-color:rgba(248,243,235,.55)}
.ast .ast-knapp-strek:hover{background:rgba(248,243,235,.1);border-color:var(--ast-sand)}
.ast .ast-knapper{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}
.ast .ast-lenke{display:inline-flex;align-items:center;gap:.45rem;font-weight:600}

/* Seksjonshode, felles for alle seksjonene */
.ast .ast-hode{gap:1rem 4rem;align-items:end;margin-bottom:clamp(2rem,4vw,3rem)}
.ast .ast-hode p:not(#ast-skjold):not(#ast-skjold){max-width:52ch;font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.55}

/* Mørke flater: lys fokusring og lys tekst */
.ast-topp,.ast-intro,.ast-prosess,.ast-effekt,.ast-start{--ast-fokus:#ABC280}
.ast-prosess h2:not(#ast-skjold):not(#ast-skjold),.ast-effekt h2:not(#ast-skjold):not(#ast-skjold),.ast-start h2:not(#ast-skjold):not(#ast-skjold),.ast-prosess h3:not(#ast-skjold):not(#ast-skjold),.ast-effekt h3:not(#ast-skjold):not(#ast-skjold){color:var(--ast-sand)}

/* Hopp til innhold */
.ast-hopp{position:absolute;left:1rem;top:-10rem;z-index:10;background:var(--ast-sand);color:var(--ast-gran);padding:.75rem 1rem;border-radius:4px;font-weight:600;font-family:var(--ast-brod)}
.ast-hopp:focus{top:1rem}

/* ---------- Topp (bare forhåndsvisning) ---------- */
.ast-topp{background:var(--ast-gran);color:var(--ast-sand)}
.ast-topp .ast-topp-indre{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}
.ast-topp .ast-logo{display:block;border-radius:4px}
.ast-topp .ast-logo img{width:7.5rem;height:auto}
.ast-topp .ast-topp-lenke{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;padding:.5rem 0}
.ast-topp .ast-topp-lenke:hover{text-decoration:underline}

/* ---------- Intro med fasekartet ---------- */
.ast-intro{background:var(--ast-gran);color:var(--ast-sand);padding-block:clamp(2.5rem,6vw,5rem) clamp(2.5rem,5vw,4rem);border-top:1px solid rgba(248,243,235,.14)}
.ast-intro .ast-intro-indre{gap:2.5rem 4rem;align-items:center}
.ast-intro h1:not(#ast-skjold):not(#ast-skjold){color:var(--ast-sand);font-size:clamp(2.75rem,1.6rem + 5vw,5.25rem);line-height:.95;letter-spacing:-.03em}
.ast-intro .ast-ingress:not(#ast-skjold):not(#ast-skjold){margin-top:1.5rem;font-size:clamp(1.125rem,1.05rem + .4vw,1.375rem);line-height:1.5;max-width:36ch}
.ast-intro .ast-knapper{margin-top:2rem}
.ast-intro .ast-verktoy:not(#ast-skjold):not(#ast-skjold){margin-top:2rem;display:grid;gap:.75rem;max-width:36rem}
.ast-intro .ast-verktoy li:not(#ast-skjold):not(#ast-skjold){padding-left:1rem;border-left:2px solid rgba(171,194,128,.6);font-size:.9375rem;line-height:1.45;color:rgba(248,243,235,.88)}
.ast-intro .ast-verktoy strong{display:block;color:var(--ast-sand)}
.ast-intro .ast-intro-bilde img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:60% 60%;border-radius:4px}
.ast-intro .ast-intro-bilde figcaption{margin-top:.6rem;font-size:.875rem;color:rgba(248,243,235,.78)}

/* Fasekartet: bransjeveilederens figur, tegnet på nytt */
.ast-intro .ast-fasekart{margin-top:clamp(2.5rem,5vw,4rem)}
.ast-intro .ast-ko-band:not(#ast-skjold):not(#ast-skjold){display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.5rem .9rem;border:1.5px dashed rgba(171,194,128,.75);border-bottom:0;border-radius:4px 4px 0 0;font-size:.875rem;line-height:1.35;color:var(--ast-lav)}
.ast-intro .ast-ko-band small{color:rgba(248,243,235,.78)}
.ast-intro .ast-faser:not(#ast-skjold):not(#ast-skjold){display:grid;gap:.75rem;counter-reset:ast-fase}
.ast-intro .ast-faser li:not(#ast-skjold):not(#ast-skjold){position:relative}
.ast-intro .ast-faser a{position:relative;display:grid;align-content:start;gap:.15rem;height:100%;padding:1.6rem 1.25rem 1.1rem 0;text-decoration:none;color:var(--ast-sand)}
.ast-intro .ast-faser a::before,.ast-intro .ast-faser a::after{content:"";position:absolute;left:0;right:0;top:0;height:.75rem;clip-path:polygon(0 0,calc(100% - .7rem) 0,100% 50%,calc(100% - .7rem) 100%,0 100%)}
.ast-intro .ast-faser a::before{background:rgba(248,243,235,.22)}
.ast-intro .ast-faser a::after{background:var(--ast-lav);transform-origin:left center}
.ast-intro .ast-faser small{font-family:var(--ast-mono);font-size:.8125rem;color:var(--ast-lav)}
.ast-intro .ast-faser strong{font-family:var(--ast-display);font-weight:800;font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);line-height:1.1;letter-spacing:-.01em}
.ast-intro .ast-faser i{font-style:normal;font-size:.9375rem;line-height:1.4;color:rgba(248,243,235,.82)}
.ast-intro .ast-faser a:hover strong{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em}
@media (prefers-reduced-motion:no-preference){
  .ast-intro .ast-faser a::after{transform:scaleX(0);animation:ast-lad .7s cubic-bezier(.5,0,.2,1) forwards}
  .ast-intro .ast-faser li:nth-child(1) a::after{animation-delay:.35s}
  .ast-intro .ast-faser li:nth-child(2) a::after{animation-delay:1.05s}
  .ast-intro .ast-faser li:nth-child(3) a::after{animation-delay:1.75s}
}
@keyframes ast-lad{to{transform:scaleX(1)}}

@media (min-width:48rem){
  .ast-intro .ast-faser:not(#ast-skjold):not(#ast-skjold){grid-template-columns:3fr 3fr 2fr;gap:.5rem}
  .ast-intro .ast-ko-band:not(#ast-skjold):not(#ast-skjold){width:calc((100% - 1rem) * .75 + .5rem)}
  .ast-intro .ast-ko-band small{display:none}
}
@media (min-width:60rem){
  .ast-intro .ast-intro-indre{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
}

/* ---------- Prosessen som enlinjeskjema ---------- */
.ast-prosess{
  --ast-tekst:var(--ast-sand);
  --ast-svak:rgba(248,243,235,.8);
  --ast-linje:rgba(248,243,235,.3);
  background-color:var(--ast-gran-dyp);background-image:var(--ast-rutenett);background-size:24px 24px;
  color:var(--ast-svak);padding-block:var(--ast-luft)
}
.ast-prosess .ast-hode p:not(#ast-skjold):not(#ast-skjold){color:var(--ast-svak)}
.ast-prosess .ast-prosess-indre{gap:2.5rem 3.5rem;align-items:start}
.ast-prosess .ast-skjema:not(#ast-skjold):not(#ast-skjold){display:grid;gap:0;max-width:46rem}

/* Fasene er samleskinner: en tykk strek under fasenavnet */
.ast-prosess .ast-fase:not(#ast-skjold):not(#ast-skjold){position:relative}
.ast-prosess .ast-fase-hode{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;padding:1.25rem 0 .7rem 3rem;border-bottom:6px solid var(--ast-linje);margin-bottom:0;transition:border-color .3s ease}
.ast-prosess .ast-fase-hode small{font-family:var(--ast-mono);font-weight:500;font-size:.8125rem;color:var(--ast-lav)}
.ast-prosess .ast-fase-hode::before{content:"";position:absolute;left:calc(1rem - 1.5px);top:0;bottom:-6px;width:3px;background:var(--ast-linje);transition:background-color .3s ease}
.ast-prosess .ast-fase:first-child > .ast-fase-hode::before{top:1.9rem}
.ast-prosess .ast-fase-hode .ast-fase-status{font-family:var(--ast-mono);font-size:.8125rem;color:var(--ast-svak);margin-left:auto}
.ast-prosess .ast-fase-intro:not(#ast-skjold):not(#ast-skjold){padding:.9rem 0 .4rem 3rem;position:relative;font-size:.9375rem;color:var(--ast-svak)}
.ast-prosess .ast-fase-intro:not(#ast-skjold):not(#ast-skjold)::before{content:"";position:absolute;left:calc(1rem - 1.5px);top:0;bottom:0;width:3px;background:var(--ast-linje);transition:background-color .3s ease}

/* Stegene henger på en avgang fra skinna */
.ast-prosess .ast-steg:not(#ast-skjold):not(#ast-skjold){position:relative;padding:.9rem 0 1.4rem 3rem;color:var(--ast-svak)}
.ast-prosess .ast-steg:not(#ast-skjold):not(#ast-skjold)::before{content:"";position:absolute;left:calc(1rem - 1.5px);top:0;bottom:0;width:3px;background:var(--ast-linje);transition:background .3s ease}
.ast-prosess .ast-steg:not(#ast-skjold):not(#ast-skjold)::after{content:"";position:absolute;left:calc(1rem - .5rem);top:1.15rem;width:1rem;height:1rem;border-radius:50%;border:3px solid var(--ast-linje);background:var(--ast-gran-dyp);transition:background-color .3s ease,border-color .3s ease}
.ast-prosess .ast-valg:not(#ast-skjold):not(#ast-skjold)::after{border-radius:2px;transform:rotate(45deg)}
.ast-prosess .ast-slutt:not(#ast-skjold):not(#ast-skjold)::after{width:1.25rem;height:1.25rem;left:calc(1rem - .625rem);border-radius:2px}
.ast-prosess .ast-slutt:not(#ast-skjold):not(#ast-skjold)::before{bottom:auto;height:1.5rem}
.ast-prosess .ast-steg h4:not(#ast-skjold):not(#ast-skjold){color:var(--ast-tekst)}
.ast-prosess .ast-steg p:not(#ast-skjold):not(#ast-skjold){margin-top:.35rem;font-size:.9375rem;line-height:1.55;max-width:56ch}
.ast-prosess .ast-steg a{color:var(--ast-tekst)}
.ast-prosess .ast-steg-lenker:not(#ast-skjold):not(#ast-skjold){display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.ast-prosess .ast-merker:not(#ast-skjold):not(#ast-skjold){display:flex;flex-wrap:wrap;gap:.5rem}
.ast-prosess .ast-merke{display:inline-block;padding:.15rem .55rem;border:1.5px solid rgba(171,194,128,.7);border-radius:3px;font-family:var(--ast-mono);font-weight:500;font-size:.75rem;line-height:1.5;color:var(--ast-lav)}

/* Valgene: bryter og to utganger */
.ast-prosess .ast-valg-hode{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}
.ast-prosess .ast-valg h4 .ast-betegnelse{color:var(--ast-lav);margin-right:.35rem}
.ast-prosess .ast-utganger:not(#ast-skjold):not(#ast-skjold){display:grid;gap:.5rem;margin-top:.75rem}
.ast-prosess .ast-utganger li:not(#ast-skjold):not(#ast-skjold){padding:.55rem .8rem;border-left:3px solid var(--ast-linje);background:rgba(248,243,235,.04);font-size:.9375rem;line-height:1.5;transition:border-color .3s ease,background-color .3s ease,color .3s ease}
.ast-prosess .ast-utganger strong{color:var(--ast-tekst);margin-right:.35rem}
@media (min-width:40rem){ .ast-prosess .ast-utganger:not(#ast-skjold):not(#ast-skjold){grid-template-columns:repeat(2,minmax(0,1fr))} }

.ast-prosess .ast-bryter{display:none;align-items:center;gap:.6rem;min-height:2.75rem;padding:.35rem .8rem .35rem .55rem;border:2px solid rgba(248,243,235,.4);border-radius:6px;color:var(--ast-sand);font-family:var(--ast-mono);font-weight:500;font-size:.875rem;transition:border-color .2s ease,background-color .2s ease}
.ast-prosess .ast-bryter:hover{background:rgba(248,243,235,.07)}
.ast-prosess .ast-bryter svg{width:3.5rem;height:1.75rem;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.ast-prosess .ast-bryter .ast-kniv{transform-origin:18px 16px;transform:rotate(-32deg);transition:transform .25s cubic-bezier(.5,0,.2,1.4)}
.ast-prosess .ast-bryter circle{fill:var(--ast-gran-dyp)}
.ast-prosess .ast-bryter[aria-checked="true"]{border-color:var(--ast-lav);color:var(--ast-lav)}
.ast-prosess .ast-bryter[aria-checked="true"] .ast-kniv{transform:rotate(0)}
.ast-prosess .ast-bryter[data-ast-stopper][aria-checked="false"]{border-color:var(--ast-glod-lys);color:var(--ast-glod-lys)}
.ast-prosess .ast-bryter:disabled{opacity:.4;cursor:not-allowed}
.ast-prosess .ast-bryter i{font-style:normal;min-width:2ch}

/* Tilstand fra skriptet: strømmen går (pa), stopper (stopp) eller er av (av) */
.ast-prosess.ast-js .ast-bryter{display:inline-flex}
.ast-prosess .ast-steg.ast-pa:not(#ast-skjold):not(#ast-skjold)::before,.ast-prosess .ast-steg.ast-pa:not(#ast-skjold):not(#ast-skjold)::after{background-color:var(--ast-lav);border-color:var(--ast-lav)}
.ast-prosess .ast-steg.ast-stopp:not(#ast-skjold):not(#ast-skjold)::before{background:linear-gradient(var(--ast-lav) 0 1.6rem,var(--ast-linje) 1.6rem)}
.ast-prosess .ast-steg.ast-stopp:not(#ast-skjold):not(#ast-skjold)::after{background:var(--ast-glod-lys);border-color:var(--ast-glod-lys);border-radius:2px;transform:none}
.ast-prosess .ast-steg.ast-av:not(#ast-skjold):not(#ast-skjold){--ast-tekst:rgba(248,243,235,.62);--ast-svak:rgba(248,243,235,.62)}
.ast-prosess .ast-av .ast-merke{opacity:.6}
.ast-prosess .ast-fase[data-ast-status="i-bruk"] > .ast-fase-hode{border-bottom-color:var(--ast-lav)}
.ast-prosess .ast-fase[data-ast-status="i-bruk"] > .ast-fase-intro:not(#ast-skjold):not(#ast-skjold)::before,.ast-prosess .ast-fase[data-ast-status="i-bruk"] > .ast-fase-hode::before{background:var(--ast-lav)}
.ast-prosess .ast-fase[data-ast-status="i-bruk"] .ast-fase-hode .ast-fase-status{color:var(--ast-lav)}
.ast-prosess .ast-fase[data-ast-status="forbikoblet"] > .ast-fase-hode,.ast-prosess .ast-fase[data-ast-status="ikke"] > .ast-fase-hode{--ast-tekst:rgba(248,243,235,.62)}
.ast-prosess .ast-fase[data-ast-status="forbikoblet"] > .ast-fase-hode h3:not(#ast-skjold):not(#ast-skjold),.ast-prosess .ast-fase[data-ast-status="ikke"] > .ast-fase-hode h3:not(#ast-skjold):not(#ast-skjold){color:rgba(248,243,235,.62)}
.ast-prosess .ast-fase[data-ast-status="forbikoblet"] > .ast-fase-intro:not(#ast-skjold):not(#ast-skjold){--ast-svak:rgba(248,243,235,.62)}
/* Forbikoblingen: en stiplet strek forbi fasen som hoppes over */
.ast-prosess .ast-fase[data-ast-status="forbikoblet"]:not(#ast-skjold):not(#ast-skjold)::before{content:"";position:absolute;left:-.15rem;top:0;bottom:0;width:3px;z-index:1;background:repeating-linear-gradient(var(--ast-lav) 0 8px,transparent 8px 14px)}
.ast-prosess .ast-utganger li.ast-valgt:not(#ast-skjold):not(#ast-skjold){border-left-color:var(--ast-lav);background:rgba(171,194,128,.12);color:var(--ast-sand)}
.ast-prosess .ast-utganger li.ast-valgt[data-ast-type="stopp"]:not(#ast-skjold):not(#ast-skjold){border-left-color:var(--ast-glod-lys);background:rgba(240,160,122,.12)}
.ast-prosess .ast-utganger li.ast-ikke-valgt:not(#ast-skjold):not(#ast-skjold){color:rgba(248,243,235,.62)}

/* Avlesningen */
.ast-prosess .ast-avlesning{display:none;padding:1.25rem 1.25rem 1.4rem;border:1.5px solid rgba(248,243,235,.25);border-radius:6px;background:rgba(15,47,40,.92)}
.ast-prosess.ast-js .ast-avlesning{display:block}
.ast-prosess .ast-avlesning h3:not(#ast-skjold):not(#ast-skjold){font-size:1rem;font-family:var(--ast-mono);font-weight:500;letter-spacing:0;color:var(--ast-lav)}
.ast-prosess .ast-faseliste:not(#ast-skjold):not(#ast-skjold){display:grid;gap:.35rem;margin-top:.9rem;padding-bottom:1rem;border-bottom:1px solid rgba(248,243,235,.18)}
.ast-prosess .ast-faseliste li:not(#ast-skjold):not(#ast-skjold){display:flex;justify-content:space-between;gap:1rem;font-size:.9375rem;color:var(--ast-sand)}
.ast-prosess .ast-faseliste strong{font-family:var(--ast-mono);font-weight:500;font-size:.8125rem;color:var(--ast-svak)}
.ast-prosess .ast-faseliste [data-ast-verdi="i-bruk"]{color:var(--ast-lav)}
.ast-prosess .ast-resultat{display:block;margin-top:1rem;font-size:.9375rem;line-height:1.55;color:var(--ast-sand)}
.ast-prosess .ast-resultat strong{display:block;margin-bottom:.3rem;font-family:var(--ast-display);font-weight:800;font-size:1.25rem;line-height:1.15}
.ast-prosess .ast-resultat[data-ast-utfall="stopp"] strong{color:var(--ast-glod-lys)}
.ast-prosess .ast-resultat[data-ast-utfall="videre"] strong{color:var(--ast-lav)}
.ast-prosess .ast-nullstill{margin-top:1.1rem;font-size:.875rem;font-weight:600;color:var(--ast-sand);text-decoration:underline;text-underline-offset:.2em;min-height:2.75rem}
@media (min-width:64rem){
  .ast-prosess .ast-prosess-indre{grid-template-columns:minmax(0,1fr) 20rem}
  .ast-prosess .ast-avlesning{position:sticky;top:1.5rem}
}
@media (prefers-reduced-motion:reduce){
  .ast-prosess *,.ast-prosess *::before,.ast-prosess *::after{transition:none !important}
}

/* ---------- Modenhet ---------- */
.ast-modenhet{background:var(--ast-sand);padding-block:var(--ast-luft)}
.ast-modenhet .ast-modenhet-indre{gap:2.5rem 4rem;align-items:start}
.ast-modenhet .ast-maler{display:grid;gap:1.25rem;justify-items:start}
.ast-modenhet .ast-maler-figur{width:min(14rem,60vw);height:auto}
.ast-modenhet .ast-seg{fill:none;stroke:var(--ast-sand-mork);stroke-width:18;transition:stroke .25s ease}
.ast-modenhet .ast-seg.ast-fylt{stroke:var(--ast-gran)}
.ast-modenhet .ast-maler-tall{font-family:var(--ast-mono);font-weight:500;font-size:40px;fill:var(--ast-gran);text-anchor:middle}
.ast-modenhet .ast-maler-navn{font-family:var(--ast-brod);font-size:13px;fill:var(--ast-stein);text-anchor:middle}
.ast-modenhet .ast-maler-svar{max-width:34ch;font-size:1rem;line-height:1.5;color:var(--ast-gran)}
.ast-modenhet .ast-maler-svar strong{display:block;font-family:var(--ast-display);font-weight:800;font-size:1.25rem}
.ast-modenhet .ast-epost{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--ast-gran)}
.ast-modenhet .ast-merknad:not(#ast-skjold):not(#ast-skjold){font-size:.875rem;line-height:1.5;max-width:40ch}
.ast-modenhet .ast-merknad a{color:var(--ast-gran);font-weight:600}
.ast-modenhet .ast-kriterier:not(#ast-skjold):not(#ast-skjold){display:grid;gap:.75rem;counter-reset:ast-krit}
.ast-modenhet .ast-krit:not(#ast-skjold):not(#ast-skjold){position:relative;display:grid;grid-template-columns:2rem 1.5rem minmax(0,1fr);gap:.25rem .75rem;align-items:start;padding:1rem 1.1rem 1rem .9rem;background:var(--ast-hvit);border:1.5px solid var(--ast-sand-mork);border-radius:6px;counter-increment:ast-krit;transition:border-color .2s ease}
.ast-modenhet .ast-krit:not(#ast-skjold):not(#ast-skjold)::before{content:counter(ast-krit);grid-row:1;grid-column:1;font-family:var(--ast-mono);font-weight:500;font-size:.875rem;line-height:1.75rem;color:var(--ast-stein)}
.ast-modenhet .ast-krit:has(input:checked):not(#ast-skjold):not(#ast-skjold){border-color:var(--ast-gran)}
.ast-modenhet .ast-krit input{grid-row:1;grid-column:2;width:1.4rem;height:1.4rem;margin-top:.2rem;accent-color:var(--ast-gran);cursor:pointer}
.ast-modenhet .ast-krit label{grid-row:1;grid-column:3;cursor:pointer;font-size:.9375rem;line-height:1.5}
.ast-modenhet .ast-krit label strong{display:block;font-family:var(--ast-display);font-weight:700;font-size:1.125rem;line-height:1.3;color:var(--ast-gran)}
.ast-modenhet .ast-krit details{grid-column:3;font-size:.9375rem;line-height:1.55}
.ast-modenhet .ast-krit summary{display:inline-flex;align-items:center;min-height:2.25rem;font-weight:600;color:var(--ast-gran);cursor:pointer;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.08em}
.ast-modenhet .ast-krit details p:not(#ast-skjold):not(#ast-skjold){margin-top:.5rem;max-width:60ch}
@media (min-width:60rem){
  .ast-modenhet .ast-modenhet-indre{grid-template-columns:18rem minmax(0,1fr)}
  .ast-modenhet .ast-maler{position:sticky;top:1.5rem}
}

/* ---------- Kapasitetskøen ---------- */
.ast-ko{background:var(--ast-hvit);padding-block:var(--ast-luft)}
.ast-ko .ast-ko-indre{gap:2.5rem 4rem;align-items:start}
.ast-ko .ast-kofigur{display:grid;gap:.75rem}
.ast-ko .ast-baner{position:relative}
.ast-ko .ast-bane{position:relative;height:5rem}
.ast-ko .ast-bane p:not(#ast-skjold):not(#ast-skjold){font-size:.8125rem;font-weight:600;line-height:1.5rem;color:var(--ast-gran)}
.ast-ko .ast-bane::after{content:"";position:absolute;left:0;right:0;top:1.5rem;height:3rem;border-radius:4px;background:repeating-linear-gradient(90deg,var(--ast-sand) 0 calc(25% - .5rem),transparent calc(25% - .5rem) 25%);background-position:.25rem 0;border:1.5px solid var(--ast-sand-mork)}
.ast-ko .ast-bane-ute::after{border-style:dashed;border-color:rgba(179,65,14,.5);background:none}
.ast-ko .ast-bane-ute p:not(#ast-skjold):not(#ast-skjold){color:var(--ast-glod)}
.ast-ko .ast-blokker:not(#ast-skjold):not(#ast-skjold){position:absolute;inset:0}
.ast-ko .ast-blokk:not(#ast-skjold):not(#ast-skjold){position:absolute;z-index:1;left:calc(var(--ast-kol) * 25% + .3rem);top:calc(var(--ast-rad) * 5rem + 1.75rem);width:calc(25% - .6rem);height:2.5rem;display:grid;place-items:center;padding:0 .3rem;border-radius:3px;background:var(--ast-sand-mork);color:var(--ast-gran);font-size:.75rem;font-weight:600;line-height:1.15;text-align:center;transition:left .55s cubic-bezier(.5,0,.2,1),top .55s cubic-bezier(.5,0,.2,1),background-color .3s ease,color .3s ease}
.ast-ko .ast-blokk[data-ast-blokk="ditt"]:not(#ast-skjold):not(#ast-skjold){background:var(--ast-gran);color:var(--ast-sand);z-index:2}
.ast-ko .ast-blokk[data-ast-blokk="ditt"] small{display:none;font-family:var(--ast-mono);font-weight:500;font-size:.6875rem;color:var(--ast-lav)}
.ast-ko .ast-blokk.ast-ny-dato small{display:block}
.ast-ko .ast-blokk.ast-ute:not(#ast-skjold):not(#ast-skjold){background:var(--ast-hvit);color:var(--ast-glod);outline:2px solid var(--ast-glod);outline-offset:-2px}
.ast-ko .ast-blokk.ast-blink:not(#ast-skjold):not(#ast-skjold){animation:ast-blink .9s ease 2}
@keyframes ast-blink{50%{box-shadow:0 0 0 5px rgba(171,194,128,.7)}}
.ast-ko .ast-kofigur figcaption{font-size:.875rem;line-height:1.5;color:var(--ast-stein)}
.ast-ko .ast-status{display:block;min-height:3rem;padding:.75rem 1rem;border-left:3px solid var(--ast-gran);background:var(--ast-sand);font-size:.9375rem;line-height:1.5;color:var(--ast-gran)}
.ast-ko .ast-status:empty{display:none}
.ast-ko .ast-regler:not(#ast-skjold):not(#ast-skjold){display:grid;gap:1rem}
.ast-ko .ast-regel:not(#ast-skjold):not(#ast-skjold){display:grid;gap:.4rem;padding-bottom:1rem;border-bottom:1px solid var(--ast-sand-mork)}
.ast-ko .ast-regel h3:not(#ast-skjold):not(#ast-skjold){font-size:1.125rem}
.ast-ko .ast-regel p:not(#ast-skjold):not(#ast-skjold){font-size:.9375rem;line-height:1.55}
.ast-ko .ast-vis{display:none;justify-self:start;align-items:center;gap:.45rem;min-height:2.5rem;padding:.4rem .9rem;border:1.5px solid var(--ast-gran);border-radius:4px;font-size:.875rem;font-weight:600;color:var(--ast-gran)}
.ast-ko .ast-vis:hover{background:var(--ast-sand)}
.ast-ko .ast-vis[aria-pressed="true"]{background:var(--ast-gran);color:var(--ast-sand)}
.ast-ko.ast-js .ast-vis{display:inline-flex}
@media (min-width:60rem){
  .ast-ko .ast-ko-indre{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .ast-ko .ast-kofigur{position:sticky;top:1.5rem}
}
@media (prefers-reduced-motion:reduce){
  .ast-ko .ast-blokk:not(#ast-skjold):not(#ast-skjold){transition:none}
  .ast-ko .ast-blokk.ast-blink:not(#ast-skjold):not(#ast-skjold){animation:none}
}

/* ---------- § 3-8: når uttaket går ned ---------- */
.ast-effekt{background-color:var(--ast-gran-dyp);background-image:var(--ast-rutenett);background-size:24px 24px;color:rgba(248,243,235,.85);padding-block:var(--ast-luft)}
.ast-effekt .ast-hode p:not(#ast-skjold):not(#ast-skjold){color:rgba(248,243,235,.85)}
.ast-effekt .ast-effekt-indre{gap:2.5rem 4rem;align-items:start}
.ast-effekt .ast-tekst{display:grid;gap:1rem;max-width:52ch}
.ast-effekt .ast-tekst p:not(#ast-skjold):not(#ast-skjold){font-size:1rem;line-height:1.6}
.ast-effekt .ast-tekst a{color:var(--ast-sand);font-weight:600}
.ast-effekt .ast-graf{display:grid;gap:1rem}
.ast-effekt .ast-graf svg{width:100%;height:auto}
.ast-effekt .ast-akse{fill:none;stroke:rgba(248,243,235,.35);stroke-width:1.5}
.ast-effekt .ast-hjelpelinje{fill:none;stroke:rgba(248,243,235,.1);stroke-width:1}
.ast-effekt .ast-sperre{fill:url(#ast-skravur)}
.ast-effekt .ast-avtalt{stroke:var(--ast-sand);stroke-width:2.5;stroke-dasharray:10 7}
.ast-effekt .ast-kurve{fill:none;stroke:var(--ast-lav);stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}
.ast-effekt .ast-kurve-flate{fill:rgba(171,194,128,.14)}
.ast-effekt .ast-ny-rett{stroke:var(--ast-glod-lys);stroke-width:3}
.ast-effekt .ast-punkt{fill:var(--ast-gran-dyp);stroke:var(--ast-lav);stroke-width:2.5}
.ast-effekt .ast-toppunkt{fill:var(--ast-glod-lys);stroke:var(--ast-glod-lys)}
.ast-effekt .ast-akse-navn:not(#ast-skjold):not(#ast-skjold){display:flex;justify-content:space-between;font-family:var(--ast-mono);font-size:.8125rem;color:rgba(248,243,235,.78);margin-top:-.25rem}
.ast-effekt .ast-forklaring:not(#ast-skjold):not(#ast-skjold){display:grid;gap:.5rem;font-size:.9375rem}
.ast-effekt .ast-forklaring li:not(#ast-skjold):not(#ast-skjold){display:flex;align-items:center;gap:.75rem}
.ast-effekt .ast-forklaring li:not(#ast-skjold):not(#ast-skjold)::before{content:"";flex:none;width:2rem;height:0;border-top:3px solid var(--ast-lav)}
.ast-effekt .ast-forklaring .ast-f-avtalt:not(#ast-skjold):not(#ast-skjold)::before{border-top:2.5px dashed var(--ast-sand)}
.ast-effekt .ast-forklaring .ast-f-rett:not(#ast-skjold):not(#ast-skjold)::before{border-top-color:var(--ast-glod-lys)}
.ast-effekt .ast-forklaring .ast-f-sperre:not(#ast-skjold):not(#ast-skjold)::before{height:.9rem;border:1.5px solid rgba(248,243,235,.45);background:repeating-linear-gradient(45deg,rgba(248,243,235,.35) 0 2px,transparent 2px 6px)}
.ast-effekt .ast-styring{display:none;gap:.5rem;padding:1rem 1.1rem;border:1.5px solid rgba(248,243,235,.25);border-radius:6px}
.ast-effekt.ast-js .ast-styring{display:grid}
.ast-effekt .ast-styring label{font-weight:600;color:var(--ast-sand)}
.ast-effekt .ast-styring input{width:100%;accent-color:var(--ast-lav);min-height:2.75rem;cursor:pointer}
.ast-effekt .ast-avlest{display:block;font-family:var(--ast-mono);font-weight:500;font-size:.875rem;line-height:1.5;color:var(--ast-lav)}
.ast-effekt .ast-graf figcaption{font-size:.875rem;line-height:1.5;color:rgba(248,243,235,.78)}
@media (min-width:60rem){
  .ast-effekt .ast-effekt-indre{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
}

/* ---------- Dokumenter ---------- */
.ast-dokumenter{background:var(--ast-sand);padding-block:var(--ast-luft)}
.ast-dokumenter .ast-dok-grupper{gap:2.5rem 3rem}
.ast-dokumenter .ast-dok-gruppe h3:not(#ast-skjold):not(#ast-skjold){padding-bottom:.6rem;border-bottom:3px solid var(--ast-gran);font-size:1.125rem}
.ast-dokumenter .ast-dok-liste:not(#ast-skjold):not(#ast-skjold){display:grid}
.ast-dokumenter .ast-dok-liste li:not(#ast-skjold):not(#ast-skjold){border-bottom:1px solid var(--ast-sand-mork)}
.ast-dokumenter .ast-dok-liste a{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.1rem .75rem;padding:.85rem 0;text-decoration:none;color:var(--ast-gran)}
.ast-dokumenter .ast-dok-liste a:hover strong{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em}
.ast-dokumenter .ast-dok-liste svg{grid-row:1 / 3;margin-top:.15rem}
.ast-dokumenter .ast-dok-liste strong{font-size:.9375rem;line-height:1.4}
.ast-dokumenter .ast-dok-liste small{grid-column:2;font-size:.8125rem;line-height:1.4;color:var(--ast-stein)}
.ast-dokumenter .ast-dok-liste .ast-betegnelse{color:var(--ast-gran)}
@media (min-width:48rem){ .ast-dokumenter .ast-dok-grupper{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:72rem){ .ast-dokumenter .ast-dok-grupper{grid-template-columns:repeat(3,minmax(0,1fr))} }

/* ---------- Start ---------- */
.ast-start{background:var(--ast-gran);color:var(--ast-sand);padding-block:clamp(3rem,6vw,4.5rem)}
.ast-start .ast-start-indre{gap:1.75rem 4rem;align-items:center}
.ast-start h2:not(#ast-skjold):not(#ast-skjold){font-size:clamp(1.75rem,1.3rem + 2vw,2.75rem)}
.ast-start p:not(#ast-skjold):not(#ast-skjold){margin-top:.9rem;max-width:48ch;color:rgba(248,243,235,.88)}
.ast-start p a{color:var(--ast-sand);font-weight:600}
@media (min-width:60rem){ .ast-start .ast-start-indre{grid-template-columns:minmax(0,1fr) auto} }

/* ---------- Bunn (bare forhåndsvisning) ---------- */
.ast-bunn{background:var(--ast-sand);border-top:1px solid var(--ast-sand-mork);padding-block:3rem;font-size:.9375rem}
.ast-bunn .ast-bunn-indre{gap:1.5rem 3rem;align-items:start}
.ast-bunn .ast-bunn-logo{width:9rem}
.ast-bunn address strong{display:block;color:var(--ast-gran)}
.ast-bunn .ast-bunn-lenker:not(#ast-skjold):not(#ast-skjold){display:grid;gap:.35rem}
.ast-bunn .ast-bunn-lenker a{color:var(--ast-gran);font-weight:600}
@media (min-width:48rem){ .ast-bunn .ast-bunn-indre{grid-template-columns:auto 1fr auto} }

/* ── WIPS-tilpasning (bare på WIPS-siden, ikke i utkastet) ─────────────
   Blokker som inneholder en av våre seksjoner går kant i kant: WIPS sin luft rundt
   tekstblokker (padding 20px !important, marger på omslagene) nulles. */
.tf-block:has(.ast):not(#ast-skjold):not(#ast-skjold):not(#ast-skjold),
.tf-block:has(.ast) :not(.ast,.ast *):not(#ast-skjold):not(#ast-skjold):not(#ast-skjold){padding:0 !important;margin:0 !important}