.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;
}


/* «Les mer»-knappene i artikkellistene (hele nettstedet). Malens interne CSS gjør teksten hvit ved hover
   (.textbox .textbox-inner .col-links a:hover) og fjerner samtidig bakgrunnen (#mainContent a:hover
   {background-color:transparent !important}). Da ble teksten hvit på lys bunn. Lagt til 2026-10-20. */
#mainContent .textbox .textbox-inner .col-links a:hover,
#mainContent .textbox .textbox-inner .col-links a:focus-visible{background-color:#003e58 !important;color:#fff !important}

/* Fet skrift i blokker og artikler (hele nettstedet). Malen har brødtekst i vekt 300, og nettleserens «bolder»
   gir da bare 400, så <strong>/<b> så ikke fete ut. :where() holder styrken lav, så andre regler kan overstyre. 2026-10-29. */
:where(#wrap) :is(strong,b){font-weight:700}

/* Toppmenyen (megamenyen fra 1200 px). Panelet var låst til topplinjas bredde (1200 px) og hver kolonne til
   200 px, så lange navn ble kuttet. Nå går panelet kant i kant, innholdet flukter med logoen, og kolonnene
   får bredde etter innholdet og deler resten av plassen. 2026-10-29. */
@media (min-width:1200px){
  #wrap #W-header header.w_header{container-type:inline-size;position:relative;z-index:1000}
  #wrap #W-header .w_menu_wrapper nav.nav_menu_dropdown.hor{left:calc((100% - 100cqw) / 2) !important;right:calc((100% - 100cqw) / 2) !important;width:auto !important}
  #wrap #W-header .w_menu_wrapper nav.nav_menu_dropdown.hor ul.nav_level_1_group{padding-inline:calc((100% - clamp(1200px,94%,80vw)) / 2 + 2em) !important;flex-wrap:nowrap !important}
  #wrap #W-header .w_menu_wrapper nav.nav_menu_dropdown.hor ul.nav_level_1_group > li.nav_level_1{flex:1 1 auto !important;width:auto !important;min-width:0 !important}
  #wrap #W-header .w_menu_wrapper nav.nav_menu_dropdown.hor ul.nav_level_2_group{width:100% !important}
  #wrap #W-header .w_menu_wrapper nav.nav_menu_dropdown.hor ul.nav_level_2_group > li.nav_level_2{flex:0 0 100% !important;width:100% !important}
}

/* Ingen ramme rundt menylenkene ved museklikk. Malen har .nav_link:focus{outline:auto}. Tastaturfokus
   (:focus-visible) beholder rammen, slik universell utforming krever. 2026-10-29. */
#wrap .nav_menu_dropdown :is(.nav_link,.nav_expander):focus:not(:focus-visible){outline:none !important}

/* Spacere (hele nettstedet). Skriv «spacer-10» … «spacer-100» i blokkens «Ekstra klassenavn»; WIPS legger selv
   til «custom-» foran, og klassen havner på .outer-block-wrapper. 2026-10-29. */
.custom-spacer-10{margin-top:10px !important}
.custom-spacer-20{margin-top:20px !important}
.custom-spacer-30{margin-top:30px !important}
.custom-spacer-40{margin-top:40px !important}
.custom-spacer-50{margin-top:50px !important}
.custom-spacer-60{margin-top:60px !important}
.custom-spacer-70{margin-top:70px !important}
.custom-spacer-80{margin-top:80px !important}
.custom-spacer-90{margin-top:90px !important}
.custom-spacer-100{margin-top:100px !important}

/* Artikler (hele nettstedet). Bildetekstene var like store som brødteksten (16,7 px), og tekst lagt oppå bildene
   dekket nesten hele bildet. Tittelen var 41 px. 2026-10-29. */
#wrap .single-article .article-image :is(.article-image-title,.article-image-photographer){font-size:.8125rem !important;line-height:1.35 !important;padding:.4rem .7rem !important}
#wrap .single-article figcaption{font-size:.875rem !important;line-height:1.45 !important}
#wrap .article-block.article-title h1{font-size:clamp(1.75rem,1.2rem + 1.6vw,2.125rem) !important;line-height:1.2 !important}

/* «Praktisk informasjon» på arrangementssidene (hele nettstedet): hvit boks med mint kant (profilfargen), luft over
   og under. Overskriften og avsnittet er søsken uten felles omslag, så boksen bygges av begge. Treffer bare
   arrangementer som har praktisk info. 2026-10-30. */
#wrap .single-article .article-content > h3:has(+ .course-practical-information){background:#fff;margin:2.5rem 0 0 !important;padding:1.5rem clamp(1.25rem,3vw,2rem) .6rem !important;border-left:4px solid #04d7a2;border-radius:4px 4px 0 0;font-size:1.375rem !important;line-height:1.25 !important}
#wrap .single-article .article-content > h3 + .course-practical-information{background:#fff;margin:0 0 2.5rem !important;padding:0 clamp(1.25rem,3vw,2rem) 1.5rem !important;border-left:4px solid #04d7a2;border-radius:0 0 4px 4px;line-height:1.6 !important}

/* ===== 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("/sites/a/arcticenergy.net/files/2026/10/aep-virvel-nordlys.svg");
  --aep-virvel-hav:url("/sites/a/arcticenergy.net/files/2026/10/aep-virvel-hav.svg");
  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)}
/* WIPS-malen har #mainContent a:hover{background-color:transparent !important}. Uten løft mister knappene
   i bunnområdet bakgrunnen ved hover,og hvit tekst havner på hvit bunn. */
.aep .aep-knapp-nordlys:not(#aep-skjold):not(#aep-skjold):hover{background-color:var(--aep-is) !important}
.aep .aep-knapp-hav:not(#aep-skjold):not(#aep-skjold):hover{background-color:var(--aep-hav-lys) !important}
.aep .aep-knapp-kontur:not(#aep-skjold):not(#aep-skjold):hover{background-color:rgba(196,244,232,.12) !important}

/* 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("/sites/a/arcticenergy.net/files/2026/10/aep-ikon-tlf.svg")}
.aep .aep-ikon-epost{--aep-ikon:url("/sites/a/arcticenergy.net/files/2026/10/aep-ikon-epost.svg")}
.aep .aep-ikon-sted{--aep-ikon:url("/sites/a/arcticenergy.net/files/2026/10/aep-ikon-sted.svg")}
.aep .aep-ikon-brev{--aep-ikon:url("/sites/a/arcticenergy.net/files/2026/10/aep-ikon-brev.svg")}
.aep .aep-ikon-facebook{--aep-ikon:url("/sites/a/arcticenergy.net/files/2026/10/aep-ikon-facebook.svg")}
.aep .aep-ikon-linkedin{--aep-ikon:url("/sites/a/arcticenergy.net/files/2026/10/aep-ikon-linkedin.svg")}
.aep .aep-ikon-instagram{--aep-ikon:url("/sites/a/arcticenergy.net/files/2026/10/aep-ikon-instagram.svg")}

/* ---------- 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){
  /* Sidebildene flukter med topp og bunn av hovedbildet (som wips-tillegg.css gjør med WIPS-lista) */
  .aep.aep-aktuelt-liste .aep-innhold{container-type:inline-size}
  .aep .aep-saker{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:3.5rem;--aep-tommel:calc(((100cqw - 3.5rem) * 1.45 / 2.45 * 2 / 3 - 3rem) / 3)}
  .aep .aep-sidesaker{gap:1.5rem;align-content:start;grid-template-rows:repeat(3,minmax(var(--aep-tommel),auto))}
  .aep .aep-sidesaker .aep-sak{grid-template-columns:var(--aep-tommel) 1fr}
  .aep .aep-sidesaker .aep-sak h3:not(#aep-skjold):not(#aep-skjold){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
}

/* ---------- 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,.aep.aep-moteplasser-liste{background:var(--aep-hvit)}
.aep.aep-moteplasser .aep-seksjon{padding-bottom:0}
.aep.aep-moteplasser .aep-hode{margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.aep.aep-moteplasser-liste .aep-innhold{padding-bottom:var(--aep-luft)}
.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)}
.aep .aep-navneliste a:not(#aep-skjold):not(#aep-skjold):hover{background-color:var(--aep-fjordlys) !important}
.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}
/* font-size/line-height 0: den skjulte ingressen ligger i en anonym tekstrad som ellers arver linjehøyden (25px ekstra) */
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;font-size:0 !important;line-height:0 !important}
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}
@media (min-width:1000px){
  /* Sidebildene flukter med topp og bunn av hovedbildet: tre bilder + to mellomrom = hovedbildets høyde.
     Står etter sak 2–4-reglene, så den vinner over 7.5rem-kolonnen. #center er container, så 100cqw er bredden lista regnes ut fra (maks 1240px minus kantluft).
     Hovedbildet er 3:2 i kolonnen (1,45 av 2,45 etter 3,5rem mellomrom), og radmellomrommet er 1,5rem. */
  body:has(.aep) #center:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){container-type:inline-size}
  body:has(.aep) #container-list:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){--aep-tommel:calc(((min(1240px,100cqw) - 2 * clamp(16px,4vw,40px) - 3.5rem) * 1.45 / 2.45 * 2 / 3 - 3rem) / 3);grid-template-rows:repeat(3,minmax(var(--aep-tommel),auto)) 1fr}
  body:has(.aep) #container-list > .outercol:nth-child(n+2):nth-child(-n+4) .innercol:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-template-columns:var(--aep-tommel) minmax(0,1fr)}
  /* Titlene får maks tre linjer, så teksten aldri blir høyere enn bildet ved siden av */
  body:has(.aep) #container-list > .outercol:nth-child(n+2):nth-child(-n+4) h2:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:3 !important;overflow:hidden !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}

/* ── Møteplasser: WIPS-blokken «ForeignPageArticlesListBlock» (henter arrangementene dynamisk) ──
   Blokken har ingen dato i HTML-en, så arrangementets eget bilde står der datoen står i utkastet.
   Kortet er et grid med områdene media/title/intro/buttons. Det bygges om til rader, som i utkastet.
   Malen gir kortet container-type:size (høyden følger ikke innholdet). Det nulles. */
body:has(.aep) .tf-block.block_type_foreignpagearticleslistblock:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){padding:0 !important;margin:0 !important;background:#fff !important;box-shadow:none !important;border:0 !important}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-list-block-root:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){max-width:1240px;margin:0 auto !important;padding:0 clamp(16px,4vw,40px) clamp(3.5rem,8vw,7rem) !important;box-sizing:border-box;background:none !important;height:auto !important;font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;color:#1b2f38}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-list:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;height:auto !important;margin:0 !important;padding:0 !important;border-top:1px solid #cfe1e3}
body:has(.aep) .block_type_foreignpagearticleslistblock article:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:grid !important;grid-template-columns:6.5rem minmax(0,1fr) !important;grid-template-rows:auto !important;grid-template-areas:"media title" "intro intro" "buttons buttons" !important;gap:.6rem 1.25rem !important;align-items:center;width:auto !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:1.4rem 0 !important;border:0 !important;border-bottom:1px solid #cfe1e3 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;transform:none !important;container-type:normal !important}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-media:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-area:media !important;display:block !important;width:100% !important;height:auto !important;max-height:none !important;aspect-ratio:4 / 3;margin:0 !important;padding:0 !important;overflow:hidden !important;border-radius:0 !important;background:#eef6f4 !important;align-self:start}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-media img:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;width:100% !important;height:100% !important;max-height:none !important;object-fit:cover !important;margin:0 !important;border:0 !important;border-radius:0 !important}
body:has(.aep) .block_type_foreignpagearticleslistblock article h4:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-area:title !important;display:block !important;height:auto !important;max-height:none !important;overflow:visible !important;-webkit-line-clamp:none !important;margin:0 !important;padding:0 !important;font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif !important;font-size:1.25rem !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}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-intro:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-area:intro !important;display:block !important;position:static !important;height:auto !important;max-height:none !important;min-height:0 !important;overflow:visible !important;margin:0 !important;padding: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;max-width:40em}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-intro:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold)::before,
body:has(.aep) .block_type_foreignpagearticleslistblock .article-intro:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold)::after{content:none !important;display:none !important}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-intro-content:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:block !important;height:auto !important;max-height:none !important;overflow:visible !important;-webkit-line-clamp:none !important;font:inherit !important;color:inherit !important;margin:0 !important}
/* Knappene: små lenker med tynn ramme, som partnerlenkene under «Hvem er vi» (.aep-navneliste).
   Knappen er et grid med lag (.background-layer, .state-layer, .label), så rammen står på bakgrunnslaget
   og luften på .label. Tilstandslaget skjules, så malens hover-farge ikke legger seg over. */
body:has(.aep) .block_type_foreignpagearticleslistblock .article-buttons:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-area:buttons !important;justify-self:start !important;align-self:start !important;display:flex !important;flex-wrap:wrap;gap:.5rem !important;justify-content:flex-start !important;height:auto !important;margin:0 !important;padding:.25rem 0 0 !important;background:none !important}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-buttons a:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){min-height:0 !important;text-decoration:none !important;font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif !important;font-size:.95rem !important;font-weight:500 !important;color:#003e58 !important;border-radius:4px !important;background:none !important;box-shadow:none !important}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-buttons a .background-layer:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){background:#fff !important;border:1px solid #cfe1e3 !important;border-radius:4px !important;transition:border-color .15s,background-color .15s}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-buttons a .state-layer:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){display:none !important}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-buttons a .label:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){padding:.45rem .85rem !important;color:inherit !important;line-height:1.3 !important;font:inherit !important;display:flex !important;align-items:center}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-buttons a:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold):hover .background-layer{background:#eef6f4 !important;border-color:#003e58 !important}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-buttons a:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold):hover{color:#003e58 !important}
body:has(.aep) .block_type_foreignpagearticleslistblock .article-buttons a:focus-visible:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){outline:3px solid #04d7a2;outline-offset:3px}
@media (prefers-reduced-motion:reduce){body:has(.aep) .block_type_foreignpagearticleslistblock .article-buttons a .background-layer:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){transition:none}}
/* Fra 900 px: bilde | tittel | tekst og knapper, som dato | tittel | tekst i utkastet */
@media (min-width:900px){
  body:has(.aep) .block_type_foreignpagearticleslistblock article:not(#aep-skjold):not(#aep-skjold):not(#aep-skjold){grid-template-columns:8rem minmax(0,20rem) minmax(0,1fr) !important;grid-template-areas:"media title intro" "media title buttons" !important;grid-template-rows:auto 1fr !important;gap:.5rem 2rem !important;align-items:start}
}