@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&display=swap");

.image-center-50 {
    width:100% !important;
    margin:0px !important;
}

.w_carousel_button,
#container-list .col-link {
    border-radius: 50px !important;
    padding: 15px 25px!important;
}
body.read-more #mainContent .article-block-inner .col-link.book {
    border-radius: 50px!important;
    padding: 15px 25px!important;
}





/* Unntakt for kurssidene */
.page_id_1508880779.read-more .article-extras-left {
    overflow: hidden !important;
}
/* hack */
.page_id_1508880779.read-more .article-extras-left h3 {
    position:relative !important;
    left: -86px !important;
    font-size: 16px !important;
}
.page_id_1508880779.read-more .article-extras-left h3::after {
    content: "        Arrangementsinfo" !important;
    white-space: pre;
    white-space: nowrap;
}

/* hack */
.page_id_1508880779.read-more .article-extras-left span:nth-child(2) {
    /*color:darkblue;*/
    position:relative !important;
    left: -140px !important;
}
.page_id_1508880779.read-more .article-extras-left span:nth-child(2) span::after {
    content: "         Dato";
    white-space: pre;
    white-space: nowrap;
}


/* ===== Arctic Energy Partners – redesign (prefiks aep). Kundens CSS står over. Alt under denne linja erstattes ved oppdatering. ===== */

/* ---------- Token ---------- */
.aep{
  --aep-hav:#003e58;          /* ordmerket i logoen – «mørkeblått hav» */
  --aep-hav-lys:#0a4d6a;
  --aep-dyp:#012b3d;          /* bunnen */
  --aep-nordlys:#04d7a2;      /* prikkene i virvelen – «nordlys» (6,2:1 mot hav) */
  --aep-nordlys-mork:#03b98b;
  --aep-is:#c4f4e8;           /* lys mint fra knappene deres – tekst på mørk bunn (9,5:1) */
  --aep-fjordlys:#eef6f4;     /* lys seksjonsbunn */
  --aep-hvit:#ffffff;
  --aep-blekk:#1b2f38;        /* brødtekst (13,9:1) */
  --aep-grafitt:#4a5f68;      /* dempet tekst på lys bunn (6,7:1) */
  --aep-tang:#00684f;         /* lenker på lys bunn (6,2:1 mot fjordlys) */
  --aep-dis:#a7c4cf;          /* dempet tekst på mørk bunn (8:1 mot dyp) */
  --aep-linje:#cfe1e3;
  --aep-linje-mork:rgba(196,244,232,.2);
  --aep-fokus:#04d7a2;
  --aep-font:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --aep-bredde:1240px;
  --aep-kant:clamp(16px,4vw,40px);
  --aep-luft:clamp(3.5rem,8vw,7rem);
  /* prikkvirvelen fra logoen: 48 prikker målt fra faviconfila deres */
  --aep-virvel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%2304d7a2'%3E%3Ccircle cx='34.9' cy='2.9' r='2.93'/%3E%3Ccircle cx='61.9' cy='4.4' r='3.32'/%3E%3Ccircle cx='51.3' cy='6.2' r='3.71'/%3E%3Ccircle cx='72.6' cy='6.1' r='2.93'/%3E%3Ccircle cx='26.2' cy='9.3' r='3.32'/%3E%3Ccircle cx='41.7' cy='11.1' r='4.09'/%3E%3Ccircle cx='60.8' cy='16.7' r='4.48'/%3E%3Ccircle cx='71.6' cy='16.6' r='4.09'/%3E%3Ccircle cx='34.1' cy='18.8' r='4.49'/%3E%3Ccircle cx='19.9' cy='18.1' r='3.71'/%3E%3Ccircle cx='50.5' cy='20.1' r='4.87'/%3E%3Ccircle cx='81.9' cy='19.9' r='3.70'/%3E%3Ccircle cx='90.7' cy='26.2' r='3.32'/%3E%3Ccircle cx='29.2' cy='28.4' r='4.87'/%3E%3Ccircle cx='16.6' cy='28.4' r='4.09'/%3E%3Ccircle cx='71.6' cy='29.2' r='4.87'/%3E%3Ccircle cx='6.1' cy='27.4' r='2.93'/%3E%3Ccircle cx='81.2' cy='34.1' r='4.48'/%3E%3Ccircle cx='97.1' cy='34.9' r='2.93'/%3E%3Ccircle cx='4.4' cy='38.1' r='3.31'/%3E%3Ccircle cx='16.7' cy='39.2' r='4.48'/%3E%3Ccircle cx='88.9' cy='41.7' r='4.10'/%3E%3Ccircle cx='20.0' cy='49.5' r='4.87'/%3E%3Ccircle cx='6.2' cy='48.7' r='3.70'/%3E%3Ccircle cx='79.9' cy='50.5' r='4.87'/%3E%3Ccircle cx='93.8' cy='51.3' r='3.70'/%3E%3Ccircle cx='11.1' cy='58.3' r='4.10'/%3E%3Ccircle cx='83.3' cy='60.8' r='4.48'/%3E%3Ccircle cx='95.6' cy='62.0' r='3.32'/%3E%3Ccircle cx='18.8' cy='65.9' r='4.48'/%3E%3Ccircle cx='2.9' cy='65.1' r='2.93'/%3E%3Ccircle cx='28.4' cy='70.8' r='4.87'/%3E%3Ccircle cx='70.8' cy='71.6' r='4.87'/%3E%3Ccircle cx='83.4' cy='71.6' r='4.10'/%3E%3Ccircle cx='93.9' cy='72.6' r='2.93'/%3E%3Ccircle cx='9.3' cy='73.8' r='3.32'/%3E%3Ccircle cx='49.5' cy='79.9' r='4.87'/%3E%3Ccircle cx='18.1' cy='80.1' r='3.71'/%3E%3Ccircle cx='65.9' cy='81.2' r='4.48'/%3E%3Ccircle cx='80.1' cy='81.9' r='3.70'/%3E%3Ccircle cx='39.2' cy='83.3' r='4.49'/%3E%3Ccircle cx='28.4' cy='83.4' r='4.09'/%3E%3Ccircle cx='58.3' cy='88.9' r='4.09'/%3E%3Ccircle cx='73.8' cy='90.7' r='3.31'/%3E%3Ccircle cx='48.7' cy='93.8' r='3.70'/%3E%3Ccircle cx='27.4' cy='93.9' r='2.93'/%3E%3Ccircle cx='38.0' cy='95.6' r='3.31'/%3E%3Ccircle cx='65.1' cy='97.1' r='2.93'/%3E%3C/svg%3E");
  --aep-virvel-hav:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23003e58'%3E%3Ccircle cx='34.9' cy='2.9' r='2.93'/%3E%3Ccircle cx='61.9' cy='4.4' r='3.32'/%3E%3Ccircle cx='51.3' cy='6.2' r='3.71'/%3E%3Ccircle cx='72.6' cy='6.1' r='2.93'/%3E%3Ccircle cx='26.2' cy='9.3' r='3.32'/%3E%3Ccircle cx='41.7' cy='11.1' r='4.09'/%3E%3Ccircle cx='60.8' cy='16.7' r='4.48'/%3E%3Ccircle cx='71.6' cy='16.6' r='4.09'/%3E%3Ccircle cx='34.1' cy='18.8' r='4.49'/%3E%3Ccircle cx='19.9' cy='18.1' r='3.71'/%3E%3Ccircle cx='50.5' cy='20.1' r='4.87'/%3E%3Ccircle cx='81.9' cy='19.9' r='3.70'/%3E%3Ccircle cx='90.7' cy='26.2' r='3.32'/%3E%3Ccircle cx='29.2' cy='28.4' r='4.87'/%3E%3Ccircle cx='16.6' cy='28.4' r='4.09'/%3E%3Ccircle cx='71.6' cy='29.2' r='4.87'/%3E%3Ccircle cx='6.1' cy='27.4' r='2.93'/%3E%3Ccircle cx='81.2' cy='34.1' r='4.48'/%3E%3Ccircle cx='97.1' cy='34.9' r='2.93'/%3E%3Ccircle cx='4.4' cy='38.1' r='3.31'/%3E%3Ccircle cx='16.7' cy='39.2' r='4.48'/%3E%3Ccircle cx='88.9' cy='41.7' r='4.10'/%3E%3Ccircle cx='20.0' cy='49.5' r='4.87'/%3E%3Ccircle cx='6.2' cy='48.7' r='3.70'/%3E%3Ccircle cx='79.9' cy='50.5' r='4.87'/%3E%3Ccircle cx='93.8' cy='51.3' r='3.70'/%3E%3Ccircle cx='11.1' cy='58.3' r='4.10'/%3E%3Ccircle cx='83.3' cy='60.8' r='4.48'/%3E%3Ccircle cx='95.6' cy='62.0' r='3.32'/%3E%3Ccircle cx='18.8' cy='65.9' r='4.48'/%3E%3Ccircle cx='2.9' cy='65.1' r='2.93'/%3E%3Ccircle cx='28.4' cy='70.8' r='4.87'/%3E%3Ccircle cx='70.8' cy='71.6' r='4.87'/%3E%3Ccircle cx='83.4' cy='71.6' r='4.10'/%3E%3Ccircle cx='93.9' cy='72.6' r='2.93'/%3E%3Ccircle cx='9.3' cy='73.8' r='3.32'/%3E%3Ccircle cx='49.5' cy='79.9' r='4.87'/%3E%3Ccircle cx='18.1' cy='80.1' r='3.71'/%3E%3Ccircle cx='65.9' cy='81.2' r='4.48'/%3E%3Ccircle cx='80.1' cy='81.9' r='3.70'/%3E%3Ccircle cx='39.2' cy='83.3' r='4.49'/%3E%3Ccircle cx='28.4' cy='83.4' r='4.09'/%3E%3Ccircle cx='58.3' cy='88.9' r='4.09'/%3E%3Ccircle cx='73.8' cy='90.7' r='3.31'/%3E%3Ccircle cx='48.7' cy='93.8' r='3.70'/%3E%3Ccircle cx='27.4' cy='93.9' r='2.93'/%3E%3Ccircle cx='38.0' cy='95.6' r='3.31'/%3E%3Ccircle cx='65.1' cy='97.1' r='2.93'/%3E%3C/svg%3E");
  font-family:var(--aep-font);
  font-size:1.0625rem;
  font-weight:400;
  font-stretch:100%;
  line-height:1.6;
  color:var(--aep-blekk);
  background:var(--aep-hvit);
  -webkit-font-smoothing:antialiased;
}
@media (min-width:900px){.aep{font-size:1.125rem}}
.aep,.aep *,.aep *::before,.aep *::after{box-sizing:border-box}
.aep:where(header,section,footer,main,div,a){margin:0;padding:0;border:0;box-shadow:none;background-image:none;float:none}

/* ---------- Skjold mot kundens CSS ---------- */
.aep :where(h1,h2,h3,h4,h5,h6):not(#aep-skjold):not(#aep-skjold){font-family:var(--aep-font);font-weight:600;font-style:normal;font-stretch:118%;line-height:1.08;letter-spacing:-.01em;color:inherit;text-transform:none;text-align:inherit;background:none;border:0;padding:0;margin:0;overflow-wrap:normal;text-wrap:balance}
.aep :where(figcaption,address,summary,blockquote,legend,label){font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;margin:0;padding:0;border:0;background:none;float:none;width:auto}
.aep :where(img,svg){border:0;box-shadow:none;border-radius:0;padding:0;background:none;max-width:100%}
.aep :where(img){display:block;height:auto}
.aep :where(figure){margin:0;padding:0}
.aep :where(a){color:var(--aep-tang);font-weight:inherit;font-style:inherit;background:none;border:0;box-shadow:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.aep :where(a:hover){text-decoration-thickness:2px}
/* CMS-skjold: ID-løftet :not(#aep-skjold):not(#aep-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). */
.aep :where(ul,ol):not(#aep-skjold):not(#aep-skjold){margin:0;padding:0;padding-inline-start:0 !important;list-style:none !important;color:inherit;text-align:inherit;text-indent:0}
.aep :where(li):not(#aep-skjold):not(#aep-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}
.aep :where(li):not(#aep-skjold):not(#aep-skjold)::marker{content:none}
.aep :where(p):not(#aep-skjold):not(#aep-skjold){margin:0;padding:0;font:inherit;font-weight:inherit !important;color:inherit;text-transform:none;letter-spacing:inherit;text-indent:0;position:static;width:auto;background:none;border:0}
.aep :where(table):not(#aep-skjold):not(#aep-skjold){border-collapse:collapse;border-spacing:0;border:0;background:none;box-shadow:none;margin:0;width:100%;max-width:none;overflow:visible}
.aep :where(thead,tbody,tfoot,tr):not(#aep-skjold):not(#aep-skjold){background:none;border:0;box-shadow:none;font:inherit;color:inherit}
.aep :where(td,th):not(#aep-skjold):not(#aep-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}
.aep :where(caption):not(#aep-skjold):not(#aep-skjold){font:inherit;color:inherit;text-align:inherit;padding:0;margin:0}
















.aep :where(a,button,summary):focus-visible{outline:3px solid var(--aep-fokus);outline-offset:3px;border-radius:2px}
.aep :where(strong,b){font-weight:650;color:inherit;background:none}
.aep :where(em,i,small,time,data){color:inherit;background:none;font-style:normal}
.aep :where(small){font-size:inherit}
.aep :where(data,time){font:inherit}

/* ---------- Felles ---------- */
.aep .aep-innhold{max-width:var(--aep-bredde);margin-inline:auto;padding-inline:var(--aep-kant)}
.aep .aep-seksjon{padding-block:var(--aep-luft)}
.aep .aep-hode{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem 2rem;margin-bottom:clamp(2rem,4vw,3rem)}
.aep .aep-h2:not(#aep-skjold):not(#aep-skjold){font-size:clamp(2rem,4.2vw,3.25rem);font-stretch:122%;color:var(--aep-hav)}
.aep .aep-ingress:not(#aep-skjold):not(#aep-skjold){font-size:clamp(1.125rem,1.6vw,1.3rem);line-height:1.5;max-width:38em}
.aep .aep-hode .aep-ingress:not(#aep-skjold):not(#aep-skjold),.aep.aep-medlem .aep-ingress:not(#aep-skjold):not(#aep-skjold){margin-top:1rem}
.aep .aep-hodelenke{font-weight:600;text-decoration-thickness:2px}
.aep .aep-skjult{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Knapper: rette hjørner med en liten avrunding – ikke piller */
.aep .aep-knapp{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:.7em 1.4em;border-radius:4px;font-weight:650;font-stretch:108%;line-height:1.2;text-decoration:none !important;transition:background-color .15s,color .15s}
.aep .aep-knapp-nordlys{background:var(--aep-nordlys);color:var(--aep-hav)}
.aep .aep-knapp-nordlys:hover{background:var(--aep-is);color:var(--aep-hav)}
.aep .aep-knapp-hav{background:var(--aep-hav);color:var(--aep-hvit)}
.aep .aep-knapp-hav:hover{background:var(--aep-hav-lys);color:var(--aep-hvit)}
.aep .aep-knapp-kontur{box-shadow:inset 0 0 0 2px currentColor;color:var(--aep-is)}
.aep .aep-knapp-kontur:hover{background:rgba(196,244,232,.12);color:var(--aep-hvit)}

/* Ikoner: SVG som maske på ::before, så de tåler WIPS sin visuelle editor og følger tekstfargen */
.aep .aep-ikon{display:inline-flex;align-items:center;gap:.6em}
.aep .aep-ikon::before{content:"";flex:none;width:1.2em;height:1.2em;background:currentColor;-webkit-mask:var(--aep-ikon) center/contain no-repeat;mask:var(--aep-ikon) center/contain no-repeat}
.aep .aep-ikon-tlf{--aep-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3.5h3.2l1.6 4.3-2.1 1.4a11.5 11.5 0 0 0 7.1 7.1l1.4-2.1 4.3 1.6V19a1.5 1.5 0 0 1-1.6 1.5C10.6 20 4 13.4 3.5 5.1A1.5 1.5 0 0 1 5 3.5z'/%3E%3C/svg%3E")}
.aep .aep-ikon-epost{--aep-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='1.5'/%3E%3Cpath d='m3.5 6 8.5 7 8.5-7'/%3E%3C/svg%3E")}
.aep .aep-ikon-sted{--aep-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.1-7-11.5a7 7 0 0 1 14 0C19 14.9 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")}
.aep .aep-ikon-brev{--aep-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='M8 9h8M8 12.5h8M8 16h5'/%3E%3C/svg%3E")}
.aep .aep-ikon-facebook{--aep-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Cpath d='M15.5 7.5H14a2.5 2.5 0 0 0-2.5 2.5v11M9 13h6'/%3E%3C/svg%3E")}
.aep .aep-ikon-linkedin{--aep-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Cpath d='M8 10.5V17M8 7.2v.1M12 17v-6.5M12 13.2c0-1.6 1.1-2.7 2.5-2.7s2.5 1 2.5 2.7V17'/%3E%3C/svg%3E")}
.aep .aep-ikon-instagram{--aep-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M17.3 6.7v.1'/%3E%3C/svg%3E")}

/* ---------- Hopp til innhold ---------- */
.aep.aep-hopp{position:absolute;left:var(--aep-kant);top:-100px;z-index:100;padding:.75rem 1.1rem;background:var(--aep-nordlys);color:var(--aep-hav);font-family:var(--aep-font);font-weight:650;text-decoration:none !important;border-radius:4px}
.aep.aep-hopp:focus{top:.75rem}

/* ---------- Topp ---------- */
.aep.aep-topp{background:var(--aep-hav);color:var(--aep-hvit);position:relative;z-index:5}
.aep .aep-topp-rad{display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding-block:.9rem}
.aep .aep-logo{display:block;text-decoration:none !important}
.aep .aep-logo img{width:clamp(150px,22vw,200px)}
.aep .aep-nav{grid-column:1 / -1;margin-inline:calc(var(--aep-kant) * -1);overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--aep-linje-mork)}
.aep .aep-nav::-webkit-scrollbar{display:none}
.aep .aep-nav ul:not(#aep-skjold):not(#aep-skjold){display:flex;gap:.25rem;padding-inline:calc(var(--aep-kant) - .6rem);padding-top:.5rem;white-space:nowrap}
.aep .aep-nav a{display:block;padding:.55rem .6rem;color:var(--aep-is);font-size:.95rem;font-weight:500;text-decoration:none !important;border-bottom:2px solid transparent}
.aep .aep-nav a:hover{color:var(--aep-hvit);border-bottom-color:var(--aep-nordlys)}
.aep.aep-topp .aep-knapp{grid-row:1;grid-column:2;min-height:44px;padding:.55em 1.1em;font-size:.95rem}
@media (min-width:1000px){
  .aep .aep-topp-rad{grid-template-columns:auto 1fr auto;padding-block:1.1rem}
  .aep .aep-nav{grid-column:2;grid-row:1;margin:0;border:0;overflow:visible}
  .aep.aep-topp .aep-knapp{grid-column:3}
  .aep .aep-nav ul:not(#aep-skjold):not(#aep-skjold){justify-content:center;padding:0;gap:.5rem}
  .aep .aep-nav a{font-size:1rem}
}

/* ---------- Hero: prikkvirvelen ---------- */
.aep.aep-hero{background:var(--aep-hav);color:var(--aep-hvit);overflow:hidden;position:relative}
.aep .aep-hero-rad{display:grid;gap:3rem;padding-block:clamp(3rem,7vw,6rem) clamp(3rem,6vw,5rem);align-items:center}
.aep.aep-hero .aep-innhold{padding-bottom:clamp(3rem,6vw,5rem)}
.aep.aep-hero h1:not(#aep-skjold):not(#aep-skjold){font-size:clamp(2.2rem,9.4vw,4.75rem);font-stretch:125%;font-weight:650;line-height:1.04;letter-spacing:-.02em;color:var(--aep-hvit);max-width:9.5em}
.aep.aep-hero .aep-ingress:not(#aep-skjold):not(#aep-skjold){margin-top:1.75rem;line-height:1.6;color:var(--aep-is);max-width:30em}
.aep .aep-handlinger{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem}
/* Virvelen: logoens prikker rundt deres eget svabergbilde, der logoen har sitt tomrom */
.aep .aep-virvel{position:relative;width:min(88%,480px);aspect-ratio:1;margin-inline:auto;isolation:isolate}
.aep .aep-virvel::before{content:"";position:absolute;inset:0;background:var(--aep-virvel) center/contain no-repeat;z-index:1;animation:aep-virvel 2.4s cubic-bezier(.2,.7,.2,1) both}
.aep .aep-virvel img{position:absolute;inset:25.5%;width:49%;height:49%;border-radius:50%;object-fit:cover;object-position:50% 50%;z-index:0}
@keyframes aep-virvel{from{transform:rotate(-38deg) scale(.94);opacity:0}to{transform:none;opacity:1}}
.aep .aep-fakta:not(#aep-skjold):not(#aep-skjold){display:grid;gap:1.75rem;margin-top:clamp(2.5rem,5vw,4rem);padding-top:2rem;border-top:1px solid var(--aep-linje-mork)}
.aep .aep-fakta li:not(#aep-skjold):not(#aep-skjold){color:var(--aep-dis);font-size:1rem;line-height:1.55;max-width:24em}
.aep .aep-fakta strong{display:block;color:var(--aep-hvit);font-size:1.35rem;font-stretch:118%;font-weight:650;line-height:1.2;margin-bottom:.45rem}
@media (min-width:900px){.aep .aep-fakta:not(#aep-skjold):not(#aep-skjold){grid-template-columns:repeat(3,1fr);gap:2.5rem}}
@media (min-width:1000px){
  .aep .aep-hero-rad{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:1rem}
  .aep.aep-hero h1:not(#aep-skjold):not(#aep-skjold){font-size:clamp(3.5rem,5.4vw,4.75rem)}
  .aep .aep-virvel{width:clamp(440px,40vw,600px);max-width:none;margin-block:-2rem;justify-self:start}
}

/* ---------- Aktuelt ---------- */
.aep.aep-aktuelt,.aep.aep-aktuelt-liste{background:var(--aep-hvit)}
.aep.aep-aktuelt .aep-seksjon{padding-bottom:0}
.aep.aep-aktuelt .aep-hode{margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.aep.aep-aktuelt-liste .aep-innhold{padding-bottom:var(--aep-luft)}
.aep .aep-saker{display:grid;gap:2.5rem}
.aep .aep-sak{position:relative}
.aep .aep-sak img{width:100%;aspect-ratio:3 / 2;object-fit:cover;background:var(--aep-fjordlys)}
.aep .aep-sak time{display:block;margin:.9rem 0 .35rem;color:var(--aep-grafitt);font-size:.9rem;font-variant-numeric:tabular-nums}
.aep .aep-sak h3:not(#aep-skjold):not(#aep-skjold){font-size:1.3rem;font-stretch:112%;color:var(--aep-hav)}
.aep .aep-sak h3 a{color:inherit;text-decoration:none !important}
.aep .aep-sak h3 a::after{content:"";position:absolute;inset:0}
.aep .aep-sak h3 a:hover{text-decoration:underline !important;text-decoration-thickness:2px !important;text-underline-offset:.15em}
.aep .aep-sak p:not(#aep-skjold):not(#aep-skjold){margin-top:.5rem;color:var(--aep-grafitt);font-size:1rem}
.aep .aep-sak-hoved h3:not(#aep-skjold):not(#aep-skjold){font-size:clamp(1.6rem,3vw,2.35rem);font-stretch:120%;line-height:1.05}
.aep .aep-sak-hoved p:not(#aep-skjold):not(#aep-skjold){font-size:1.1rem;color:var(--aep-blekk);max-width:32em}
.aep .aep-sidesaker{display:grid;gap:1.75rem}
.aep .aep-sidesaker .aep-sak{display:grid;grid-template-columns:7.5rem 1fr;gap:0 1.1rem;align-items:start}
.aep .aep-sidesaker .aep-sak img{grid-row:span 3;aspect-ratio:1}
.aep .aep-sidesaker .aep-sak time{margin-top:0}
.aep .aep-sidesaker .aep-sak h3:not(#aep-skjold):not(#aep-skjold){font-size:1.1rem;font-stretch:108%;line-height:1.2}
.aep .aep-sidesaker .aep-sak p:not(#aep-skjold):not(#aep-skjold){display:none}
.aep .aep-korte{display:grid;gap:1.5rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--aep-linje)}
.aep .aep-korte .aep-sak time{margin-top:0}
@media (min-width:700px){.aep .aep-korte{grid-template-columns:1fr 1fr;gap:2.5rem}}
@media (min-width:1000px){
  .aep .aep-saker{grid-template-columns:1.45fr 1fr;gap:3.5rem}
  .aep .aep-sidesaker{gap:1.5rem;align-content:start}
}

/* ---------- Levert ---------- */
.aep.aep-levert{background:var(--aep-fjordlys)}
.aep .aep-levert-rad{display:grid;gap:3rem}
.aep.aep-levert .aep-merke:not(#aep-skjold):not(#aep-skjold){color:var(--aep-tang);font-weight:650 !important;font-stretch:112%;font-size:1.05rem;margin-bottom:.75rem}
.aep .aep-levert-tall:not(#aep-skjold):not(#aep-skjold){margin-top:1.25rem;font-size:clamp(1.15rem,1.8vw,1.35rem);line-height:1.5;max-width:30em}
.aep .aep-levert-tall data{color:var(--aep-hav);font-weight:700;font-stretch:115%}
/* Grafen: stolpene er prikkrekker, som prikkene i logoen */
.aep .aep-graf:not(#aep-skjold):not(#aep-skjold){margin-top:2.25rem;display:grid;gap:1.1rem;max-width:40rem}
.aep .aep-graf li:not(#aep-skjold):not(#aep-skjold){display:grid;grid-template-columns:5.5rem 1fr;grid-template-areas:"aar verdi" "aar stolpe";gap:.15rem 1rem;align-items:center}
.aep .aep-graf small{grid-area:aar;font-weight:600;color:var(--aep-hav);font-variant-numeric:tabular-nums;line-height:1.2}
.aep .aep-graf small em{display:block;font-weight:400;color:var(--aep-grafitt);font-size:.85rem}
.aep .aep-graf data{grid-area:verdi;font-weight:650;color:var(--aep-hav);font-variant-numeric:tabular-nums}
.aep .aep-graf li:not(#aep-skjold):not(#aep-skjold)::after{content:"";grid-area:stolpe;height:16px;width:var(--aep-andel);background:radial-gradient(circle at 8px 8px,var(--aep-hav) 5px,transparent 5.5px) 0 0 / 16px 16px space no-repeat}
.aep .aep-graf .aep-rekord:not(#aep-skjold):not(#aep-skjold)::after{background-image:radial-gradient(circle at 8px 8px,var(--aep-nordlys-mork) 6px,transparent 6.5px)}
.aep .aep-graf .aep-prognose:not(#aep-skjold):not(#aep-skjold)::after{background-image:radial-gradient(circle at 8px 8px,transparent 3.6px,var(--aep-hav) 4px 5.4px,transparent 5.9px)}
.aep .aep-levert-noter:not(#aep-skjold):not(#aep-skjold){display:grid;gap:1rem;margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid var(--aep-linje)}
.aep .aep-levert-noter li:not(#aep-skjold):not(#aep-skjold){font-size:1rem;color:var(--aep-grafitt)}
.aep .aep-levert-noter strong{color:var(--aep-hav);font-stretch:115%;font-size:1.2rem;margin-right:.3em}
.aep.aep-levert figure img{width:100%;aspect-ratio:4 / 3;object-fit:cover}
.aep.aep-levert figcaption{margin-top:.75rem;font-size:.9rem;color:var(--aep-grafitt);line-height:1.45}
.aep.aep-levert .aep-handlinger{margin-top:2.25rem}
@media (min-width:700px){.aep .aep-levert-noter:not(#aep-skjold):not(#aep-skjold){grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.aep .aep-levert-rad{grid-template-columns:1.2fr .8fr;gap:4.5rem;align-items:start}.aep.aep-levert figure{margin-top:3.5rem}}

/* ---------- Møteplasser ---------- */
.aep.aep-moteplasser{background:var(--aep-hvit)}
.aep .aep-arr:not(#aep-skjold):not(#aep-skjold){border-top:1px solid var(--aep-linje)}
.aep .aep-arr li:not(#aep-skjold):not(#aep-skjold){display:grid;grid-template-columns:4.75rem 1fr;gap:.25rem 1.25rem;padding-block:1.4rem;border-bottom:1px solid var(--aep-linje);position:relative}
.aep .aep-arr time{grid-row:span 2;display:flex;flex-direction:column;align-items:flex-start;color:var(--aep-hav);line-height:1}
.aep .aep-arr time strong{font-size:2.1rem;font-stretch:125%;font-weight:650;font-variant-numeric:tabular-nums}
.aep .aep-arr time small{font-size:.95rem;margin-top:.3rem;color:var(--aep-grafitt)}
.aep .aep-arr h3:not(#aep-skjold):not(#aep-skjold){font-size:1.25rem;font-stretch:112%;color:var(--aep-hav)}
.aep .aep-arr h3 a{color:inherit;text-decoration:none !important}
.aep .aep-arr h3 a::after{content:"";position:absolute;inset:0}
.aep .aep-arr li:hover h3 a{text-decoration:underline !important;text-decoration-thickness:2px !important;text-underline-offset:.15em}
.aep .aep-arr p:not(#aep-skjold):not(#aep-skjold){color:var(--aep-grafitt);font-size:1rem;max-width:40em}
@media (min-width:900px){
  .aep .aep-arr li:not(#aep-skjold):not(#aep-skjold){grid-template-columns:6rem minmax(0,22rem) 1fr;align-items:baseline;gap:0 2rem}
  .aep .aep-arr time{grid-row:auto}
}

/* ---------- Medlem ---------- */
.aep.aep-medlem{background:var(--aep-hav);color:var(--aep-is);position:relative;overflow:hidden}
.aep.aep-medlem .aep-h2:not(#aep-skjold):not(#aep-skjold){color:var(--aep-hvit)}
.aep.aep-medlem .aep-ingress:not(#aep-skjold):not(#aep-skjold){color:var(--aep-is)}
.aep .aep-medlem-rad{display:grid;gap:3rem;margin-top:3rem}
.aep .aep-fordeler:not(#aep-skjold):not(#aep-skjold){display:grid;gap:2rem}
.aep .aep-fordeler li:not(#aep-skjold):not(#aep-skjold){padding-left:1.6rem;position:relative}
.aep .aep-fordeler li:not(#aep-skjold):not(#aep-skjold)::before{content:"";position:absolute;left:0;top:.45em;width:.7rem;height:.7rem;border-radius:50%;background:var(--aep-nordlys)}
.aep .aep-fordeler h3:not(#aep-skjold):not(#aep-skjold){font-size:1.2rem;font-stretch:112%;color:var(--aep-hvit);margin-bottom:.35rem}
.aep .aep-fordeler p:not(#aep-skjold):not(#aep-skjold){font-size:1rem;color:var(--aep-dis);line-height:1.55}
.aep .aep-pris{background:var(--aep-hvit);color:var(--aep-blekk);padding:clamp(1.5rem,3vw,2.25rem);border-radius:4px;align-self:start}
.aep .aep-pris h3:not(#aep-skjold):not(#aep-skjold){font-size:1.35rem;font-stretch:115%;color:var(--aep-hav)}
.aep .aep-pris table:not(#aep-skjold):not(#aep-skjold){margin-top:1.25rem;font-variant-numeric:tabular-nums}
.aep .aep-pris caption:not(#aep-skjold):not(#aep-skjold){text-align:left;color:var(--aep-grafitt);font-size:.95rem;margin-bottom:.75rem}
.aep .aep-pris th:not(#aep-skjold):not(#aep-skjold),.aep .aep-pris td:not(#aep-skjold):not(#aep-skjold){padding:.7rem 0;border-bottom:1px solid var(--aep-linje);text-align:left;vertical-align:baseline}
.aep .aep-pris thead th:not(#aep-skjold):not(#aep-skjold){font-size:.9rem;font-weight:600;color:var(--aep-grafitt);padding-top:0}
.aep .aep-pris tbody th:not(#aep-skjold):not(#aep-skjold){font-weight:400}
.aep .aep-pris td:not(#aep-skjold):not(#aep-skjold){text-align:right;font-weight:650;color:var(--aep-hav);white-space:nowrap;padding-left:1rem}
.aep .aep-pris thead th:last-child:not(#aep-skjold):not(#aep-skjold){text-align:right}
.aep .aep-pris p:not(#aep-skjold):not(#aep-skjold){margin-top:.9rem;font-size:.9rem;color:var(--aep-grafitt)}
.aep .aep-pris .aep-knapp{width:100%;margin-top:1.5rem}
.aep .aep-pris .aep-pdf{display:inline-block;margin-top:1rem;font-size:.95rem}
@media (min-width:700px){.aep .aep-fordeler:not(#aep-skjold):not(#aep-skjold){grid-template-columns:1fr 1fr;gap:2.25rem 2.5rem}}
@media (min-width:1000px){.aep .aep-medlem-rad{grid-template-columns:1.55fr 1fr;gap:4.5rem}}
/* et stykke av virvelen i hjørnet */
.aep.aep-medlem::after{content:"";position:absolute;width:420px;aspect-ratio:1;right:-210px;top:-210px;background:var(--aep-virvel) center/contain no-repeat;opacity:.18;pointer-events:none}

/* ---------- Ung i Nord ---------- */
.aep.aep-ung{background:var(--aep-fjordlys)}
.aep .aep-ung-rad{display:grid;gap:2.5rem;align-items:center}
.aep.aep-ung img{width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:50% 30%}
.aep.aep-ung .aep-merke:not(#aep-skjold):not(#aep-skjold){color:var(--aep-tang);font-weight:650 !important;font-stretch:112%;margin-bottom:.75rem}
.aep.aep-ung p:not(#aep-skjold):not(#aep-skjold){margin-top:1rem;max-width:34em}
.aep .aep-portretter:not(#aep-skjold):not(#aep-skjold){margin-top:1.75rem;display:grid;gap:.1rem;border-top:1px solid var(--aep-linje)}
.aep .aep-portretter li:not(#aep-skjold):not(#aep-skjold){border-bottom:1px solid var(--aep-linje)}
.aep .aep-portretter a{display:block;padding:.8rem 0;color:var(--aep-hav);font-weight:600;font-stretch:106%;text-decoration:none !important;line-height:1.35}
.aep .aep-portretter a:hover{color:var(--aep-tang);text-decoration:underline !important}
.aep.aep-ung .aep-kontaktlinje:not(#aep-skjold):not(#aep-skjold){margin-top:1.5rem;font-size:1rem;color:var(--aep-grafitt)}
@media (min-width:1000px){.aep .aep-ung-rad{grid-template-columns:1fr 1fr;gap:4.5rem}}

/* ---------- Om oss ---------- */
.aep.aep-om{background:var(--aep-hvit)}
.aep .aep-om-rad{display:grid;gap:3rem}
.aep .aep-visjon:not(#aep-skjold):not(#aep-skjold){display:grid;gap:1.75rem;margin-top:2rem}
.aep .aep-visjon li:not(#aep-skjold):not(#aep-skjold){border-left:3px solid var(--aep-nordlys);padding-left:1.25rem}
.aep .aep-visjon small{display:block;color:var(--aep-grafitt);font-size:.95rem;margin-bottom:.3rem}
.aep .aep-visjon strong{display:block;font-size:clamp(1.35rem,2.4vw,1.75rem);font-stretch:118%;font-weight:600;line-height:1.2;color:var(--aep-hav)}
.aep.aep-om p:not(#aep-skjold):not(#aep-skjold){margin-top:1rem;max-width:36em}
.aep .aep-historie:not(#aep-skjold):not(#aep-skjold){margin-top:1rem;display:grid;gap:0;position:relative}
.aep .aep-historie li:not(#aep-skjold):not(#aep-skjold){position:relative;padding:0 0 1.75rem 2.25rem}
.aep .aep-historie li:not(#aep-skjold):not(#aep-skjold)::before{content:"";position:absolute;left:0;top:.35em;width:.9rem;height:.9rem;border-radius:50%;background:var(--aep-hav)}
.aep .aep-historie li:not(#aep-skjold):not(#aep-skjold)::after{content:"";position:absolute;left:calc(.45rem - 1px);top:1.4em;bottom:.2em;width:2px;background:radial-gradient(circle,var(--aep-linje) 1.5px,transparent 2px) 0 0 / 2px 7px repeat-y}
.aep .aep-historie li:last-child:not(#aep-skjold):not(#aep-skjold){padding-bottom:0}
.aep .aep-historie li:last-child:not(#aep-skjold):not(#aep-skjold)::before{background:var(--aep-nordlys);box-shadow:0 0 0 3px var(--aep-hav)}
.aep .aep-historie li:last-child:not(#aep-skjold):not(#aep-skjold)::after{display:none}
.aep .aep-historie time{display:block;font-weight:650;font-stretch:115%;color:var(--aep-hav);font-variant-numeric:tabular-nums}
.aep .aep-historie p:not(#aep-skjold):not(#aep-skjold){margin-top:.15rem;font-size:1rem;color:var(--aep-grafitt)}
.aep.aep-om h3:not(#aep-skjold):not(#aep-skjold){font-size:1.3rem;font-stretch:115%;color:var(--aep-hav)}
.aep .aep-logotekst{display:grid;grid-template-columns:4.5rem 1fr;gap:1.25rem;align-items:center;margin-top:2.5rem;padding:1.5rem;background:var(--aep-fjordlys);border-radius:4px}
.aep .aep-logotekst::before{content:"";width:4.5rem;aspect-ratio:1;background:var(--aep-virvel-hav) center/contain no-repeat}
.aep .aep-logotekst p:not(#aep-skjold):not(#aep-skjold){margin:0;font-size:1rem}
.aep .aep-partnere{margin-top:2.5rem;display:grid;gap:2rem}
.aep .aep-partnere h3:not(#aep-skjold):not(#aep-skjold){font-size:1.05rem;font-stretch:110%;margin-bottom:.75rem}
.aep .aep-navneliste:not(#aep-skjold):not(#aep-skjold){display:flex;flex-wrap:wrap;gap:.5rem}
.aep .aep-navneliste a{display:inline-block;padding:.45rem .85rem;border:1px solid var(--aep-linje);border-radius:4px;color:var(--aep-hav);font-weight:500;font-size:.95rem;text-decoration:none !important}
.aep .aep-navneliste a:hover{border-color:var(--aep-hav);background:var(--aep-fjordlys)}
.aep .aep-navneliste-stor a{font-size:1.05rem;font-weight:600;font-stretch:108%;padding:.6rem 1rem}
@media (min-width:1000px){.aep .aep-om-rad{grid-template-columns:1fr 1fr;gap:5rem}}

/* ---------- Bunn ---------- */
.aep.aep-bunn{background:var(--aep-dyp);color:var(--aep-dis);font-size:1rem}
.aep .aep-bunn-rad{display:grid;gap:2.5rem;padding-block:clamp(3rem,6vw,4.5rem)}
.aep.aep-bunn h2:not(#aep-skjold):not(#aep-skjold){font-size:1.05rem;font-stretch:112%;color:var(--aep-hvit);margin-bottom:.9rem}
.aep.aep-bunn a{color:var(--aep-is);text-decoration-color:rgba(196,244,232,.45)}
.aep.aep-bunn a:hover{color:var(--aep-hvit);text-decoration-color:currentColor}
.aep .aep-bunn-logo img{width:190px}
.aep .aep-bunn-logo p:not(#aep-skjold):not(#aep-skjold){margin-top:1.25rem;max-width:22em;line-height:1.5}
.aep.aep-bunn address{line-height:1.6}
.aep.aep-bunn address p + p:not(#aep-skjold):not(#aep-skjold){margin-top:.9rem}
.aep .aep-bunn-liste:not(#aep-skjold):not(#aep-skjold){display:grid;gap:.55rem}
.aep .aep-bunn-liste small{display:block;color:var(--aep-dis);font-size:.9rem}
.aep .aep-folk:not(#aep-skjold):not(#aep-skjold){display:grid;gap:.85rem}
.aep .aep-folk small{display:block;font-size:.9rem;color:var(--aep-dis)}
.aep .aep-bunn-luft:not(#aep-skjold):not(#aep-skjold){margin-top:2rem}
.aep .aep-bunn-nyhetsbrev:not(#aep-skjold):not(#aep-skjold){margin-top:1.25rem}
.aep .aep-bunn-under{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;padding-block:1.25rem 1.75rem;border-top:1px solid var(--aep-linje-mork);font-size:.9rem}
.aep .aep-bunn-under p:not(#aep-skjold):not(#aep-skjold){margin-right:auto}
@media (min-width:700px){.aep .aep-bunn-rad{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.aep .aep-bunn-rad{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:3rem}}

@media (prefers-reduced-motion:reduce){
  .aep .aep-virvel::before{animation:none}
  .aep .aep-knapp{transition:none}
}

/* ── 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(.aep):not(#aep-skjold):not(#aep-skjold):not(#aep-skjold),
.tf-block:has(.aep) :not(.aep,.aep *):not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){padding:0 !important;margin:0 !important}
/* Karusellen (hero-artikkelen) har padding-bottom:30px. På sider med våre seksjoner
   går den kant i kant med seksjonen under. */
body:has(.aep) .w_carousel:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){padding-bottom:0 !important}
/* Malens footer-logo har fast høyde (300px) og blir bredere enn skjermen på mobil med en bred logo. */
body:has(.aep) .w_footer .w_logo img:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){max-width:100%;object-fit:contain}

/* ── WIPS-tillegg for arcticenergy.net (bare på WIPS-siden) ───────────────────
   Artikkellista er WIPS sin egen (dynamisk, #container-list > .outercol) og har ingen aep-klasser.
   Her får den samme oppsett som «Aktuelt» i utkastet: én hovedsak, tre saker med miniatyrbilde
   og resten som korte tekstsaker. Gjelder bare sider som har en aep-seksjon (body:has(.aep)).
   Farger og font er skrevet ut, fordi aep-tokenene bare finnes inne i .aep.
   Løftet :not(#aep-skjold)×3 og !important slår malens regler for artikkellista. */

/* Innholdsområdet: full bredde og hvit bunn, så seksjonene i bunnområdet går kant i kant */
body:has(.aep) #mainContent:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){max-width:none !important;width:auto !important;padding:0 !important;margin:0 !important;background:#fff}
body:has(.aep) #center:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){margin:0 !important;padding:0 !important;max-width:none !important;width:auto !important}

/* Lista: én kolonne på mobil, hovedsak + sidesaker fra 1000 px */
body:has(.aep) #container-list:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:grid !important;grid-template-columns:minmax(0,1fr);gap:1.75rem;align-items:start;max-width:1240px;margin:0 auto !important;padding:0 clamp(16px,4vw,40px) clamp(3.5rem,8vw,7rem) !important;box-sizing:border-box;background:#fff;font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;color:#1b2f38}
body:has(.aep) #container-list > .next-page-loader:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-column:1 / -1}
@media (min-width:1000px){
  body:has(.aep) #container-list:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:3.5rem;row-gap:1.5rem}
  /* fyller den tomme cellen under sidesakene, så sak 5 og videre starter under hovedsaken */
  body:has(.aep) #container-list:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold)::before{content:"";grid-column:2;grid-row:4}
  body:has(.aep) #container-list > .outercol:first-child:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-column:1;grid-row:1 / span 4}
  body:has(.aep) #container-list > .outercol:nth-child(2):not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-column:2;grid-row:1}
  body:has(.aep) #container-list > .outercol:nth-child(3):not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-column:2;grid-row:2}
  body:has(.aep) #container-list > .outercol:nth-child(4):not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-column:2;grid-row:3}
}

/* Kortet: nullstill malens flis (fast høyde, grå bunn, mint tekstboks over bildet) */
body:has(.aep) #container-list > .outercol:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;position:relative !important;width:auto !important;max-width:none !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;float:none !important;flex:none !important;background:none !important;box-shadow:none !important;border:0 !important}
body:has(.aep) #container-list .outercol :is(.clear,.spacer,.innercol):not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;position:static !important;width:auto !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;background:none !important;box-shadow:none !important;border:0 !important;transform:none !important;max-height:none !important;overflow:visible !important}
body:has(.aep) #container-list .outercol .media-wrapper:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;position:relative !important;width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;aspect-ratio:3 / 2;overflow:hidden;background:#eef6f4 !important}
body:has(.aep) #container-list .outercol .media-wrapper > a:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;position:absolute !important;inset:0}
body:has(.aep) #container-list .outercol .media-wrapper img:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;transform:none !important}
body:has(.aep) #container-list .outercol .textbox:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;position:static !important;width:auto !important;height:auto !important;top:auto !important;margin:0 !important;padding:0 !important;background:none !important;transform:none !important;opacity:1 !important;max-height:none !important;overflow:visible !important}
/* Datoen står inne i avsnittet. Med display:contents på avsnittet kan den stå over tittelen, som i utkastet. */
body:has(.aep) #container-list .outercol .textbox-inner:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:.4rem;width:auto !important;height:auto !important;margin:0 !important;padding:.9rem 0 0 !important;background:none !important;color:#4a5f68 !important;font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif !important;font-size:1rem !important;font-weight:400 !important;line-height:1.55 !important;text-align:left !important;max-height:none !important;overflow:visible !important}
body:has(.aep) #container-list .outercol .textbox-inner > p:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:contents !important;max-height:none !important;overflow:visible !important;-webkit-line-clamp:none !important;font:inherit !important;color:inherit !important;margin:0 !important}
body:has(.aep) #container-list .outercol .textbox-inner .date:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;order:-1;margin:0 !important;font-size:.9rem !important;font-weight:400 !important;line-height:1.3 !important;color:#4a5f68 !important;font-variant-numeric:tabular-nums}
body:has(.aep) #container-list .outercol .textbox-inner .date:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold)::after{content:none !important}
body:has(.aep) #container-list .outercol .textbox-inner > a:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;color:#003e58 !important;text-decoration:none !important;background:none !important}
/* Hele kortet er klikkbart via tittellenken */
body:has(.aep) #container-list .outercol .textbox-inner > a:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold)::after{content:"";position:absolute;inset:0;z-index:1}
body:has(.aep) #container-list .outercol h2:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;width:auto !important;margin:0 !important;padding:0 !important;font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif !important;font-size:1.3rem !important;font-stretch:112%;font-weight:600 !important;line-height:1.15 !important;letter-spacing:-.01em;color:#003e58 !important;text-transform:none !important;text-align:left !important;overflow-wrap:normal !important;text-wrap:balance;max-height:none !important;overflow:visible !important;-webkit-line-clamp:none !important}
body:has(.aep) #container-list .outercol:hover h2:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){text-decoration:underline !important;text-decoration-thickness:2px !important;text-underline-offset:.15em}
body:has(.aep) #container-list .outercol .textbox-inner > a:focus-visible:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){outline:3px solid #04d7a2;outline-offset:3px;border-radius:2px}
body:has(.aep) #container-list .outercol .col-links:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:none !important}
/* «Medlem»-merket */
body:has(.aep) #container-list .outercol .teaser-wrapper:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){position:absolute !important;top:.6rem !important;left:.6rem !important;right:auto !important;bottom:auto !important;z-index:2;width:auto !important;margin:0 !important;padding:.2rem .55rem !important;border-radius:3px !important;background:#04d7a2 !important;color:#003e58 !important;font-family:"Archivo",system-ui,sans-serif !important;font-size:.8rem !important;font-weight:600 !important;line-height:1.3 !important;box-shadow:none !important}
body:has(.aep) #container-list .outercol .teaser-wrapper *:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){margin:0 !important;padding:0 !important;font:inherit !important;color:inherit !important;background:none !important}

/* Hovedsaken */
body:has(.aep) #container-list > .outercol:first-child h2:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){font-size:clamp(1.6rem,3vw,2.35rem) !important;font-stretch:120%;line-height:1.05 !important}
body:has(.aep) #container-list > .outercol:first-child .textbox-inner:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){padding-top:1rem !important;color:#1b2f38 !important;font-size:1.1rem !important;max-width:36em}

/* Sak 2–4: miniatyrbilde til venstre, bare dato og tittel */
body:has(.aep) #container-list > .outercol:nth-child(n+2):nth-child(-n+4) .innercol:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:grid !important;grid-template-columns:7.5rem minmax(0,1fr);column-gap:1.1rem;align-items:start}
body:has(.aep) #container-list > .outercol:nth-child(n+2):nth-child(-n+4) .media-wrapper:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){aspect-ratio:1}
body:has(.aep) #container-list > .outercol:nth-child(n+2):nth-child(-n+4) .textbox-inner:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){padding-top:0 !important;gap:.35rem}
body:has(.aep) #container-list > .outercol:nth-child(n+2):nth-child(-n+4) .textbox-inner > p:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){font-size:0 !important;line-height:0 !important}
body:has(.aep) #container-list > .outercol:nth-child(n+2):nth-child(-n+4) h2:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){font-size:1.1rem !important;font-stretch:108%;line-height:1.2 !important}
body:has(.aep) #container-list > .outercol:nth-child(n+2):nth-child(-n+4) .teaser-wrapper:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){top:.3rem !important;left:.3rem !important;font-size:.7rem !important;padding:.1rem .4rem !important}

/* Sak 5 og videre: korte tekstsaker uten bilde */
body:has(.aep) #container-list > .outercol:nth-child(n+5):not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){padding-top:1.5rem !important;border-top:1px solid #cfe1e3 !important}
body:has(.aep) #container-list > .outercol:nth-child(n+5) .media-wrapper:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:none !important}
body:has(.aep) #container-list > .outercol:nth-child(n+5) .textbox-inner:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){padding-top:0 !important}
body:has(.aep) #container-list > .outercol:nth-child(n+5) .teaser-wrapper:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){position:static !important;display:inline-block !important;margin-bottom:.5rem !important}