/* CMS-skjold: ID-løftet :not(#rks-skjold):not(#rks-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). */
.rks :where(ul,ol):not(#rks-skjold):not(#rks-skjold){margin:0;padding:0;padding-inline-start:0 !important;list-style:none !important;color:inherit;text-align:inherit;text-indent:0}
.rks :where(li):not(#rks-skjold):not(#rks-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}
.rks :where(li):not(#rks-skjold):not(#rks-skjold)::marker{content:none}
.rks :where(p):not(#rks-skjold):not(#rks-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}
.rks :where(table):not(#rks-skjold):not(#rks-skjold){border-collapse:collapse;border-spacing:0;border:0;background:none;box-shadow:none;margin:0;width:100%;max-width:none;overflow:visible}
.rks :where(thead,tbody,tfoot,tr):not(#rks-skjold):not(#rks-skjold){background:none;border:0;box-shadow:none;font:inherit;color:inherit}
.rks :where(td,th):not(#rks-skjold):not(#rks-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}
.rks :where(caption):not(#rks-skjold):not(#rks-skjold){font:inherit;color:inherit;text-align:inherit;padding:0;margin:0}
/* RKK Salten – nye sider (nettverk, fagområder, om oss). Prefiks: rks */
.rks{--rks-teal:#005d60;--rks-teal-mork:#00474a;--rks-blekk:#002c2d;--rks-dempet:#3d5b5c;--rks-flate:#e8f1ef;--rks-flate-2:#d7e7e3;--rks-linje:#b7d0cb;--rks-hvit:#fff;
  font-family:inherit;color:var(--rks-blekk);line-height:1.55;box-sizing:border-box}
.rks *,.rks *::before,.rks *::after{box-sizing:border-box}
.rks:where(section,div,article){margin:0;padding:0;border:0;background:none;box-shadow:none}

/* Skjold mot sidens egne elementregler. Lenker løftes med :not(#rks-a),fordi WIPS har
   .article-block a:not(.col-link){color} med samme styrke som komponentreglene og lastes etter. */
.rks :where(h1,h2,h3,h4,h5,h6):not(#rks-skjold):not(#rks-skjold){color:inherit;text-transform:none;text-align:inherit;background:none;border:0;padding:0;margin:0;overflow-wrap:normal;font-family:inherit;line-height:1.25;letter-spacing:normal}
.rks :where(img,svg){border:0;box-shadow:none;border-radius:0;padding:0;background:none}
.rks :where(a):not(#rks-a){background:none;border:0;box-shadow:none;color:var(--rks-teal);text-decoration:underline;text-underline-offset:.18em}
.rks :where(a):not(#rks-a):hover{text-decoration-thickness:2px}
.rks :where(a):focus-visible{outline:3px solid var(--rks-teal);outline-offset:3px;border-radius:4px}
.rks :where(strong){font-weight:800}

/* Ikoner: SVG som maske, følger tekstfargen. WIPS godtar bare bildeadresser med stier på nettstedet
   (ikke data-URI), så filene ligger i filarkivet (mappa Ikoner). bygg.py bytter stien i wips/css.css. */
.rks .rks-ikon:not(#rks-skjold):not(#rks-skjold)::before,.rks .rks-pil::after{content:"";flex:none;width:1.15em;height:1.15em;background:currentColor;
  -webkit-mask:var(--rks-ikon) center/contain no-repeat;mask:var(--rks-ikon) center/contain no-repeat}
.rks .rks-pil{--rks-ikon:url("/sites/r/rkksalten-kopi.no.wips.no/files/2026/10/rks-pil.svg")}
.rks .rks-ikon-epost:not(#rks-skjold):not(#rks-skjold){--rks-ikon:url("/sites/r/rkksalten-kopi.no.wips.no/files/2026/10/rks-epost.svg")}
.rks .rks-ikon-tlf:not(#rks-skjold):not(#rks-skjold){--rks-ikon:url("/sites/r/rkksalten-kopi.no.wips.no/files/2026/10/rks-tlf.svg")}
.rks .rks-ikon-kalender{--rks-ikon:url("/sites/r/rkksalten-kopi.no.wips.no/files/2026/10/rks-kalender.svg")}
.rks .rks-ikon:not(#rks-skjold):not(#rks-skjold){display:flex;align-items:center;gap:.55rem}

/* Felles side */
.rks.rks-side{container:rks-side/inline-size;display:grid;gap:1.5rem;margin:.5rem 0 2.5rem;font-size:1.0625rem}
.rks .rks-merknad:not(#rks-skjold):not(#rks-skjold){margin:0;padding:.85rem 1.1rem;border:2px dashed var(--rks-linje);border-radius:12px;background:var(--rks-hvit);color:var(--rks-dempet);font-size:.9375rem;line-height:1.5}
.rks .rks-merknad strong{color:var(--rks-teal)}
.rks .rks-boks{background:var(--rks-flate);border-radius:14px;padding:1.25rem 1.4rem 1.4rem}
.rks .rks-boks h2:not(#rks-skjold):not(#rks-skjold),.rks .rks-andre h2:not(#rks-skjold):not(#rks-skjold),.rks .rks-kontakt h2:not(#rks-skjold):not(#rks-skjold),.rks .rks-tittel:not(#rks-skjold):not(#rks-skjold){font-size:1.1875rem;font-weight:800;color:var(--rks-teal);margin:0 0 .55rem}
.rks .rks-boks p:not(#rks-skjold):not(#rks-skjold){margin:0 0 .75em}
.rks .rks-boks p:last-child:not(#rks-skjold):not(#rks-skjold){margin-bottom:0}
.rks .rks-tekst:not(#rks-skjold):not(#rks-skjold){margin:0;max-width:44rem}
.rks .rks-lenke:not(#rks-skjold):not(#rks-skjold){margin:0;font-weight:700 !important}
.rks .rks-lenke a{display:inline-flex;align-items:center;gap:.5rem}

/* Punktliste med prikker fra logoen */
.rks .rks-punkter:not(#rks-skjold):not(#rks-skjold){list-style:none;margin:.35rem 0 .9rem;padding:0;display:grid;gap:.4rem}
.rks .rks-punkter:last-child:not(#rks-skjold):not(#rks-skjold){margin-bottom:0}
.rks .rks-punkter li:not(#rks-skjold):not(#rks-skjold){position:relative;margin:0;padding:0 0 0 1.15rem;line-height:1.5}
.rks .rks-punkter li:not(#rks-skjold):not(#rks-skjold)::before{content:"";position:absolute;left:0;top:.56em;width:.5rem;height:.5rem;border-radius:50%;background:var(--rks-teal)}

/* Vanlige lister som admin legger inn i den visuelle editoren (ul/ol uten klasse) får punkter og tall.
   CMS-skjoldet nullstiller alle lister i .rks, og komponentlistene over har alle egen klasse.
   Skrevet som .rks:where(*), ellers sletter skjold-cms.py regelen. */
.rks:where(*) :where(ul:not([class]),ol:not([class])):not(#rks-skjold):not(#rks-skjold){margin:.35rem 0 .9rem;padding-inline-start:1.35em !important;list-style:disc outside !important}
.rks:where(*) :where(ol:not([class])):not(#rks-skjold):not(#rks-skjold){list-style:decimal outside !important}
.rks:where(*) :where(ul:not([class]) ul:not([class])):not(#rks-skjold):not(#rks-skjold){margin:.3rem 0 0;list-style-type:circle !important}
.rks:where(*) :where(ul:not([class]),ol:not([class])):last-child:not(#rks-skjold):not(#rks-skjold){margin-bottom:0}
.rks:where(*) :where(ul:not([class]),ol:not([class])) > :where(li):not(#rks-skjold):not(#rks-skjold){display:list-item;margin:0 0 .3rem;padding:0 0 0 .2em;line-height:1.5;list-style:inherit !important}
.rks:where(*) :where(ul:not([class]),ol:not([class])) > :where(li):not(#rks-skjold):not(#rks-skjold)::marker{content:normal;color:var(--rks-teal)}

/* Nettverksside */
.rks .rks-rutenett{display:grid;gap:1.25rem;align-items:start}
.rks .rks-hoved,.rks .rks-sidekolonne{display:grid;gap:1.25rem}
@container rks-side (min-width:720px){
  .rks .rks-rutenett{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}
}
.rks .rks-kontakt{background:var(--rks-teal);color:var(--rks-hvit);border-radius:14px;padding:1.25rem 1.4rem 1.4rem}
.rks .rks-kontakt h2:not(#rks-skjold):not(#rks-skjold){color:var(--rks-hvit)}
.rks .rks-kontakt p:not(#rks-skjold):not(#rks-skjold){margin:0 0 .4rem}
.rks .rks-kontakt p:last-child:not(#rks-skjold):not(#rks-skjold){margin-bottom:0}
.rks .rks-kontakt a:not(#rks-a){color:var(--rks-hvit)}
.rks .rks-kontakt a:focus-visible{outline-color:var(--rks-hvit)}
.rks .rks-andre{border:2px solid var(--rks-flate-2);border-radius:14px;padding:1.15rem 1.4rem 1.25rem;background:var(--rks-hvit)}
.rks .rks-lenker:not(#rks-skjold):not(#rks-skjold){list-style:none;margin:0;padding:0;display:grid}
.rks .rks-lenker li:not(#rks-skjold):not(#rks-skjold){margin:0;padding:0;border-top:1px solid var(--rks-flate-2)}
.rks .rks-lenker li:first-child:not(#rks-skjold):not(#rks-skjold){border-top:0}
.rks .rks-lenker a:not(#rks-a){display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 0;color:var(--rks-blekk);font-weight:600;text-decoration:none !important}
.rks .rks-lenker a:not(#rks-a):hover{color:var(--rks-teal);text-decoration:underline !important}
.rks .rks-lenker a::after{color:var(--rks-teal)}
.rks .rks-oppdatert:not(#rks-skjold):not(#rks-skjold){margin:0;padding-top:.85rem;border-top:1px solid var(--rks-linje);font-size:.875rem;color:var(--rks-dempet)}

/* Fagområde: kort for hvert nettverk */
.rks .rks-kort:not(#rks-skjold):not(#rks-skjold){list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}
.rks .rks-kort li:not(#rks-skjold):not(#rks-skjold){margin:0;padding:0;display:flex}
.rks .rks-kort a:not(#rks-a){flex:1;display:grid;gap:.35rem;align-content:start;padding:1.1rem 1.25rem 1.25rem;background:var(--rks-flate);border:2px solid transparent;border-radius:14px;color:var(--rks-blekk);text-decoration:none !important;transition:border-color .15s,background-color .15s}
.rks .rks-kort a:not(#rks-a):hover{border-color:var(--rks-teal);background:var(--rks-hvit)}
.rks .rks-kort strong{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:1.125rem;color:var(--rks-teal);line-height:1.3}
.rks .rks-kort small{font-size:.9375rem;line-height:1.45;color:var(--rks-dempet)}

/* Nettverksoversikt: kundens egen skisse som navigasjon */
.rks .rks-omrader:not(#rks-skjold):not(#rks-skjold){list-style:none;margin:0;padding:0;display:grid;gap:1.5rem 1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr))}
.rks .rks-omrader > li:not(#rks-skjold):not(#rks-skjold){margin:0;padding:0;display:grid;gap:.45rem;align-content:start}
.rks .rks-omrader h2:not(#rks-skjold):not(#rks-skjold){margin:0;font-size:1.0625rem;font-weight:800;line-height:1.25}
.rks .rks-omrader h2 a:not(#rks-a){display:flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.8rem 1rem;border-radius:12px;background:var(--rks-teal);color:var(--rks-hvit);text-align:center;text-decoration:none !important;transition:background-color .15s}
.rks .rks-omrader h2 a:not(#rks-a):hover{background:var(--rks-teal-mork);text-decoration:underline !important}
.rks .rks-omrader h2 a:focus-visible{outline-offset:2px}
/* WIPS: .single-article-text ul li > ul:not(#rks-skjold):not(#rks-skjold){padding:0 10px 5px 0 !important} */
.rks .rks-nettverksliste:not(#rks-skjold):not(#rks-skjold){list-style:none;margin:0;padding:0 !important;display:grid;gap:.45rem}
.rks .rks-nettverksliste li:not(#rks-skjold):not(#rks-skjold){margin:0;padding:0}
.rks .rks-nettverksliste a:not(#rks-a){display:block;padding:.55rem .8rem;border-radius:8px;background:var(--rks-flate);color:var(--rks-blekk);text-align:center;text-decoration:none !important;line-height:1.35}
.rks .rks-nettverksliste a:not(#rks-a):hover{background:var(--rks-flate-2);text-decoration:underline !important}
.rks .rks-kommer:not(#rks-skjold):not(#rks-skjold){list-style:none;margin:0;padding:0;display:grid;gap:.6rem;max-width:28rem}
.rks .rks-kommer li:not(#rks-skjold):not(#rks-skjold){margin:0;padding:.7rem 1rem;border:2px dashed var(--rks-linje);border-radius:10px;color:var(--rks-dempet);font-style:italic;text-align:center}

/* Team og oppdrag */
.rks .rks-merker:not(#rks-skjold):not(#rks-skjold){list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.rks .rks-merker li:not(#rks-skjold):not(#rks-skjold){margin:0;padding:.3rem .8rem;border-radius:999px;background:var(--rks-hvit);font-weight:600;font-size:.9375rem;line-height:1.4}
.rks .rks-team:not(#rks-skjold):not(#rks-skjold){list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
@container rks-side (min-width:600px){
  .rks .rks-team:not(#rks-skjold):not(#rks-skjold){grid-template-columns:repeat(2,minmax(0,1fr))}
}
.rks .rks-team li:not(#rks-skjold):not(#rks-skjold){margin:0;padding:1.1rem 1.25rem 1.2rem;border-radius:14px;background:var(--rks-flate);display:grid;gap:.15rem;align-content:start}
.rks .rks-team strong{font-size:1.0625rem}
.rks .rks-team small{font-size:.9375rem;font-weight:700;color:var(--rks-teal);margin-bottom:.4rem}
.rks .rks-team p:not(#rks-skjold):not(#rks-skjold){margin:0;font-size:.9375rem}
.rks .rks-team a{overflow-wrap:anywhere}

@media (prefers-reduced-motion:reduce){
  .rks .rks-kort a,.rks .rks-omrader h2 a{transition:none}
}

/* WIPS-tillegg (står etter rks-blokken i Custom CSS).
   Meny-blokken «Nettverk i …» på nettverkssidene er WIPS sin egen MenuBlock med «Ekstra klassenavn»
   rks-meny, som WIPS skriver som custom-rks-meny på blokkens ytre element. Markupen er WIPS sin
   (h3.block-title, .blockMenu ul.L1 > li.active > a), så den kan ikke få rks-klasser. Reglene treffer
   bare denne blokken. #wrap gir styrke over malens egne regler. */
/* Blokkområdet har margin:0 -20px; 20 px inn på hver side gir samme kant som artikkelen. */
#wrap .custom-rks-meny{width:calc(100% - 40px) !important;max-width:none !important;float:none !important;margin:0 20px 2.5rem !important;padding:0 !important}
#wrap .custom-rks-meny .tf-block{margin:0;padding:1.15rem 1.4rem 1.3rem;border:2px solid #d7e7e3;border-radius:14px;background:#fff;box-shadow:none;font-family:inherit;color:#002c2d}
#wrap .custom-rks-meny .block-title{margin:0 0 .75rem;padding:0;border:0;background:none;color:#005d60;font-family:inherit;font-size:1.1875rem;font-weight:800;line-height:1.25;text-align:left;text-transform:none;letter-spacing:normal}
#wrap .custom-rks-meny .tf-block,#wrap .custom-rks-meny .blockMenu{min-width:0 !important;max-width:100%}
/* WIPS: ul{min-width:275px} og span{white-space:nowrap} ga vannrett scroll på mobil */
#wrap .custom-rks-meny .blockMenu ul{min-width:0 !important;display:grid !important;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:.45rem;margin:0 !important;padding:0 !important;list-style:none !important}
#wrap .custom-rks-meny .blockMenu li{display:block !important;margin:0 !important;padding:0 !important;border:0 !important;background:none;list-style:none !important}
#wrap .custom-rks-meny .blockMenu li::before,#wrap .custom-rks-meny .blockMenu li::marker{content:none}
#wrap .custom-rks-meny .blockMenu a{display:flex !important;align-items:center;min-height:2.75rem;margin:0;padding:.55rem .85rem !important;border:0;border-radius:8px;background:#e8f1ef;color:#002c2d !important;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.35;text-decoration:none !important;transition:background-color .15s}
#wrap .custom-rks-meny .blockMenu a span{white-space:normal !important;overflow-wrap:break-word}
#wrap .custom-rks-meny .blockMenu a:hover{background:#d7e7e3;text-decoration:underline !important}
#wrap .custom-rks-meny .blockMenu a:focus-visible{outline:3px solid #005d60;outline-offset:2px}
#wrap .custom-rks-meny .blockMenu li.active > a{background:#005d60;color:#fff !important;font-weight:700}
#wrap .custom-rks-meny .blockMenu a svg,#wrap .custom-rks-meny .blockMenu a img{display:none !important}
@media (prefers-reduced-motion:reduce){
  #wrap .custom-rks-meny .blockMenu a{transition:none}
}

/* Logoen på fullversjonen (fra 1200 px, malens brytepunkt) får luft over seg. Malen («Custom CSS (intern)»)
   har padding:0 0 15px 20px på bildet, og bildet har fast høyde, så luften legges på .w_logo. Headeren er
   sentrert, så 36 px gir ca. 36 px luft over logoen. Gjelder hele nettstedet. */
@media (min-width:1200px){
  #wrap .w_header .w_logo{padding-top:36px}
}

/* De to nederste lenkene i bunnteksten («WIPS CMS fra Seria» og «Samtykkeinnstillinger», small.w_developer)
   er mindre enn resten av bunnteksten (kontaktinfo 19 px, kommunelenker 16 px). Gjelder hele nettstedet. */
#wrap .w_footer .w_developer,#wrap .w_footer .w_developer :is(a,button,span){font-size:13px !important}

/* Forsidens herobilde (WIPS-karusellen på Hjem, side-id 1125135860) zoomer rolig inn 7 % etter innlasting.
   Rammen rundt (.SlideImage__frame) har malens egen parallakse-transform, så zoomen ligger på selve bildet.
   Kolonnen har overflow:hidden, så kantene vises ikke. Av ved redusert bevegelse. */
@keyframes rks-hero-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}
body.page_id_1125135860 #wrap .w_carousel .w_carousel_image{transform-origin:50% 50%;animation:rks-hero-zoom 8s cubic-bezier(.25,.1,.25,1) .2s both}
@media (prefers-reduced-motion:reduce){
  body.page_id_1125135860 #wrap .w_carousel .w_carousel_image{animation:none}
}

/* SoMe-ikonene (HTML-blokken «SoMe-ikoner», blokk-id 2006539002) midtstilles på alle stedene blokken er
   publisert: under artiklene (bl.a. Nettverksoversikt, Team og oppdrag) og i det globale bunnområdet.
   Blokken har .row > .column{float:left;width:80px}. En regel vi ikke finner gjør .row til display:block
   med høyere vekt, så flex må ha !important. data-block-id står også i HTML-en for utloggede. */
#wrap .outer-block-wrapper[data-block-id="2006539002"] .row{display:flex !important;flex-wrap:wrap;justify-content:center !important}
#wrap .outer-block-wrapper[data-block-id="2006539002"] .row::before,#wrap .outer-block-wrapper[data-block-id="2006539002"] .row::after{display:none !important}
#wrap .outer-block-wrapper[data-block-id="2006539002"] .column{float:none !important}

/* ===== Fagområdesider og Nettverksoversikt som WIPS-artikkellister (11.11.2026) =====
   Nettverksartiklene er publisert på egen side + fagområdesiden + Nettverksoversikt. «Overstyring av url på
   les-mer-knappen» (read_more_url_no) gir kortets lenke og fagområdet etter #:
     nettverk:            /rektorer#oppvekst            (oppvekst | helse | teknisk | administrasjon)
     fagområdeartikkel:   /nettverk-oppvekst-og-kultur#fagomrade-oppvekst
     Nettverksoversikt:   /nettverksoversikt#intro
   Listene kjennes igjen på innholdet, ikke på side-id: fagområdeside = liste med #fagomrade- og uten #intro,
   oversikt = liste med #intro. Malfeller: .textbox absolutt med max-height, h2/p med max-height og line-clamp,
   .spacer med margin og overflow, .outercol med contain. Derfor display:contents og !important. */

/* Felles nullstilling av kortene i begge listene */
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]) > .outercol{float:none !important;width:auto !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;contain:none !important;transform:none !important;position:relative;display:flex !important;flex-direction:column;align-items:stretch !important;text-align:left;border-radius:14px;box-shadow:none !important;background:none}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]) > .outercol :is(.clear,.spacer,.innercol,.textbox,.textbox-inner){display:contents !important}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]) > .outercol :is(.media-wrapper,.teaser-wrapper,.col-links,.date){display:none !important}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]) > .outercol h2{margin:0 !important;padding:0 !important;max-height:none !important;overflow:visible !important;font-family:inherit;text-transform:none;letter-spacing:normal;text-align:left;-webkit-line-clamp:unset !important}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]) > .outercol .textbox-inner > a{display:block;width:100%;text-decoration:none !important;color:inherit !important;background:none !important}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]) > .outercol .textbox-inner > a::after{content:"";position:absolute;inset:0;border-radius:inherit}
#wrap #container-list:where(:has(> .outercol a[href*="#fagomrade-"])) > .outercol :is(h2,.textbox-inner > p){text-align:left !important}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]) > .outercol .textbox-inner > p:not(#rks-p){margin:0 !important;padding:0 !important;max-height:none !important;opacity:1 !important;font-family:inherit;text-transform:none}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]) > .outercol:has(a:focus-visible){outline:3px solid #005d60;outline-offset:3px}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]) > .outercol a:focus-visible{outline:none}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]) > .next-page-loader{position:absolute;inset-inline:0;top:100%;min-height:1px}

/* Fagområdeside: introen (fagområdeartikkelen) øverst i full bredde, nettverkene som kort */
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])){position:relative;display:grid !important;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;width:min(1090px,100% - 32px) !important;max-width:none !important;margin:clamp(1.5rem,0.75rem + 2.5vw,3rem) auto 3rem !important;padding:0 !important;float:none !important}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])) > .outercol{padding:1.1rem 1.25rem 1.25rem !important;gap:.4rem;justify-content:flex-start !important;background:#e8f1ef;border:2px solid transparent;color:#002c2d;transition:border-color .15s,background-color .15s}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])) > .outercol:hover{border-color:#005d60;background:#fff}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])) > .outercol h2{display:flex;justify-content:space-between;align-items:center;gap:.5rem;color:#005d60 !important;font-size:1.125rem !important;font-weight:800 !important;line-height:1.3 !important}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])) > .outercol h2::after{content:"";flex:none;width:1.15em;height:1.15em;background:currentColor;-webkit-mask:url("/sites/r/rkksalten-kopi.no.wips.no/files/2026/10/rks-pil.svg") center/contain no-repeat;mask:url("/sites/r/rkksalten-kopi.no.wips.no/files/2026/10/rks-pil.svg") center/contain no-repeat}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])) > .outercol .textbox-inner > p:not(#rks-p){display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:3 !important;overflow:hidden !important;color:#3d5b5c !important;font-size:.875rem !important;line-height:1.5 !important}
/* Kortet viser ingressen, maks tre linjer (Artikkeletikett brukes ikke: WIPS viser den bare for innloggede).
   Fra 600 px er alle rader like høye (grid-auto-rows:1fr), introen i rad 1 er unntatt (grid-template-rows:auto). */
@media (min-width:600px){#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])){grid-template-rows:auto;grid-auto-rows:1fr}}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])) > .outercol:has(a[href*="#fagomrade-"]){order:-1;grid-column:1/-1;padding:0 0 .5rem !important;background:none;border:0}
/* Malen skjuler sidetittelen (h1) på listesider, så introartikkelens tittel er sidens synlige overskrift */
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])) > .outercol:has(a[href*="#fagomrade-"]) .textbox-inner > a::after,
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#intro"]) .textbox-inner > a::after{content:none}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])) > .outercol:has(a[href*="#fagomrade-"]) h2,
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#intro"]) h2{margin:0 0 1rem !important;color:#005d60 !important;font-size:clamp(1.9rem,1.4rem + 1.6vw,2.5rem) !important;font-weight:800 !important;line-height:1.2 !important;text-align:left !important}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])) > .outercol:has(a[href*="#fagomrade-"]) h2::after{content:none}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])) > .outercol:has(a[href*="#fagomrade-"]) .textbox-inner > p:not(#rks-p){display:block !important;-webkit-line-clamp:unset !important;max-width:46rem;white-space:pre-line;color:#002c2d !important;font-size:1.0625rem !important;line-height:1.6 !important}
#wrap #container-list:has(> .outercol a[href*="#fagomrade-"]):not(:has(a[href$="#intro"])) > .outercol:has(a[href*="#fagomrade-"])::after{content:"Nettverk";display:block;margin-top:1.25rem;color:#005d60;font-size:1.1875rem;font-weight:800;line-height:1.25}

/* Nettverksoversikt: introen øverst, så fire kolonner med fagområdet som mørk flis og nettverkene under.
   Kolonne og rekkefølge følger #-merket i lenken, så nye nettverk havner riktig uten CSS-endring. */
#wrap #container-list:has(a[href$="#intro"]){position:relative;display:grid !important;grid-template-columns:minmax(0,1fr);grid-auto-flow:row dense;gap:.45rem;width:min(1090px,100% - 32px) !important;max-width:none !important;margin:clamp(1.5rem,0.75rem + 2.5vw,3rem) auto 3rem !important;padding:0 !important;float:none !important}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#intro"]){order:0;margin-bottom:0 !important}
/* Smal skjerm: 2.5rem luft over hver fagområdeflis skiller de fire gruppene (13.11.2026) */
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#intro"]) .textbox-inner > p:not(#rks-p){display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important;max-width:46rem;white-space:pre-line;color:#002c2d !important;font-size:1.0625rem !important;line-height:1.6 !important}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:not(:has(a[href$="#intro"])) .textbox-inner > p:not(#rks-p){display:none !important}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href*="#fagomrade-"]){justify-content:center;min-height:4.4rem;padding:.8rem 1rem !important;margin-top:2.5rem !important;border-radius:12px;background:#005d60;color:#fff;text-align:center;transition:background-color .15s}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href*="#fagomrade-"]):hover{background:#00474a}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href*="#fagomrade-"]) h2{color:#fff !important;font-size:1.0625rem !important;font-weight:800 !important;line-height:1.25 !important;text-align:center !important}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:not(:has(a[href$="#intro"],a[href*="#fagomrade-"])){padding:.55rem .8rem !important;border-radius:8px;background:#e8f1ef;color:#002c2d;text-align:center}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:not(:has(a[href$="#intro"],a[href*="#fagomrade-"])):hover{background:#d7e7e3}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:not(:has(a[href$="#intro"],a[href*="#fagomrade-"])) h2{color:#002c2d !important;font-size:1rem !important;font-weight:500 !important;line-height:1.35 !important;text-align:center !important}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:not(:has(a[href$="#intro"],a[href*="#fagomrade-"])):hover h2{text-decoration:underline}
/* Rekkefølge på smal skjerm: fagområde, så nettverkene */
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#fagomrade-oppvekst"]){order:10}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#oppvekst"]){order:11}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#fagomrade-helse"]){order:20}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#helse"]){order:21}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#fagomrade-teknisk"]){order:30}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#teknisk"]){order:31}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#fagomrade-administrasjon"]){order:40}
#wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#administrasjon"]){order:41}
/* Smal skjerm: tydelig skille mellom de fire gruppene (13.11.2026). Delelinje over hver fagområdeflis unntatt den
   første (Oppvekst), og nettverkene rykket inn med en mørk strek, så de hører synlig til flisen over. */
@media (max-width:899px){
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href*="#fagomrade-"]){margin-top:3.5rem !important;overflow:visible !important}
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href*="#fagomrade-"])::before{content:"";position:absolute;inset-inline:0;top:calc(-1.75rem - 1px);border-top:2px solid #b9d3cd}
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#fagomrade-oppvekst"]){margin-top:2rem !important}
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#fagomrade-oppvekst"])::before{content:none}
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:not(:has(a[href$="#intro"],a[href*="#fagomrade-"])){margin-inline-start:1rem !important;border-inline-start:3px solid #005d60;border-radius:0 8px 8px 0}
}
/* Fire kolonner fra 900 px: hvert fagområde i sin kolonne, fliser på rad 2 */
@media (min-width:900px){
  #wrap #container-list:has(a[href$="#intro"]){grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.25rem}
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#intro"]){grid-column:1/-1;grid-row:1}
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href*="#fagomrade-"]){grid-row:2;margin-top:0 !important}
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#intro"]){margin-bottom:1rem !important}
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#fagomrade-oppvekst"],a[href$="#oppvekst"]){grid-column:1}
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#fagomrade-helse"],a[href$="#helse"]){grid-column:2}
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#fagomrade-teknisk"],a[href$="#teknisk"]){grid-column:3}
  #wrap #container-list:has(a[href$="#intro"]) > .outercol:has(a[href$="#fagomrade-administrasjon"],a[href$="#administrasjon"]){grid-column:4}
}
@media (prefers-reduced-motion:reduce){
  #wrap #container-list > .outercol{transition:none}
}