/* new */
.w_social_sharing a {
/* background-color: var(--primary-color-outline) !important; */
}
/* === */
.w_developer button span {
color:var(--footer-surface-color) !important;
}
.custom-spacer {
margin-top:30px !important;
}
.v2-form .button-element.form-field-v2.outlined,
.v2-form .list-icon { color: #000 !important; }
.v2-form .consent-list-row div a svg { color: #000 !important; }
.consent-header h2 { margin-top:20px; }
#W-footer,
.w_header {
filter: drop-shadow(0px 0px 14px #ccc);
}
.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;
}
.custom-spacer-110 {
margin-top:110px !important;
}
/* Blokker */
.outer-block-wrapper {
padding-left: 20px !important;
padding-right: 20px !important;
}
.outer-block-wrapper.custom-fullwidth {
padding-left: 0px !important;
padding-right: 0px !important;
}
/* Consent */
div.consent-dialog-inner button {
margin-bottom: 15px;
}
div.consent-dialog-inner {
--dialog-row-gap: 0em !important;
}
div.consent-dialog-inner h2 {
margin-top:22px !important;
font-size:19px !important;
}
div.consent-dialog-inner h3 {
margin-bottom: 15px !important;
font-size:18px !important;
}
div.consent-dialog-inner p,
div.consent-dialog-inner .show-more-button {
margin-bottom: 5px !important;
font-size:16px !important;
}
/* Sentrerere artikler, slik at de treffer med toppblokker */
@media only screen and (min-width: 1200px) {
#center {
margin: 0px 13% 0px 13% !important;
}
}
.w_footer .w_logo img {
max-height: 190px !important;
}
/* Artikler i Gallery-oppsettet (enkeltartikkel og les mer): maks 1400px bredde, sentrert.
Malen har .read-more #wrap div#center{float:left !important} og min-width/margin med !important, derfor #wrap og #center. */
#wrap .read-more-article-layout-gallery #center.content-adjust.single-center {
max-width: 1400px;
min-width: 0 !important;
float: none !important;
display: flow-root !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Tabeller og navnelister i artikler (resultatlister, givere, vinnere).
Klasserader er | , kolonnenavn | , tallkolonner .stf-tall. */
#wrap .single-article-text table{width:100%;max-width:760px;margin:1.75em 0 2.25em;border-collapse:separate;border-spacing:0;border:1px solid #d5dee8;border-radius:10px;overflow:hidden;background:#fff;font-size:.95em;font-variant-numeric:tabular-nums;line-height:1.4}
#wrap .single-article-text :is(th,td){padding:.6em .9em;border:0;border-bottom:1px solid #e3e9f0;text-align:left;vertical-align:top;background:none}
#wrap .single-article-text tr:last-child>:is(th,td){border-bottom:0}
#wrap .single-article-text :is(th,td) p{margin:0;padding:0;width:auto}
#wrap .single-article-text :is(th,td) p+p{margin-top:.4em}
#wrap .single-article-text tbody tr:nth-child(even)>td{background:#f5f8fb}
#wrap .single-article-text th[scope=col]{background:#172a45;color:#fff;font-family:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;font-size:1.05em;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding-block:.55em}
#wrap .single-article-text th[scope=colgroup]{background:#e8f4f8;color:#015f7e;font-family:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;font-size:1.3em;font-weight:600;padding-top:.7em;border-top:3px solid #02789f;border-bottom:1px solid #c9e3ec}
#wrap .single-article-text tr:first-child>th[scope=colgroup]{border-top:0}
#wrap .single-article-text .stf-tall{text-align:right;white-space:nowrap}
#wrap .single-article-text ul.stf-navneliste{columns:13em;column-gap:2.5em;list-style:none;padding:0;margin:1em 0 2.25em}
#wrap .single-article-text ul.stf-navneliste>li{list-style:none;break-inside:avoid;margin:0;padding:.4em 0;border-bottom:1px solid #e3e9f0}
@media (max-width:600px){#wrap .single-article-text table{font-size:.85em}#wrap .single-article-text :is(th,td){padding:.5em .55em}}
/* Enkeltartikler: dato og forfatter på én linje («metalinje»). Navnet står i brødtekstfonten: Barlow Condensed har
ekstra luft etter Ø, som ser ut som et mellomrom i versaler («Ø RJAN»).
Datoen er malens .custom-date, forfatteren er WIPS sin forfatterblokk (skjult i malen, vises her uten opprettet-dato og deling).
Malen har div.article-block{width:100% !important}, derfor !important på bredde og marg. */
#wrap .single-article .single-article-right{display:flex;flex-wrap:wrap;align-items:stretch}
#wrap .single-article .single-article-right>*{flex:1 1 100%;min-width:0}
#wrap .single-article .single-article-right>.article-block-container{flex:1 1 auto}
#wrap .single-article .single-article-right>.article-block-container,#wrap .single-article .article-intro :is(.custom-date,.teaser){width:auto !important;margin:10px 0 1.75em !important;float:none}
/* Ingressen ligger i malen inne i .article-intro sammen med datoen. Innpakningene blir display:contents, så dato, forfatter
og ingress blir egne flex-elementer: dato + forfatter på metalinjen, ingressen som eget avsnitt under, så brødteksten. */
#wrap .single-article .single-article-right>.article-intro,#wrap .single-article .article-intro :is(.single-article-intro,.ingress){display:contents !important}
#wrap .single-article .article-intro p.intro-text{order:1;flex:1 1 100%;margin:0 0 1.25em !important;padding:0 !important;font-size:1.25rem !important;line-height:1.5;font-weight:500 !important;color:#0f2340}
#wrap .single-article .single-article-right>:is(.article-content,.article-block-container-wrapper){order:2}
@media (max-width:480px){#wrap .single-article .article-intro p.intro-text{font-size:1.125rem !important}}
/* Artikkeltittel (h1): mer luft over, mindre under (malens 20 px / 20 px → 36 px / 4 px) */
#wrap .article-block.article-title h1{padding:36px 0 4px !important}
#wrap .single-article .article-intro :is(.custom-date,.teaser){flex:0 0 auto;background:#eef6f9;border-left:4px solid #02789f;border-radius:6px 0 0 6px}
#wrap .single-article .author-block{--article-author-and-share-container-display:flex;--article-author-display:inline;display:flex !important;flex-wrap:nowrap;width:auto;height:100%;margin:0;padding:0;background:#eef6f9;border-radius:0 6px 6px 0}
#wrap .single-article .author-block .date-and-author-container{display:flex;margin:0;padding:0}
#wrap .single-article .author-block :is(.date,.time,.material-icon,.some-share-buttons){display:none !important}
#wrap .single-article .article-intro .custom-date,#wrap .single-article .article-intro .teaser,#wrap .single-article .author-block .author{display:flex;align-items:center;gap:.45em;margin:0;padding:.55em 1.1em;font-family:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
#wrap .single-article .article-intro .custom-date,#wrap .single-article .article-intro .teaser{--stf-meta-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-kalender.svg");color:#015f7e}
#wrap .single-article .author-block .author{--stf-meta-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-person.svg");color:#172a45;border-left:1px solid #c9dde6}
#wrap .single-article .article-intro .custom-date::before,#wrap .single-article .article-intro .teaser::before,#wrap .single-article .author-block .author::before{content:'';flex:none;width:1.05em;height:1.05em;background:currentColor;-webkit-mask:var(--stf-meta-ikon) center/contain no-repeat;mask:var(--stf-meta-ikon) center/contain no-repeat}
#wrap .single-article .author-block .author .text{display:inline !important;flex:none;padding:0;font-family:Exo,system-ui,sans-serif;font-size:.95em;font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;vertical-align:baseline;white-space:nowrap !important}
#wrap .single-article .author-block .author .text::before{content:'Skrevet av';margin-right:.35em;font-family:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;font-size:1.05em;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#4f6077}
@media (max-width:480px){
#wrap .single-article .article-intro .custom-date,#wrap .single-article .article-intro .teaser,#wrap .single-article .author-block .author{padding:.5em .75em;font-size:.95rem;letter-spacing:.04em}
#wrap .single-article .author-block .author .text::before{content:none}
}
/* Lenker i avsnitt: malen gir #mainContent p a:hover bakgrunnen --primary-color (#234d86), samme farge som lenketeksten,
så lenka forsvinner ved hover. Knappene (.stf-knapp) beholder sin egen hover. */
#wrap #mainContent p a:not(.stf-knapp):hover{background-color:transparent !important;text-decoration-thickness:2px}
/* Knapper i artikler: malens .article-block a:not(.col-link){color:var(--body-title-color)} (0,2,1) slår .stf .stf-knapp */
#wrap .single-article-text .stf a.stf-knapp{color:#fff}
/* Forsidebildet: WIPS-karusellen skalerer først ned til skjermbredden (e=1300x) og så opp igjen for høy pikseltetthet
(e=x2000), så bildet blir uskarpt. Rammen viser i stedet originalen (2048×1536) med samme fokuspunkt (61% 51%).
Treffer bare dette bildet: byttes forsidebildet i WIPS, gjelder ikke regelen lenger, og WIPS sitt bilde vises. */
.w_featured :has(> img.w_carousel_image[src*="/reinhornrennet_l__ype.jpg"]){background:url("/sites/s/stormfjell.no/files/2026/06/reinhornrennet_l__ype.jpg") 61% 51%/cover no-repeat}
.w_featured img.w_carousel_image[src*="/reinhornrennet_l__ype.jpg"]{opacity:0}
/* Artikkellistene: tittel, ingress og «Les mer» på linje med bildet (malens .textbox-inner har 20 px luft til sidene) */
#container-list .outercol .textbox-inner{padding-left:0 !important;padding-right:0 !important}
/* «Les mer» i artikkellistene: malens lyse knapp med oransje tekst → blå med hvit tekst, som .stf-knapp (4.9:1) */
#wrap a.read.col-link{background:#02789f !important;color:#fff !important;border-radius:4px;text-decoration:none !important;transition:background-color .15s}
#wrap a.read.col-link:is(:hover,:focus-visible){background:#015f7e !important;color:#fff !important}
#wrap a.read.col-link:focus-visible{outline:3px solid #7fd3e8;outline-offset:2px}
/* Enkeltartikler: ingress (første avsnitt) og mellomtitler */
#wrap .single-article .single-article-text>:first-child{margin-top:0}
#wrap .single-article .single-article-text>p:first-of-type{font-size:1.15em;line-height:1.55;color:#172a45}
#wrap .single-article .single-article-text :is(h2,h3){font-family:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;font-weight:600;color:#172a45;letter-spacing:.01em;margin:1.4em 0 .4em}
#wrap .single-article .single-article-text h2{font-size:1.75em}
#wrap .single-article .single-article-text h3{font-size:1.4em}
#wrap .single-article .single-article-text mark{background:none;color:inherit}
/* Lenker: malen gir lenker i avsnitt mørk bakgrunn på hover (#mainContent p a:hover) mens teksten også er mørk.
Gjelder ikke stf-blokkene, som har egne hover-stiler. */
#wrap #mainContent :is(p,li,td,th,figcaption,h2,h3,h4) a:not(.stf a):is(:hover,:focus-visible){background-color:transparent;color:#02789f;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
/* Hero (WIPS-karusellen på Hjem): knapper i stf-stil, og på mobil et høyere bilde med teksten i et mørkt felt nederst.
Malen har .w_carousel_caption{border;max-width:80%;margin:auto} og font-size på intro med !important. */
#wrap .w_featured a.w_carousel_button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:.35rem .35rem 0 0;padding:.6em 1.2em;font-family:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;font-size:1.125rem;font-weight:600;letter-spacing:.02em;line-height:1.1;text-transform:none;text-decoration:none !important;color:#fff;background:#02789f;border:2px solid #02789f;border-radius:4px}
#wrap .w_featured a.w_carousel_button:is(:hover,:focus-visible){color:#fff;background:#015f7e;border-color:#015f7e}
#wrap .w_featured a.w_carousel_button+a.w_carousel_button{background:transparent;border-color:rgba(255,255,255,.75)}
#wrap .w_featured a.w_carousel_button+a.w_carousel_button:is(:hover,:focus-visible){background:rgba(255,255,255,.12);border-color:#fff}
@media (max-width:699px){
#wrap .w_featured .w_carousel{height:min(80svh,620px) !important;min-height:460px}
#wrap .w_featured .w_carousel_caption{position:absolute;left:0;right:0;bottom:0;width:auto;max-width:none !important;margin:0 !important;padding:4.5rem 20px 2rem;border:0 !important;text-align:left;background:linear-gradient(to top,rgba(15,35,64,.95) 0,rgba(15,35,64,.88) 60%,rgba(15,35,64,0) 100%)}
#wrap .w_featured .w_carousel_caption_inner{width:auto;max-width:none;margin:0;padding:0;text-align:left}
#wrap .w_featured .w_carousel_title h2{margin:0;font-family:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;font-size:2.75rem;font-weight:700;line-height:1;text-align:left;color:#fff}
#wrap .w_featured .w_carousel_intro{display:block;max-width:30ch;margin:.6rem 0 1.1rem;font-size:1.0625rem !important;font-weight:400;line-height:1.4;text-align:left;color:#e1eaf5}
#wrap .w_featured a.w_carousel_button{flex:1 1 auto}
}
/* Hero på pc: overtittelen (teaser) vises bare når man er innlogget (tom for besøkende). Når den har innhold, står den over tittelen. Like mye synlig luft fra overtittelens grunnlinje til toppen av «R»
som fra grunnlinjen i tittelen til toppen av ingressen (ca. 26 px ved 1463 px); luft under knappene ca. 24 px. */
#wrap .w_featured .w_carousel_caption_inner{margin:0 !important;padding:0 !important}
#wrap .w_featured .w_carousel_title h2{margin:0 0 .45rem !important;line-height:1.1 !important}
#wrap .w_featured .w_carousel_intro{margin:0 0 1rem !important}
#wrap .w_featured a.w_carousel_button{margin-bottom:0 !important}
@media (min-width:700px){#wrap .w_featured .w_carousel_caption{padding-top:20px !important;padding-bottom:24px !important}#wrap .w_featured .w_carousel_title h2{margin-bottom:12.5px !important;font-weight:700 !important}#wrap .w_featured .w_carousel_caption_inner:has(.w_carousel_teaser:not(:empty)) .w_carousel_title h2{margin-top:.45em !important}}
/* Footer: natteblå med fjellrygg, fire kolonner på pc (logo, Snarveier, Kontakt, Adresse) og egen bunnlinje.
Snarveier og Kontakt er malens «Edit text»-felt 1 og 2 (footerFreeEditContent_no / 2_no). */
#W-footer footer.w_footer{position:relative;display:grid !important;grid-template-columns:1fr;gap:2.25rem 3rem;align-items:start;padding:3.5rem max(20px,calc((100% - 1200px) / 2)) 0 !important;background:#0f2340 url("/sites/s/stormfjell.no/files/2026/10/stf-fjellkant-2.svg") center bottom/100% 200px no-repeat !important;border-top:0 !important;color:#c9d7e8;text-align:left}
#W-footer .w_footer > .w_block{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;text-align:left !important;float:none !important}
#W-footer .w_footer > .w_block:empty{display:none}
#W-footer .w_footer .w_logo{margin:0 !important;text-align:left !important;justify-content:flex-start !important;align-items:flex-start !important}
#W-footer .w_footer .w_logo a{display:inline-block;margin:0 !important}
/* Mobilheader (70 px): logoen var 70 px med 5 px marg og stakk ut under; nå 56 px midt i høyden. */
[data-header-variant="mobile"] a.logo{align-items:center !important}
[data-header-variant="mobile"] a.logo img{height:56px !important;width:auto !important;margin:0 0 0 20px !important}
/* Mobilmenyen: nesten hvit i stedet for malens oransje (--secondary-color-contrast), mørk tekst og isblå piler */
body div.menu-content-wrapper nav[aria-label="Hovedmeny"]{background-color:#fdfdfd !important;color:#0f2340 !important}
body div.menu-content-wrapper nav[aria-label="Hovedmeny"] svg,body div.menu-content-wrapper nav[aria-label="Hovedmeny"] svg path{color:#02789f !important;fill:currentColor !important}
/* Sosiale ikoner øverst til venstre i sort/hvitt (brukeren 22.10) */
.w_header .w_social_sharing .social-icon svg{filter:grayscale(1) contrast(10)}
/* Instagram-plassen lenker til Reinhornrennets Facebook-side (WIPS har bare én Facebook-plass): vis Facebook-merket der også.
Ikonet er WIPS sitt eget Facebook-merke, lastet opp som fil (kilde: utkast/wips/ikoner/stf-facebook-logo.svg). */
.w_header .w_social_sharing .social-icon[data-icon="instagram-logo"]{padding:4.125px}
.w_header .w_social_sharing .social-icon[data-icon="instagram-logo"] svg{display:none}
.w_header .w_social_sharing .social-icon[data-icon="instagram-logo"]::before{content:"";width:24.75px;height:24.75px;background:#000;-webkit-mask:url("/sites/s/stormfjell.no/files/2026/10/stf-facebook-logo.svg") center/contain no-repeat;mask:url("/sites/s/stormfjell.no/files/2026/10/stf-facebook-logo.svg") center/contain no-repeat}
#W-footer .w_footer .w_logo img{width:auto !important;height:125px !important;max-height:none !important;max-width:none !important;object-position:left center !important}
div#W-footer footer.w_footer .w_block h2,#W-footer .w_footer .w_block:last-of-type strong{display:block;margin:0 0 .9rem;font-family:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#7fd3e8}
#W-footer .w_footer .w_block:last-of-type strong br{display:none}
#W-footer .w_footer :is(p,li){margin:0;font-size:1rem;line-height:1.6;color:#c9d7e8}
#W-footer .w_footer p+p{margin-top:.9rem}
#W-footer .w_footer p span{font-size:1rem !important}
#W-footer .w_footer ul{list-style:none;margin:0;padding:0}
#W-footer .w_footer li{margin:0 0 .5rem;padding:0}
#W-footer .w_footer .w_block a{color:#fff;font-weight:500;text-decoration:none !important;transition:color .15s}
#W-footer .w_footer .w_block a:is(:hover,:focus-visible){color:#7fd3e8;background:none}
/* Lenkeradene: ingen marg mellom radene, så teksten står midt mellom strekene (optisk: 14 px over store bokstaver og under grunnlinjen) */
div#W-footer footer.w_footer > .w_block > ul > li{margin:0 !important;padding:9px 20px 7px 0 !important;border-bottom-color:rgba(255,255,255,.14)}
#W-footer .w_footer .w_developer{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0 0 !important;padding:1.25rem 0 1.75rem !important;border-top:1px solid rgba(255,255,255,.15)}
/* Mobil: fjellkanten lavere (ellers blir toppene spisse), knappene nederst små og side om side (maks 40 % hver). */
@media (max-width:699px){
#W-footer footer.w_footer{background-size:100% 140px !important}
#W-footer .w_footer .w_logo{justify-content:center !important;align-items:center !important;text-align:center !important}
#W-footer .w_footer .w_logo a{display:flex;justify-content:center;margin:0 auto !important}
#W-footer .w_footer .w_logo img{object-position:center !important}
#W-footer .w_footer .w_developer{justify-content:space-between !important}
#W-footer .w_footer .w_developer > :is(a,button){flex:0 1 40% !important;max-width:40%;min-height:30px;box-sizing:border-box;white-space:normal !important;font-size:.75rem !important;line-height:1.25;text-align:center}
#W-footer .w_footer .w_developer > :is(a,button) > span{display:flex !important;align-items:center;justify-content:center;padding:0 .4em !important}
}
@media (min-width:900px){#W-footer footer.w_footer{grid-template-columns:minmax(150px,200px) 1fr 1fr 1.3fr}}
/* Lysløypa-artikkelen: «Hvis lysløypa ikke er påslått» som egen blokk (Innhold i artikkel 2), samme komponent som
«Mørkt i løypa?» på forsiden (.stf-lysbryter). Siden er hvit, så boksen får snøgrå bakgrunn. */
.stf.stf-lysboks{margin:1.5rem 20px 2rem}
.stf.stf-lysboks .stf-lysbryter{margin-top:0;background:var(--stf-sno)}
/* «Bilder fra Telenorkarusellen 2012» (dok. 689): 56 bilder i artikkelteksten vises som et rutenett med like store
bilder (3:2, beskåret). Bildene ligger fortsatt i teksten; body har klassen article_id_689. */
body.article_id_689 #wrap .single-article-text{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
@media (min-width:700px){body.article_id_689 #wrap .single-article-text{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}}
body.article_id_689 #wrap .single-article-text > p:not(:has(img)){display:none}
body.article_id_689 #wrap .single-article-text figure{margin:0;overflow:hidden;border-radius:6px;background:#f3f6f9;box-shadow:0 1px 2px rgba(15,35,64,.08)}
body.article_id_689 #wrap .single-article-text figure a{display:block;text-decoration:none !important}
body.article_id_689 #wrap .single-article-text figure img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 35%;margin:0;transition:transform .35s ease,filter .35s ease}
body.article_id_689 #wrap .single-article-text figure a:is(:hover,:focus-visible) img{transform:scale(1.05);filter:brightness(1.05)}
body.article_id_689 #wrap .single-article-text figure a:focus-visible{outline:3px solid #02789f;outline-offset:-3px}
@media (prefers-reduced-motion:reduce){body.article_id_689 #wrap .single-article-text figure img{transition:none}}
/* Sider med artikkelliste: kort introduksjon over lista (blokk i «toppen av artikkelutlisting»). Innrykket følger
malens #center (0 / 20 px / 13 % marg ved 960 og 1200 px) + 20 px innrykk i kortene, så teksten står på linje med bildene. */
.stf.stf-artikkelintro{box-sizing:border-box;margin:2.25rem 0 .5rem;padding:0 20px}
@media (min-width:960px){.stf.stf-artikkelintro{padding-inline:40px}}
@media (min-width:1200px){.stf.stf-artikkelintro{padding-inline:calc(13% + 20px)}}
.stf.stf-artikkelintro h2:not(#stf-skjold):not(#stf-skjold){position:relative;padding-bottom:.6rem;font-size:clamp(2rem,1.5rem + 1.8vw,2.75rem);font-weight:700;line-height:1;color:var(--stf-natt)}
.stf.stf-artikkelintro h2::before{content:"";position:absolute;bottom:0;left:0;width:3rem;height:4px;border-radius:2px;background:var(--stf-is)}
.stf.stf-artikkelintro p:not(#stf-skjold):not(#stf-skjold){max-width:62ch;margin:.75rem 0 0;font-size:1.125rem;line-height:1.6;color:var(--stf-dempet)}
/* Årshjul (/arshjul, dok. 711) og Styret (/styre, dok. 674): innholdet står i artikkelteksten.
HTML: utkast/wips/artikkel-arshjul.html og artikkel-styret.html. */
#wrap .single-article-text :is(.stf.stf-aar,.stf.stf-styre){margin:0 0 2.5rem;color:var(--stf-blekk)}
#wrap .single-article-text .stf-aar ol.stf-aar-mnd:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(1rem + 1em);margin:0 0 3rem;padding:0 !important;list-style:none !important;counter-reset:stf-mnd}
#wrap .single-article-text .stf-aar ol.stf-aar-mnd>li:not(#stf-skjold):not(#stf-skjold){position:relative;display:block;margin:0;padding:1.2rem 1.35rem 1.4rem;background:var(--stf-papir);border:1px solid var(--stf-linje);border-top:4px solid var(--stf-is);border-radius:6px;list-style:none !important;counter-increment:stf-mnd}
#wrap .single-article-text .stf-aar ol.stf-aar-mnd>li:is(:nth-child(-n+3),:nth-child(n+11)):not(#stf-skjold):not(#stf-skjold){background:var(--stf-sno)}
#wrap .single-article-text .stf-aar ol.stf-aar-mnd>li:not(#stf-skjold):not(#stf-skjold)::after{content:counter(stf-mnd,decimal-leading-zero);position:absolute;top:.9rem;right:1.2rem;font-family:var(--stf-smal);font-size:1.625rem;font-weight:700;line-height:1;color:var(--stf-rille)}
#wrap .single-article-text .stf-aar ol.stf-aar-mnd h2:not(#stf-skjold):not(#stf-skjold){margin:0 0 .8rem;padding-right:2.5rem;font-size:1.375rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-aar ol.stf-aar-mnd ul:not(#stf-skjold):not(#stf-skjold){margin:0;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-aar ol.stf-aar-mnd ul>li:not(#stf-skjold):not(#stf-skjold){position:relative;display:block;margin:.5rem 0 0;padding-left:1.1rem;list-style:none !important;font-size:1rem;line-height:1.45}
#wrap .single-article-text .stf-aar ol.stf-aar-mnd ul>li:first-child:not(#stf-skjold):not(#stf-skjold){margin-top:0}
#wrap .single-article-text .stf-aar ol.stf-aar-mnd ul>li:not(#stf-skjold):not(#stf-skjold)::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--stf-is)}
#wrap .single-article-text .stf-aar li.stf-aar-tom p:not(#stf-skjold):not(#stf-skjold){margin:0;font-style:italic;color:var(--stf-dempet)}
#wrap .single-article-text .stf-aar h2.stf-aar-tittel:not(#stf-skjold):not(#stf-skjold){margin:0 0 1rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:var(--stf-natt)}
#wrap .single-article-text .stf-aar ul.stf-aar-roller:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:calc(1rem + 1em);margin:0;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-aar ul.stf-aar-roller>li:not(#stf-skjold):not(#stf-skjold){display:flex;flex-direction:column;gap:.55rem;margin:0;padding:1.2rem 1.35rem 1.3rem;background:var(--stf-sno);border-left:4px solid var(--stf-is);border-radius:6px;list-style:none !important}
#wrap .single-article-text .stf-aar ul.stf-aar-roller h3:not(#stf-skjold):not(#stf-skjold){margin:0;font-size:1.375rem;font-weight:700;color:var(--stf-natt)}
#wrap .single-article-text .stf-aar ul.stf-aar-roller p:not(#stf-skjold):not(#stf-skjold){margin:0;font-size:1rem;line-height:1.5}
#wrap .single-article-text .stf-aar ul.stf-aar-roller p.stf-aar-hvem:not(#stf-skjold):not(#stf-skjold){--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-folk.svg");display:flex;align-items:flex-start;gap:.5rem;margin-top:auto;padding-top:.2rem;font-weight:600 !important;color:var(--stf-fjell)}
#wrap .single-article-text .stf-aar p.stf-aar-hvem.stf-ikon:not(#stf-skjold):not(#stf-skjold)::before{width:20px;height:20px;margin-top:.1rem;color:var(--stf-is)}
#wrap .single-article-text .stf-styre p.stf-styre-ingress:not(#stf-skjold):not(#stf-skjold){margin:0 0 1.25rem;font-size:1.125rem;color:var(--stf-dempet)}
#wrap .single-article-text .stf-styre ul.stf-styre-kort:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:1fr;gap:2em;margin:0 0 2em;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-styre ul.stf-styre-kort>li:not(#stf-skjold):not(#stf-skjold){display:flex;flex-direction:column;justify-content:center;gap:.35rem;min-height:186px;box-sizing:border-box;margin:0;padding:1.2rem 1.4rem 1.3rem;background:var(--stf-papir);border:1px solid var(--stf-linje);border-top:4px solid var(--stf-is);border-radius:6px;list-style:none !important;font-family:var(--stf-tekst);font-size:1.25rem;font-weight:700;line-height:1.25;color:var(--stf-natt)}
#wrap .single-article-text .stf-styre ul.stf-styre-kort strong{font-family:var(--stf-smal);font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-styre ul.stf-styre-kort>li.stf-styre-leder:not(#stf-skjold):not(#stf-skjold){background:var(--stf-natt);border-color:var(--stf-natt);border-top-color:var(--stf-is-lys);color:#fff}
#wrap .single-article-text .stf-styre ul.stf-styre-kort>li.stf-styre-leder strong{color:var(--stf-is-lys)}
#wrap .single-article-text .stf-styre ul.stf-styre-grupper:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:1fr;gap:2em;margin:0 0 2em;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-styre ul.stf-styre-grupper>li:not(#stf-skjold):not(#stf-skjold){display:block;margin:0;padding:1.2rem 1.4rem 1.3rem;background:var(--stf-sno);border-radius:6px;list-style:none !important}
#wrap .single-article-text .stf-styre ul.stf-styre-grupper h2:not(#stf-skjold):not(#stf-skjold){margin:0 0 .6rem;font-size:1.25rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-styre ul.stf-styre-grupper>li>:is(ol,ul):not(#stf-skjold):not(#stf-skjold){margin:0;padding:0 !important;list-style:none !important;counter-reset:stf-nr}
#wrap .single-article-text .stf-styre ul.stf-styre-grupper>li>:is(ol,ul)>li:not(#stf-skjold):not(#stf-skjold){display:block;margin:.3rem 0 0;padding:0;list-style:none !important;font-size:1.0625rem;font-weight:600;color:var(--stf-blekk)}
#wrap .single-article-text .stf-styre ul.stf-styre-grupper>li>ol>li:not(#stf-skjold):not(#stf-skjold)::before{counter-increment:stf-nr;content:counter(stf-nr) ".";display:inline-block;min-width:1.4em;font-weight:700;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-styre ul.stf-styre-grupper>li>p:not(#stf-skjold):not(#stf-skjold){margin:.75rem 0 0;font-size:.9375rem;color:var(--stf-dempet)}
@media (min-width:480px){#wrap .single-article-text .stf-styre ul.stf-styre-kort:not(#stf-skjold):not(#stf-skjold){grid-template-columns:repeat(2,1fr)}}
@media (min-width:720px){#wrap .single-article-text .stf-styre :is(ul.stf-styre-kort,ul.stf-styre-grupper):not(#stf-skjold):not(#stf-skjold){grid-template-columns:repeat(3,1fr)}}
#wrap .single-article-text .stf-styre p.stf-styre-valgt:not(#stf-skjold):not(#stf-skjold){--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-kalender.svg");display:flex;align-items:center;gap:.5rem;margin:0;color:var(--stf-dempet)}
#wrap .single-article-text .stf-styre p.stf-styre-valgt.stf-ikon:not(#stf-skjold):not(#stf-skjold)::before{width:20px;height:20px;color:var(--stf-is)}
#wrap .single-article-text .stf-styre p.stf-styre-valgt a{font-weight:600;color:var(--stf-fjell)}
/* SLUTT årshjul/styret */
/* Årsmøter (/arsmoter, dok. 704–709): møtefakta med ikoner, «til stede», nummerert saksliste med vedtak som merke,
valgte som kort (som Styret), nøkkeltall i årsmeldingen. HTML: utkast/wips/artikkel-arsmote-.html */
#wrap .single-article-text .stf.stf-mote{margin:0 0 2.5rem;color:var(--stf-blekk);counter-reset:stf-del}
#wrap .single-article-text .stf-mote p:not(#stf-skjold):not(#stf-skjold){margin:0 0 .9em;font-size:1.0625rem;line-height:1.65}
#wrap .single-article-text .stf-mote a:not(.stf-knapp){font-weight:600;color:var(--stf-fjell)}
#wrap .single-article-text .stf-mote > h2:not(#stf-skjold):not(#stf-skjold),#wrap .single-article-text .stf-mote div.stf-mote-del > h2:not(#stf-skjold):not(#stf-skjold){position:relative;margin:2.75rem 0 1.25rem;padding-bottom:.6rem;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.1rem);font-weight:700;line-height:1.05;color:var(--stf-natt)}
#wrap .single-article-text .stf-mote > h2:not(#stf-skjold):not(#stf-skjold)::after,#wrap .single-article-text .stf-mote div.stf-mote-del > h2:not(#stf-skjold):not(#stf-skjold)::after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:4px;border-radius:2px;background:var(--stf-is)}
#wrap .single-article-text .stf-mote div.stf-mote-del{counter-increment:stf-del}
#wrap .single-article-text .stf-mote div.stf-mote-del > h2:not(#stf-skjold):not(#stf-skjold)::before{content:counter(stf-del) ".";margin-right:.35em;color:var(--stf-is)}
#wrap .single-article-text .stf-mote div.stf-mote-del > h3:not(#stf-skjold):not(#stf-skjold),#wrap .single-article-text .stf-mote > h3.stf-mote-undertittel:not(#stf-skjold):not(#stf-skjold){margin:1.75rem 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-mote > :first-child:not(#stf-skjold):not(#stf-skjold){margin-top:0}
#wrap .single-article-text .stf-mote ul.stf-mote-fakta:not(#stf-skjold):not(#stf-skjold){display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1.25rem;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-mote ul.stf-mote-fakta > li:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.65rem;margin:0;padding:.6rem 1.15rem .65rem .9rem;background:var(--stf-sno);border-left:4px solid var(--stf-is);border-radius:6px;list-style:none !important;font-size:1.0625rem;font-weight:600;line-height:1.3;color:var(--stf-natt)}
#wrap .single-article-text .stf-mote ul.stf-mote-fakta > li.stf-ikon:not(#stf-skjold):not(#stf-skjold)::before{grid-row:span 2;width:24px;height:24px;color:var(--stf-is)}
#wrap .single-article-text .stf-mote ul.stf-mote-fakta small{font-family:var(--stf-smal);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--stf-dempet)}
#wrap .single-article-text .stf-mote ul.stf-mote-fakta > li.stf-mote-dato:not(#stf-skjold):not(#stf-skjold){--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-kalender.svg")}
#wrap .single-article-text .stf-mote ul.stf-mote-fakta > li.stf-mote-tid:not(#stf-skjold):not(#stf-skjold){--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-tid.svg")}
#wrap .single-article-text .stf-mote ul.stf-mote-fakta > li.stf-mote-sted:not(#stf-skjold):not(#stf-skjold){--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-sted.svg")}
#wrap .single-article-text .stf-mote p.stf-mote-tilstede:not(#stf-skjold):not(#stf-skjold){--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-folk.svg");display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;margin:0 0 2rem;padding:1rem 1.25rem 1.05rem;border:1px solid var(--stf-linje);border-radius:6px;font-size:1rem;line-height:1.55}
#wrap .single-article-text .stf-mote p.stf-mote-tilstede.stf-ikon:not(#stf-skjold):not(#stf-skjold)::before{grid-row:span 2;width:24px;height:24px;margin-top:.1rem;color:var(--stf-is)}
#wrap .single-article-text .stf-mote p.stf-mote-tilstede strong{font-family:var(--stf-smal);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--stf-dempet)}
#wrap .single-article-text .stf-mote ul.stf-mote-tall:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:0 0 2.5rem;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-mote ul.stf-mote-tall > li:not(#stf-skjold):not(#stf-skjold){display:flex;flex-direction:column;gap:.35rem;margin:0;padding:1.1rem 1.2rem 1.15rem;background:var(--stf-natt);border-radius:6px;list-style:none !important;color:#fff}
#wrap .single-article-text .stf-mote ul.stf-mote-tall data{font-family:var(--stf-smal);font-size:clamp(2rem,1.6rem + 1.5vw,2.6rem);font-weight:700;line-height:1;color:var(--stf-is-lys)}
#wrap .single-article-text .stf-mote ul.stf-mote-tall small{font-size:.9375rem;line-height:1.35;color:#dbe7f3}
#wrap .single-article-text .stf-mote p.stf-mote-etikett:not(#stf-skjold):not(#stf-skjold){margin:1rem 0 .25rem;font-family:var(--stf-smal);font-size:.9375rem;font-weight:600 !important;letter-spacing:.06em;text-transform:uppercase;color:var(--stf-dempet)}
#wrap .single-article-text .stf-mote ul.stf-mote-punkter:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.5rem 1.5rem;margin:0 0 1em;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-mote ul.stf-mote-punkter > li:not(#stf-skjold):not(#stf-skjold){position:relative;display:block;margin:0;padding:0 0 0 1.3rem;list-style:none !important;font-size:1.0625rem;line-height:1.5}
#wrap .single-article-text .stf-mote ul.stf-mote-punkter > li:not(#stf-skjold):not(#stf-skjold)::before{content:"";position:absolute;left:.15rem;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--stf-is)}
#wrap .single-article-text .stf-mote ul.stf-mote-rader:not(#stf-skjold):not(#stf-skjold){max-width:40rem;margin:0 0 1.1em;padding:0 !important;list-style:none !important;border-top:1px solid var(--stf-linje)}
#wrap .single-article-text .stf-mote ul.stf-mote-rader > li:not(#stf-skjold):not(#stf-skjold){display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .9rem;margin:0;padding:.6rem 0;border-bottom:1px solid var(--stf-linje);list-style:none !important;font-size:1.0625rem;line-height:1.45}
#wrap .single-article-text .stf-mote ul.stf-mote-rader strong{flex:0 0 9.5rem;font-family:var(--stf-smal);font-size:.9375rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-mote ul.stf-mote-rader small{margin-left:auto;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--stf-natt)}
#wrap .single-article-text .stf-mote ul.stf-mote-signatur:not(#stf-skjold):not(#stf-skjold){margin-top:2.5rem}
#wrap .single-article-text .stf-mote ol.stf-mote-saker:not(#stf-skjold):not(#stf-skjold){display:grid;gap:1rem;margin:0 0 2rem;padding:0 !important;list-style:none !important;counter-reset:stf-sak}
#wrap .single-article-text .stf-mote ol.stf-mote-saker > li:not(#stf-skjold):not(#stf-skjold){position:relative;display:block;margin:0;padding:1.1rem 1.35rem 1.2rem 4.1rem;background:var(--stf-papir);border:1px solid var(--stf-linje);border-radius:6px;list-style:none !important;counter-increment:stf-sak}
#wrap .single-article-text .stf-mote ol.stf-mote-saker > li:not(#stf-skjold):not(#stf-skjold)::before{content:counter(stf-sak);position:absolute;left:1.1rem;top:.95rem;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--stf-sno);font-family:var(--stf-smal);font-size:1.15rem;font-weight:700;line-height:1;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-mote ol.stf-mote-saker h3:not(#stf-skjold):not(#stf-skjold){margin:.2rem 0 .5rem;font-size:1.2rem;font-weight:700;line-height:1.25;color:var(--stf-natt)}
#wrap .single-article-text .stf-mote ol.stf-mote-saker > li > :last-child:not(#stf-skjold):not(#stf-skjold){margin-bottom:0}
#wrap .single-article-text .stf-mote ol.stf-mote-saker ul.stf-mote-rader > li:last-child:not(#stf-skjold):not(#stf-skjold){border-bottom:0}
#wrap .single-article-text .stf-mote p.stf-mote-vedtak:not(#stf-skjold):not(#stf-skjold){display:flex;align-items:center;gap:.55rem;width:fit-content;margin:.4rem 0 .75rem;padding:.3rem .85rem .3rem .7rem;background:#e3f3f8;border-radius:999px;font-family:var(--stf-smal);font-size:.95rem;font-weight:600 !important;letter-spacing:.05em;text-transform:uppercase;line-height:1.3;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-mote p.stf-mote-vedtak:not(#stf-skjold):not(#stf-skjold)::before{content:"";flex:none;width:.32em;height:.65em;margin:-.15em .05em 0;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
#wrap .single-article-text .stf-mote ul.stf-mote-valg:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:1fr;gap:1rem;margin:0 0 1.25rem;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-mote ul.stf-mote-valg > li:not(#stf-skjold):not(#stf-skjold){display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin:0;padding:1rem 1.2rem 1.1rem;background:var(--stf-papir);border:1px solid var(--stf-linje);border-top:4px solid var(--stf-is);border-radius:6px;list-style:none !important;font-size:1.125rem;font-weight:600;line-height:1.3;color:var(--stf-natt)}
#wrap .single-article-text .stf-mote ul.stf-mote-valg strong{font-family:var(--stf-smal);font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-mote ul.stf-mote-valg small{margin-top:.25rem;padding:.15rem .6rem;background:var(--stf-sno);border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--stf-dempet)}
#wrap .single-article-text .stf-mote ul.stf-mote-valg > li.stf-mote-leder:not(#stf-skjold):not(#stf-skjold){background:var(--stf-natt);border-color:var(--stf-natt);border-top-color:var(--stf-is-lys);color:#fff}
#wrap .single-article-text .stf-mote ul.stf-mote-valg > li.stf-mote-leder strong{color:var(--stf-is-lys)}
#wrap .single-article-text .stf-mote ul.stf-mote-valg > li.stf-mote-leder small{background:rgba(255,255,255,.12);color:#dbe7f3}
#wrap .single-article-text .stf-mote ul.stf-mote-grupper:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:1fr;gap:1rem;margin:0 0 1.5rem;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-mote ul.stf-mote-grupper > li:not(#stf-skjold):not(#stf-skjold){display:block;margin:0;padding:1.1rem 1.25rem 1.2rem;background:var(--stf-sno);border-radius:6px;list-style:none !important}
#wrap .single-article-text .stf-mote ul.stf-mote-grupper h3:not(#stf-skjold):not(#stf-skjold){margin:0 0 .55rem;font-size:1.05rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-mote ul.stf-mote-grupper > li > ul:not(#stf-skjold):not(#stf-skjold),#wrap .single-article-text .stf-mote ul.stf-mote-grupper > li > ol:not(#stf-skjold):not(#stf-skjold){margin:0;padding:0 !important;list-style:none !important;counter-reset:stf-nr}
#wrap .single-article-text .stf-mote ul.stf-mote-grupper > li > ul > li:not(#stf-skjold):not(#stf-skjold),#wrap .single-article-text .stf-mote ul.stf-mote-grupper > li > ol > li:not(#stf-skjold):not(#stf-skjold){display:block;margin:.45rem 0 0;padding:0;list-style:none !important;font-size:1.0625rem;font-weight:600;line-height:1.35;color:var(--stf-blekk)}
#wrap .single-article-text .stf-mote ul.stf-mote-grupper > li > ol > li:not(#stf-skjold):not(#stf-skjold)::before{counter-increment:stf-nr;content:counter(stf-nr) ".";display:inline-block;min-width:1.4em;font-weight:700;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-mote ul.stf-mote-grupper small{display:block;font-size:.875rem;font-weight:400;color:var(--stf-dempet)}
#wrap .single-article-text .stf-mote ul.stf-mote-grupper > li > ol small{padding-left:1.4em}
#wrap .single-article-text .stf-mote figure.stf-mote-skann{margin:0 0 1.5rem}
#wrap .single-article-text .stf-mote figure.stf-mote-skann img{display:block;width:100%;max-width:640px;height:auto;border:1px solid var(--stf-linje);border-radius:6px;box-shadow:0 6px 20px rgba(15,35,64,.12)}
#wrap .single-article-text .stf-mote figure.stf-mote-skann figcaption{margin-top:.6rem;font-size:.9375rem;color:var(--stf-dempet)}
@media (max-width:479px){
#wrap .single-article-text .stf-mote ol.stf-mote-saker > li:not(#stf-skjold):not(#stf-skjold){padding:1rem 1rem 1.1rem 3.5rem}
#wrap .single-article-text .stf-mote ol.stf-mote-saker > li:not(#stf-skjold):not(#stf-skjold)::before{left:.85rem;width:1.9rem;height:1.9rem;font-size:1.05rem}
#wrap .single-article-text .stf-mote ul.stf-mote-rader strong{flex-basis:100%}
}
@media (min-width:480px){#wrap .single-article-text .stf-mote ul.stf-mote-valg:not(#stf-skjold):not(#stf-skjold){grid-template-columns:repeat(2,1fr)}}
@media (min-width:720px){
#wrap .single-article-text .stf-mote ul.stf-mote-valg:not(#stf-skjold):not(#stf-skjold),#wrap .single-article-text .stf-mote ul.stf-mote-grupper:not(#stf-skjold):not(#stf-skjold){grid-template-columns:repeat(3,1fr)}
#wrap .single-article-text .stf-mote ul.stf-mote-tall:not(#stf-skjold):not(#stf-skjold){grid-template-columns:repeat(4,1fr)}
}
/* SLUTT årsmøter */
/* Personvernerklæring (/Personvern, dok. 41): innholdsfortegnelse, ett avsnitt per hovedpunkt, tydelig nivå på overskriftene
(h2 = 1., 2. …; h3 = 5b, 8b …; h4 = Registrering av brukerkonto …) og samme størrelse på tekst og punktlister. */
#wrap .single-article-text .stf.stf-pv{margin:0 0 2.5rem;color:var(--stf-blekk)}
#wrap .single-article-text .stf-pv p:not(#stf-skjold):not(#stf-skjold){margin:0 0 .9em;font-size:1.0625rem;line-height:1.65}
#wrap .single-article-text .stf-pv p.stf-pv-ingress:not(#stf-skjold):not(#stf-skjold){margin:0 0 1.5rem;font-size:1.2rem;line-height:1.6;font-weight:500 !important;color:var(--stf-natt)}
#wrap .single-article-text .stf-pv a{font-weight:600;color:var(--stf-fjell)}
#wrap .single-article-text .stf-pv nav.stf-pv-innhold{margin:0 0 2.5rem;padding:1.25rem 1.5rem 1.4rem;background:var(--stf-sno);border-left:5px solid var(--stf-is);border-radius:6px}
#wrap .single-article-text .stf-pv nav.stf-pv-innhold h2:not(#stf-skjold):not(#stf-skjold){margin:0 0 .75rem;font-size:1.2rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-pv nav.stf-pv-innhold ul:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:1fr;gap:.35rem 2rem;margin:0;padding:0 !important;list-style:none !important}
@media (min-width:700px){#wrap .single-article-text .stf-pv nav.stf-pv-innhold ul:not(#stf-skjold):not(#stf-skjold){grid-template-columns:1fr 1fr}}
#wrap .single-article-text .stf-pv nav.stf-pv-innhold li:not(#stf-skjold):not(#stf-skjold){display:block;margin:0;padding:0;list-style:none !important;font-size:1rem;line-height:1.4}
#wrap .single-article-text .stf-pv nav.stf-pv-innhold a{text-decoration:none !important}
#wrap .single-article-text .stf-pv nav.stf-pv-innhold a:is(:hover,:focus-visible){text-decoration:underline !important;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-pv div.stf-pv-del{margin:0;padding:2rem 0 0;border-top:1px solid var(--stf-linje)}
#wrap .single-article-text .stf-pv div.stf-pv-del + div.stf-pv-del{margin-top:1.25rem}
#wrap .single-article-text .stf-pv div.stf-pv-del h2:not(#stf-skjold):not(#stf-skjold){margin:0 0 .9rem;font-size:clamp(1.45rem,1.2rem + 1vw,1.8rem);font-weight:700;line-height:1.1;color:var(--stf-natt);scroll-margin-top:1.5rem}
#wrap .single-article-text .stf-pv div.stf-pv-del h3:not(#stf-skjold):not(#stf-skjold){margin:1.6rem 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-pv div.stf-pv-del h4:not(#stf-skjold):not(#stf-skjold){margin:1.25rem 0 .35rem;font-size:1.05rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;color:var(--stf-natt)}
#wrap .single-article-text .stf-pv div.stf-pv-del ul:not(#stf-skjold):not(#stf-skjold){margin:0 0 1em;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-pv div.stf-pv-del ul > li:not(#stf-skjold):not(#stf-skjold){position:relative;display:block;margin:.45rem 0 0;padding:0 0 0 1.3rem;list-style:none !important;font-size:1.0625rem;line-height:1.6}
#wrap .single-article-text .stf-pv div.stf-pv-del ul > li:not(#stf-skjold):not(#stf-skjold)::before{content:"";position:absolute;left:.15rem;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--stf-is)}
/* Tråkkemaskin (/trakkemaskin, dok. 702): ingress, nøkkeltall, giverliste med søyler (--stf-andel = beløp / største beløp),
kronerulling-boks og kontaktkort. */
#wrap .single-article-text .stf.stf-tm{margin:0 0 2.5rem;color:var(--stf-blekk)}
#wrap .single-article-text .stf-tm > p:not(#stf-skjold):not(#stf-skjold){margin:0 0 1em;line-height:1.65}
#wrap .single-article-text .stf-tm > p.stf-tm-ingress:not(#stf-skjold):not(#stf-skjold){margin:0 0 1.5rem;font-size:1.2rem;line-height:1.6;font-weight:500 !important;color:var(--stf-natt)}
#wrap .single-article-text .stf-tm > h2:not(#stf-skjold):not(#stf-skjold){position:relative;margin:2.75rem 0 1rem;padding-bottom:.6rem;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.1rem);font-weight:700;line-height:1.05;color:var(--stf-natt)}
#wrap .single-article-text .stf-tm > h2::before{content:"";position:absolute;bottom:0;left:0;width:3rem;height:4px;border-radius:2px;background:var(--stf-is)}
#wrap .single-article-text .stf-tm ul.stf-tm-tall:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:0;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-tm ul.stf-tm-tall > li:not(#stf-skjold):not(#stf-skjold){display:flex;flex-direction:column;gap:.35rem;margin:0;padding:1.3rem 1.4rem 1.4rem;background:var(--stf-natt);border-top:5px solid var(--stf-is);border-radius:6px;list-style:none !important;color:#e1eaf5}
#wrap .single-article-text .stf-tm ul.stf-tm-tall strong{font-family:var(--stf-smal);font-size:clamp(2.1rem,1.6rem + 1.6vw,2.75rem);font-weight:700;line-height:1;color:#fff}
#wrap .single-article-text .stf-tm ul.stf-tm-tall small{display:block;font-size:1rem;line-height:1.45;color:#c9d7e8}
#wrap .single-article-text .stf-tm ul.stf-tm-givere:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:1fr;gap:.35rem 2rem;margin:0 0 1.5rem;padding:0 !important;list-style:none !important}
@media (min-width:820px){#wrap .single-article-text .stf-tm ul.stf-tm-givere:not(#stf-skjold):not(#stf-skjold){grid-template-columns:1fr 1fr}}
#wrap .single-article-text .stf-tm ul.stf-tm-givere > li:not(#stf-skjold):not(#stf-skjold){position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:0;padding:.55rem 0 .75rem;border-bottom:1px solid var(--stf-kord);list-style:none !important}
#wrap .single-article-text .stf-tm ul.stf-tm-givere > li:not(#stf-skjold):not(#stf-skjold)::after{content:"";position:absolute;left:0;bottom:-1px;width:var(--stf-andel,0%);height:4px;border-radius:2px;background:var(--stf-is)}
#wrap .single-article-text .stf-tm ul.stf-tm-givere strong{font-weight:600;color:var(--stf-natt)}
#wrap .single-article-text .stf-tm ul.stf-tm-givere data{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-tm aside.stf-tm-rulling{margin:2rem 0 0;padding:1.4rem 1.5rem;background:var(--stf-sno);border-left:5px solid var(--stf-is);border-radius:6px}
#wrap .single-article-text .stf-tm aside.stf-tm-rulling p:not(#stf-skjold):not(#stf-skjold){margin:0;line-height:1.6}
#wrap .single-article-text .stf-tm aside.stf-tm-rulling strong{display:block;margin-bottom:.35rem;font-family:var(--stf-smal);font-size:1.4rem;font-weight:700;color:var(--stf-natt)}
#wrap .single-article-text .stf-tm ul.stf-tm-kontakt:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:0 0 1.25rem;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-tm ul.stf-tm-kontakt > li:not(#stf-skjold):not(#stf-skjold){display:flex;flex-direction:column;gap:.2rem;margin:0;padding:1.2rem 1.35rem;background:var(--stf-papir);border:1px solid var(--stf-linje);border-top:4px solid var(--stf-is);border-radius:6px;list-style:none !important}
#wrap .single-article-text .stf-tm ul.stf-tm-kontakt strong{margin-bottom:.3rem;font-size:1.125rem;font-weight:700;color:var(--stf-natt)}
#wrap .single-article-text .stf-tm ul.stf-tm-kontakt a{font-weight:600;color:var(--stf-fjell);overflow-wrap:anywhere}
#wrap .single-article-text .stf-tm ul.stf-tm-kontakt a[href^="tel:"]{font-size:1.25rem;font-variant-numeric:tabular-nums}
#wrap .single-article-text .stf-tm ul.stf-tm-kontakt small{margin-bottom:.4rem;font-size:.875rem;color:var(--stf-dempet)}
#wrap .single-article-text .stf-tm > p.stf-tm-notis:not(#stf-skjold):not(#stf-skjold){font-size:.9375rem;color:var(--stf-dempet)}
/* Resultatlister (f.eks. /stormfjellrennet-2009, dok. 692): fakta-brikker og ett kort med tabell per klasse.
Plass 1–3 får medaljefarge, IL Stormfjell-løpere utheves. Klubben står under navnet, så tabellen passer på mobil. */
#wrap .single-article-text .stf.stf-sr{margin:0 0 2.5rem;color:var(--stf-blekk)}
#wrap .single-article-text .stf-sr p.stf-sr-ingress:not(#stf-skjold):not(#stf-skjold){margin:0 0 1rem;font-size:1.25rem;line-height:1.5;font-weight:500 !important;color:var(--stf-natt)}
#wrap .single-article-text .stf-sr ul.stf-sr-fakta:not(#stf-skjold):not(#stf-skjold){display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-sr ul.stf-sr-fakta > li:not(#stf-skjold):not(#stf-skjold){display:block;margin:0;padding:.35rem .85rem;background:var(--stf-sno);border:1px solid var(--stf-linje);border-radius:999px;list-style:none !important;font-size:.9375rem;font-weight:600;color:var(--stf-fjell)}
#wrap .single-article-text .stf-sr ul.stf-sr-klasser:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:1fr;gap:2em;align-items:start;margin:0;padding:0 !important;list-style:none !important}
@media (min-width:900px){#wrap .single-article-text .stf-sr ul.stf-sr-klasser:not(#stf-skjold):not(#stf-skjold){grid-template-columns:1fr 1fr}}
#wrap .single-article-text .stf-sr ul.stf-sr-klasser > li:not(#stf-skjold):not(#stf-skjold){display:block;margin:0;padding:0;background:var(--stf-papir);border:1px solid var(--stf-linje);border-top:4px solid var(--stf-is);border-radius:6px;overflow:hidden;list-style:none !important}
#wrap .single-article-text .stf-sr ul.stf-sr-klasser h2:not(#stf-skjold):not(#stf-skjold){display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0;padding:.9rem 1.1rem .7rem;font-size:1.3rem;font-weight:700;line-height:1.2;color:var(--stf-natt)}
#wrap .single-article-text .stf-sr ul.stf-sr-klasser h2 small{font-family:var(--stf-tekst);font-size:.875rem;font-weight:600;color:var(--stf-is-mork);white-space:nowrap}
#wrap .single-article-text .stf-sr table.stf-sr-tabell:not(#stf-skjold):not(#stf-skjold){width:100%;margin:0;border-collapse:collapse;border:0;background:none;font-size:.9375rem}
#wrap .single-article-text .stf-sr table.stf-sr-tabell thead:not(#stf-skjold):not(#stf-skjold){background:var(--stf-sno)}
#wrap .single-article-text .stf-sr table.stf-sr-tabell th:not(#stf-skjold):not(#stf-skjold){padding:.45rem .6rem;border:0;border-bottom:1px solid var(--stf-linje);background:none;text-align:left;vertical-align:bottom;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--stf-dempet)}
#wrap .single-article-text .stf-sr table.stf-sr-tabell td:not(#stf-skjold):not(#stf-skjold){padding:.5rem .6rem;border:0;border-bottom:1px solid var(--stf-kord);background:none;text-align:left;vertical-align:middle;line-height:1.3}
#wrap .single-article-text .stf-sr table.stf-sr-tabell tr:last-child td:not(#stf-skjold):not(#stf-skjold){border-bottom:0}
#wrap .single-article-text .stf-sr table.stf-sr-tabell :is(th,td):first-child:not(#stf-skjold):not(#stf-skjold){padding-left:1.1rem}
#wrap .single-article-text .stf-sr table.stf-sr-tabell :is(th,td).stf-sr-plass:not(#stf-skjold):not(#stf-skjold){width:2.6rem;text-align:center}
#wrap .single-article-text .stf-sr table.stf-sr-tabell :is(th,td):is(.stf-sr-tid,.stf-sr-etter):not(#stf-skjold):not(#stf-skjold){width:1%}
#wrap .single-article-text .stf-sr table.stf-sr-tabell :is(th,td):last-child:not(#stf-skjold):not(#stf-skjold){padding-right:1.1rem}
#wrap .single-article-text .stf-sr table.stf-sr-tabell td.stf-sr-tid:not(#stf-skjold):not(#stf-skjold){font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap;color:var(--stf-natt)}
#wrap .single-article-text .stf-sr table.stf-sr-tabell td.stf-sr-etter:not(#stf-skjold):not(#stf-skjold){font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--stf-dempet)}
#wrap .single-article-text .stf-sr table.stf-sr-tabell td small{display:block;font-size:.8125rem;color:var(--stf-dempet)}
#wrap .single-article-text .stf-sr table.stf-sr-tabell td strong{display:inline-grid;place-items:center;min-width:1.7rem;height:1.7rem;border-radius:50%;font-weight:700;font-size:.875rem;color:var(--stf-natt)}
#wrap .single-article-text .stf-sr table.stf-sr-tabell tr.stf-sr-1 td strong{background:#f2c94c}
#wrap .single-article-text .stf-sr table.stf-sr-tabell tr.stf-sr-2 td strong{background:#d5dbe3}
#wrap .single-article-text .stf-sr table.stf-sr-tabell tr.stf-sr-3 td strong{background:#e3b48a}
#wrap .single-article-text .stf-sr table.stf-sr-tabell tr.stf-sr-egen td:not(#stf-skjold):not(#stf-skjold){background:#eaf6fa}
#wrap .single-article-text .stf-sr table.stf-sr-tabell tr.stf-sr-egen td small{font-weight:700;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-sr table.stf-sr-tabell tr.stf-sr-brutt td.stf-sr-tid:not(#stf-skjold):not(#stf-skjold){font-weight:400;color:var(--stf-dempet)}
#wrap .single-article-text .stf-sr ul.stf-sr-klasser > li.stf-sr-navn:not(#stf-skjold):not(#stf-skjold){grid-column:1/-1}
#wrap .single-article-text .stf-sr ul.stf-sr-navneliste:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 1.25rem;margin:0;padding:.3rem 1.1rem 1rem !important;list-style:none !important;border-top:1px solid var(--stf-linje)}
#wrap .single-article-text .stf-sr ul.stf-sr-navneliste > li:not(#stf-skjold):not(#stf-skjold){display:block;margin:0;padding:.4rem 0;border-bottom:1px solid var(--stf-kord);list-style:none !important;font-size:.9375rem;line-height:1.3}
#wrap .single-article-text .stf-sr ul.stf-sr-navneliste small{margin-left:.35rem;font-size:.8125rem;color:var(--stf-dempet)}
#wrap .single-article-text .stf-sr p.stf-sr-notis:not(#stf-skjold):not(#stf-skjold){margin:1.25rem 0 0;font-size:.875rem;color:var(--stf-dempet)}
/* Informasjon om skilisens (/informasjon-om-skilisens, dok. 728): prisruter og spørsmål/svar-kort. Teksten er uendret. */
#wrap .single-article-text .stf.stf-lis{margin:0 0 2.5rem;color:var(--stf-blekk)}
#wrap .single-article-text .stf-lis p.stf-lis-ingress:not(#stf-skjold):not(#stf-skjold){margin:0 0 1.5rem;font-size:1.25rem;line-height:1.55;font-weight:500 !important;color:var(--stf-natt)}
#wrap .single-article-text .stf-lis ul.stf-lis-priser:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:0 0 .75rem;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-lis ul.stf-lis-priser > li:not(#stf-skjold):not(#stf-skjold){display:flex;flex-direction:column;gap:.35rem;margin:0;padding:1.3rem 1.4rem 1.4rem;background:var(--stf-natt);border-top:5px solid var(--stf-is);border-radius:6px;list-style:none !important;color:#e1eaf5}
#wrap .single-article-text .stf-lis ul.stf-lis-priser strong{font-family:var(--stf-smal);font-size:clamp(2.1rem,1.6rem + 1.6vw,2.75rem);font-weight:700;line-height:1;color:#fff}
#wrap .single-article-text .stf-lis ul.stf-lis-priser small{display:block;font-size:1rem;line-height:1.45;color:#c9d7e8}
#wrap .single-article-text .stf-lis p.stf-lis-notis:not(#stf-skjold):not(#stf-skjold){margin:0 0 2.5rem;font-size:.9375rem;color:var(--stf-dempet)}
#wrap .single-article-text .stf-lis > h2:not(#stf-skjold):not(#stf-skjold){position:relative;margin:0 0 1.1rem;padding-bottom:.6rem;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.1rem);font-weight:700;line-height:1.05;color:var(--stf-natt)}
#wrap .single-article-text .stf-lis > h2::before{content:"";position:absolute;bottom:0;left:0;width:3rem;height:4px;border-radius:2px;background:var(--stf-is)}
#wrap .single-article-text .stf-lis ul.stf-lis-faq:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:1fr;gap:1rem;margin:0;padding:0 !important;list-style:none !important}
@media (min-width:820px){#wrap .single-article-text .stf-lis ul.stf-lis-faq:not(#stf-skjold):not(#stf-skjold){grid-template-columns:1fr 1fr}}
#wrap .single-article-text .stf-lis ul.stf-lis-faq > li:not(#stf-skjold):not(#stf-skjold){position:relative;display:block;margin:0;padding:1.2rem 1.4rem 1.3rem 3.7rem;background:var(--stf-sno);border-radius:6px;list-style:none !important}
#wrap .single-article-text .stf-lis ul.stf-lis-faq > li:not(#stf-skjold):not(#stf-skjold)::before{content:"?";position:absolute;left:1.2rem;top:1.1rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--stf-is);color:#fff;font-family:var(--stf-smal);font-size:1.1rem;font-weight:700;line-height:1.75rem;text-align:center}
#wrap .single-article-text .stf-lis ul.stf-lis-faq h2:not(#stf-skjold):not(#stf-skjold){margin:0 0 .5rem;font-size:1.3rem;font-weight:700;line-height:1.2;color:var(--stf-natt)}
#wrap .single-article-text .stf-lis ul.stf-lis-faq p:not(#stf-skjold):not(#stf-skjold){margin:0 0 .6em;line-height:1.55}
#wrap .single-article-text .stf-lis ul.stf-lis-faq p:last-child:not(#stf-skjold):not(#stf-skjold){margin-bottom:0}
/* Reinhornrennet – historikk (/reinhornrennet-historikk, dok. 713): ingress, nøkkeltall, tidslinje og mellomtitler.
Teksten er uendret; strukturen står i utkast/wips/artikkel-historikk-mal.html. */
#wrap .single-article-text .stf.stf-hist{margin:0 0 2.5rem;color:var(--stf-blekk)}
#wrap .single-article-text .stf-hist > p:not(#stf-skjold):not(#stf-skjold){margin:0 0 1em;line-height:1.65}
#wrap .single-article-text .stf-hist > p.stf-hist-ingress:not(#stf-skjold):not(#stf-skjold){margin:0 0 1.25rem;font-size:1.25rem;line-height:1.6;font-weight:500 !important;color:var(--stf-natt)}
#wrap .single-article-text .stf-hist > h2:not(#stf-skjold):not(#stf-skjold){position:relative;margin:2.75rem 0 1rem;padding-bottom:.6rem;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.1rem);font-weight:700;line-height:1.05;color:var(--stf-natt)}
#wrap .single-article-text .stf-hist > h2::before{content:"";position:absolute;bottom:0;left:0;width:3rem;height:4px;border-radius:2px;background:var(--stf-is)}
#wrap .single-article-text .stf-hist ul.stf-hist-tall:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0 0;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-hist ul.stf-hist-tall > li:not(#stf-skjold):not(#stf-skjold){display:flex;flex-direction:column;gap:.35rem;margin:0;padding:1.3rem 1.4rem 1.4rem;background:var(--stf-natt);border-top:5px solid var(--stf-is);border-radius:6px;list-style:none !important;color:#e1eaf5}
#wrap .single-article-text .stf-hist ul.stf-hist-tall strong{font-family:var(--stf-smal);font-size:clamp(2.1rem,1.6rem + 1.6vw,2.75rem);font-weight:700;line-height:1;color:#fff}
#wrap .single-article-text .stf-hist ul.stf-hist-tall small{display:block;font-size:1rem;line-height:1.45;color:#c9d7e8}
#wrap .single-article-text .stf-hist ol.stf-hist-linje:not(#stf-skjold):not(#stf-skjold){margin:0;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-hist ol.stf-hist-linje > li:not(#stf-skjold):not(#stf-skjold){position:relative;display:block;margin:0 0 0 .5rem;padding:0 0 1.4rem 1.75rem;border-left:2px solid var(--stf-kord);list-style:none !important}
#wrap .single-article-text .stf-hist ol.stf-hist-linje > li:last-child:not(#stf-skjold):not(#stf-skjold){padding-bottom:0;border-left-color:transparent}
#wrap .single-article-text .stf-hist ol.stf-hist-linje > li:not(#stf-skjold):not(#stf-skjold)::before{content:"";position:absolute;left:-8px;top:.3rem;width:14px;height:14px;border-radius:50%;background:var(--stf-is);box-shadow:0 0 0 4px #fff}
#wrap .single-article-text .stf-hist ol.stf-hist-linje > li.stf-hist-avlyst:not(#stf-skjold):not(#stf-skjold)::before{background:#fff;border:3px solid var(--stf-is);box-sizing:border-box}
#wrap .single-article-text .stf-hist ol.stf-hist-linje strong{display:block;font-family:var(--stf-smal);font-size:1.5rem;font-weight:700;line-height:1.1;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-hist ol.stf-hist-linje p:not(#stf-skjold):not(#stf-skjold){margin:.3rem 0 0;line-height:1.55}
@media (min-width:760px){
#wrap .single-article-text .stf-hist ol.stf-hist-linje > li:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:6.5rem 1fr;column-gap:1.25rem;align-items:baseline}
#wrap .single-article-text .stf-hist ol.stf-hist-linje p:not(#stf-skjold):not(#stf-skjold){margin:0}
}
/* Sitater i artikler: samme uttrykk som sitatet fra Inge Strand på forsiden (.stf-sitat).
HTML: «…»
[Navn] */
#wrap .single-article-text :is(figure.stf-sitat,blockquote:not(figure blockquote)){margin:2rem 0;padding:.25rem 0 .25rem 1.25rem;border:0;border-left:4px solid #2a8fe0;background:none}
#wrap .single-article-text figure.stf-sitat blockquote{margin:0;padding:0;border:0;background:none}
#wrap .single-article-text :is(figure.stf-sitat,blockquote) p{margin:0;font-family:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;font-size:clamp(1.5rem,2.8vw,1.875rem);font-style:normal;font-weight:500 !important;line-height:1.2;color:#234d86}
#wrap .single-article-text figure.stf-sitat figcaption{margin-top:.6rem;font-size:.9375rem;color:#4f6077}
/* Reinhornrennet-artikkelen (/reinhornrennet, dok. 712): CTA, faktaruter med ikoner, klassekort og hjelpeboks.
HTML: utkast/wips/artikkel-reinhornrennet.html. Innholdet står i artikkelteksten, derfor #wrap .single-article-text. */
.stf .stf-ikon-tid{--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-tid.svg")}
.stf .stf-ikon-flagg{--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-flagg.svg")}
.stf .stf-ikon-hus{--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-hus.svg")}
.stf .stf-ikon-nummer{--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-nummer.svg")}
.stf .stf-ikon-pokal{--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-pokal.svg")}
#wrap .single-article-text .stf.stf-rr{margin:0 0 2.5rem;color:var(--stf-blekk)}
#wrap .single-article-text .stf-rr p:not(#stf-skjold):not(#stf-skjold){margin:0}
#wrap .single-article-text p.stf-rr-logo:not(#stf-skjold):not(#stf-skjold){margin:0 0 1rem}
#wrap .single-article-text .stf-rr-logo img{width:25%;min-width:110px;max-width:180px;height:auto}
#wrap .single-article-text .stf-rr h2.stf-rr-tittel{margin:0;font-size:clamp(2rem,4.5vw,2.875rem);line-height:1;color:var(--stf-natt)}
#wrap .single-article-text .stf-rr p.stf-rr-handling:not(#stf-skjold):not(#stf-skjold){display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.5rem;margin:1.25rem 0 2.25rem}
#wrap .single-article-text .stf-rr a.stf-knapp{min-height:52px;padding:.7em 1.7em;font-size:1.375rem;color:#fff;background:var(--stf-is);border-color:var(--stf-is);text-decoration:none !important}
#wrap .single-article-text .stf-rr a.stf-knapp:is(:hover,:focus-visible){color:#fff;background:var(--stf-is-mork);border-color:var(--stf-is-mork)}
#wrap .single-article-text .stf-rr a.stf-rr-hjelpelenke{font-weight:600;color:var(--stf-fjell)}
#wrap .single-article-text .stf-rr ul.stf-rr-fakta:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:1fr;gap:1px;margin:0 0 2.5rem;padding:0 !important;list-style:none !important;background:var(--stf-linje);border:1px solid var(--stf-linje);border-radius:8px;overflow:hidden}
@media (min-width:560px){#wrap .single-article-text .stf-rr ul.stf-rr-fakta:not(#stf-skjold):not(#stf-skjold){grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){#wrap .single-article-text .stf-rr ul.stf-rr-fakta:not(#stf-skjold):not(#stf-skjold){grid-template-columns:repeat(3,1fr)}}
#wrap .single-article-text .stf-rr ul.stf-rr-fakta>li:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:26px 1fr;column-gap:.85rem;align-content:start;margin:0;padding:1.1rem 1.25rem;background:var(--stf-papir);list-style:none !important;line-height:1.45;color:var(--stf-blekk)}
#wrap .single-article-text .stf-rr ul.stf-rr-fakta>li.stf-ikon:not(#stf-skjold):not(#stf-skjold)::before{grid-row:span 2;width:26px;height:26px;margin-top:.1rem;color:var(--stf-is)}
#wrap .single-article-text .stf-rr ul.stf-rr-fakta strong{display:block;margin-bottom:.15rem;font-family:var(--stf-smal);font-size:.9375rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--stf-is-mork)}
#wrap .single-article-text .stf-rr h3.stf-rr-undertittel{margin:0 0 .9rem;font-size:1.75rem;color:var(--stf-natt)}
#wrap .single-article-text .stf-rr ul.stf-rr-klasser:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:0 0 1.75rem;padding:0 !important;list-style:none !important}
#wrap .single-article-text .stf-rr ul.stf-rr-klasser>li:not(#stf-skjold):not(#stf-skjold){display:flex;flex-direction:column;gap:.4rem;margin:0;padding:1.4rem 1.5rem 1.6rem;background:var(--stf-natt);border-top:5px solid var(--stf-is);border-radius:6px;list-style:none !important;color:#e1eaf5}
#wrap .single-article-text .stf-rr ul.stf-rr-klasser strong{font-family:var(--stf-smal);font-size:1.25rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--stf-is-lys)}
#wrap .single-article-text .stf-rr ul.stf-rr-klasser data{font-family:var(--stf-smal);font-size:clamp(2.75rem,6vw,3.5rem);font-weight:700;line-height:1;color:#fff}
#wrap .single-article-text .stf-rr ul.stf-rr-klasser small{display:block;font-size:1rem;line-height:1.5;color:#c9d7e8}
#wrap .single-article-text .stf-rr p.stf-rr-merker:not(#stf-skjold):not(#stf-skjold){margin:0 0 2rem;color:var(--stf-dempet)}
#wrap .single-article-text .stf-rr p.stf-rr-merker a{font-weight:600;color:var(--stf-fjell)}
#wrap .single-article-text .stf-rr .stf-lysbryter{margin:0;background:var(--stf-sno)}
/* Menyen: undermenyene (data-style-type="default-secondary") får natteblått i stedet for malens oransje
(--secondary-color-contrast #CC5C2E). Hover/fokus: isblå som knappene. Hvit tekst: 15:1 og 4,9:1. */
body li.menu-item[data-style-type="default-secondary"]:not(#stf-skjold){--menu-item-background-color:#0f2340;--menu-item-text-color:#ffffff;--menu-item-focus-background-color:#02789f;--menu-item-focus-text-color:#ffffff}
body ul.menu-level[data-style-type="default-secondary"]:not(#stf-skjold){border-top:3px solid #02789f;box-shadow:0 12px 24px rgba(15,35,64,.25)}
/* Artikler og artikkellister: 2em luft ned til footer (ikke på forsiden, der blokkene går kant i kant) */
body:not(.page_id_1125135860) #wrap #center{padding-bottom:2em}
/* ===== IL Stormfjell – redesign (prefiks stf). Alt under her er avgrenset til .stf ===== */
/* ---------- Token ---------- */
.stf{
--stf-papir:#ffffff;
--stf-sno:#f3f6f9;
--stf-natt:#0f2340;
--stf-fjell:#234d86;
--stf-himmel:#2a8fe0;
--stf-himmel-lys:#9cc8ee;
--stf-blekk:#172a45;
--stf-dempet:#4f6077;
--stf-is:#02789f;
--stf-is-mork:#015f7e;
--stf-is-lys:#7fd3e8;
--stf-is-lys-hover:#a9e3f1;
--stf-linje:#d5dee8;
--stf-kord:#dbe3ec;
--stf-rille:#c3d0de;
--stf-rille-skygge:#93a8c0;
--stf-fokus:var(--stf-is);
--stf-smal:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
--stf-tekst:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
--stf-bredde:1200px;
--stf-kant:clamp(16px,4vw,40px);
--stf-luft:clamp(3.5rem,8vw,7rem);
--stf-sporhoyde:56px;
font-family:var(--stf-tekst);
font-size:1.0625rem;
line-height:1.6;
color:var(--stf-blekk);
background:var(--stf-papir);
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
@media (min-width:900px){.stf{font-size:1.125rem}}
.stf,.stf *,.stf *::before,.stf *::after{box-sizing:border-box}
.stf: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 ---------- */
.stf :where(h1,h2,h3,h4,h5,h6):not(#stf-skjold):not(#stf-skjold){font-family:var(--stf-smal);font-weight:600;font-style:normal;line-height:1.02;letter-spacing:0;color:inherit;text-transform:none;text-align:inherit;background:none;border:0;padding:0;margin:0;overflow-wrap:normal;text-wrap:balance}
.stf :where(figcaption,address,summary,blockquote){font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;margin:0;padding:0}
.stf :where(img,svg){border:0;box-shadow:none;border-radius:0;padding:0;background:none;max-width:100%}
.stf :where(img){display:block;height:auto}
.stf :where(figure){margin:0;padding:0}
.stf :where(a){color:inherit;background:none;border:0;box-shadow:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.stf :where(a:hover){text-decoration-thickness:2px}
/* CMS-skjold: ID-løftet :not(#stf-skjold):not(#stf-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). */
.stf :where(ul,ol):not(#stf-skjold):not(#stf-skjold){margin:0;padding:0;padding-inline-start:0 !important;list-style:none !important;color:inherit;text-align:inherit;text-indent:0}
.stf :where(li):not(#stf-skjold):not(#stf-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}
.stf :where(li):not(#stf-skjold):not(#stf-skjold)::marker{content:none}
.stf :where(p):not(#stf-skjold):not(#stf-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}
.stf :where(table):not(#stf-skjold):not(#stf-skjold){border-collapse:collapse;border-spacing:0;border:0;background:none;box-shadow:none;margin:0;width:100%;max-width:none;overflow:visible}
.stf :where(thead,tbody,tfoot,tr):not(#stf-skjold):not(#stf-skjold){background:none;border:0;box-shadow:none;font:inherit;color:inherit}
.stf :where(td,th):not(#stf-skjold):not(#stf-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}
.stf :where(caption):not(#stf-skjold):not(#stf-skjold){font:inherit;color:inherit;text-align:inherit;padding:0;margin:0}
.stf :where(a,button,summary):focus-visible{outline:3px solid var(--stf-fokus);outline-offset:3px;border-radius:2px}
.stf :where(strong,b){font-weight:600}
.stf :where(small){font-size:inherit}
.stf :where(data,time){font:inherit}
/* ---------- Felles ---------- */
.stf .stf-innhold{max-width:var(--stf-bredde);margin-inline:auto;padding-inline:var(--stf-kant)}
.stf .stf-ingress:not(#stf-skjold):not(#stf-skjold){font-size:1.1875rem;line-height:1.55;max-width:38ch}
@media (min-width:900px){.stf .stf-ingress:not(#stf-skjold):not(#stf-skjold){font-size:1.3125rem}}
.stf .stf-tittel:not(#stf-skjold):not(#stf-skjold){font-size:clamp(2.25rem,5vw,3.5rem)}
.stf .stf-knapp{display:inline-flex;align-items:center;gap:.5em;min-height:48px;padding:.65em 1.25em;font-family:var(--stf-smal);font-size:1.25rem;font-weight:600;line-height:1.1;letter-spacing:.01em;text-decoration:none !important;color:#fff;background:var(--stf-is);border:2px solid var(--stf-is);border-radius:4px;transition:background-color .15s,border-color .15s}
.stf .stf-knapp:hover{background:var(--stf-is-mork);border-color:var(--stf-is-mork)}
/* Malen gir lenker i blokker mørkeblå tekst ved hover (.generic_block a:hover, 0,2,1): lås tekstfargen ved hover/fokus */
.stf .stf-knapp:is(:hover,:focus-visible){color:#fff}
/* På mørk bunn: lys isblå knapp med mørk tekst */
.stf:is(.stf-topp,.stf-hero,.stf-reinhorn,.stf-medlem,.stf-bunn) .stf-knapp:not(.stf-knapp-strek){background:var(--stf-is-lys);border-color:var(--stf-is-lys);color:var(--stf-natt)}
.stf:is(.stf-topp,.stf-hero,.stf-reinhorn,.stf-medlem,.stf-bunn) .stf-knapp:not(.stf-knapp-strek):is(:hover,:focus-visible){background:var(--stf-is-lys-hover);border-color:var(--stf-is-lys-hover);color:var(--stf-natt)}
.stf:is(.stf-topp,.stf-hero,.stf-reinhorn,.stf-medlem,.stf-bunn) :where(a):not(.stf-knapp):is(:hover,:focus-visible){color:var(--stf-is-lys)}
.stf .stf-knapp-strek{background:transparent;border-color:currentColor;color:inherit}
.stf .stf-knapp-strek:is(:hover,:focus-visible){background:rgba(255,255,255,.12);border-color:currentColor;color:inherit}
.stf .stf-knapp svg{width:1.05em;height:1.05em;flex:none}
.stf .stf-lenke{font-weight:600;color:var(--stf-fjell)}
.stf .stf-mangler{background:#fff1c2;color:#4a3500;padding:.1em .35em;border-radius:3px;font-weight:500}
/* Sporet: preparert klassiskspor — to riller i kordfløyel, som stripene i merket */
.stf .stf-spor{display:block;height:var(--stf-sporhoyde);background-color:var(--stf-sno);background-image:
linear-gradient(to bottom,transparent 0 16px,var(--stf-rille-skygge) 16px 18px,var(--stf-rille) 18px 24px,#fff 24px 25px,transparent 25px 31px,var(--stf-rille-skygge) 31px 33px,var(--stf-rille) 33px 39px,#fff 39px 40px,transparent 40px),
repeating-linear-gradient(to bottom,var(--stf-sno) 0 3px,var(--stf-kord) 3px 4px);
background-repeat:no-repeat,repeat;background-size:100% 100%,auto}
@keyframes stf-spor-inn{from{background-size:0 100%,auto}to{background-size:100% 100%,auto}}
.stf .stf-ikon:not(#stf-skjold):not(#stf-skjold)::before{content:"";flex:none;width:28px;height:28px;background:currentColor;-webkit-mask:var(--stf-ikon) center/contain no-repeat;mask:var(--stf-ikon) center/contain no-repeat}
.stf .stf-ikon-lys{--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-lys.svg")}
.stf .stf-ikon-epost:not(#stf-skjold):not(#stf-skjold){--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-epost.svg")}
.stf .stf-ikon-sted:not(#stf-skjold):not(#stf-skjold){--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-sted.svg")}
.stf .stf-ikon-trakk{--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-trakk.svg")}
.stf .stf-ikon-facebook:not(#stf-skjold):not(#stf-skjold){--stf-ikon:url("/sites/s/stormfjell.no/files/2026/10/stf-facebook.svg")}
/* ---------- Hopp til innhold ---------- */
.stf.stf-hopp{position:absolute;left:var(--stf-kant);top:-100px;z-index:100;padding:.75em 1em;background:var(--stf-natt);color:#fff;font-weight:600;text-decoration:none !important;border-radius:0 0 4px 4px;--stf-fokus:var(--stf-is-lys)}
.stf.stf-hopp:focus{top:0}
/* ---------- Topp ---------- */
.stf.stf-topp{background:var(--stf-fjell);color:#fff;--stf-fokus:var(--stf-is-lys)}
.stf.stf-topp .stf-innhold{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding-block:.75rem}
.stf .stf-merke{display:flex;align-items:center;gap:.75rem;text-decoration:none !important;color:#fff;margin-inline-end:auto}
.stf .stf-merke img{width:56px;height:56px}
.stf .stf-merke strong{display:block;font-family:var(--stf-smal);font-size:1.5rem;font-weight:700;line-height:1}
.stf .stf-merke small{display:block;font-size:.875rem;color:#d6e4f5;line-height:1.3;margin-top:.15em}
.stf .stf-meny{order:3;flex-basis:100%}
.stf .stf-meny ul:not(#stf-skjold):not(#stf-skjold){display:flex;flex-wrap:wrap;gap:.25rem clamp(1rem,4vw,1.5rem)}
.stf .stf-meny a{display:inline-block;padding-block:.35rem;font-family:var(--stf-smal);font-size:1.25rem;font-weight:500;text-decoration:none !important;color:#fff;border-bottom:2px solid transparent}
.stf .stf-meny a:hover{border-bottom-color:var(--stf-is-lys)}
.stf.stf-topp .stf-knapp{min-height:44px;font-size:1.125rem;padding:.5em 1em}
@media (max-width:419px){
.stf .stf-merke img{width:48px;height:48px}
.stf .stf-merke strong{font-size:1.3125rem}
.stf.stf-topp .stf-knapp{font-size:1.0625rem;padding:.5em .8em}
.stf .stf-meny a{font-size:1.125rem}
}
@media (min-width:860px){
.stf.stf-topp .stf-innhold{column-gap:2rem}
.stf .stf-merke img{width:68px;height:68px}
.stf .stf-meny{order:0;flex-basis:auto}
}
/* ---------- Hero ---------- */
.stf.stf-hero{position:relative;background:var(--stf-natt);color:#fff;--stf-fokus:var(--stf-is-lys)}
.stf .stf-hero-bilde img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:60% 70%}
.stf .stf-hero-skilt{padding:2rem var(--stf-kant) 2.5rem;background:var(--stf-natt)}
.stf .stf-hero-tittel:not(#stf-skjold):not(#stf-skjold){font-size:clamp(2.75rem,8vw,5.5rem);font-weight:700;line-height:.95}
.stf .stf-hero-skilt p:not(#stf-skjold):not(#stf-skjold){margin-top:1.1rem;color:#e1eaf5;max-width:36ch}
.stf .stf-hero-handling{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.stf.stf-hero .stf-spor{animation:stf-spor-inn 1.6s cubic-bezier(.2,.7,.2,1) .2s both}
@media (min-width:900px){
.stf .stf-hero-bilde img{aspect-ratio:auto;height:clamp(520px,78vh,820px)}
.stf .stf-hero-skilt{position:absolute;left:max(var(--stf-kant),calc((100% - var(--stf-bredde)) / 2 + var(--stf-kant)));bottom:calc(var(--stf-sporhoyde) + 40px);width:min(600px,48%);padding:2.25rem 2.5rem 2.5rem;border-top:6px solid var(--stf-is)}
}
/* ---------- Løypene ---------- */
.stf.stf-loyper{background:var(--stf-sno);padding-block:var(--stf-luft)}
.stf .stf-loyper-hode{display:grid;gap:1rem;margin-bottom:clamp(2rem,5vw,3.5rem)}
.stf .stf-loyper-hode p:not(#stf-skjold):not(#stf-skjold){color:var(--stf-dempet);max-width:52ch}
.stf .stf-loyper-rad{display:grid;gap:clamp(2.5rem,5vw,4rem)}
.stf .stf-loype figure a{display:block}
.stf .stf-loype img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.stf .stf-loype h3:not(#stf-skjold):not(#stf-skjold){font-size:2rem;margin-top:1.25rem;color:var(--stf-fjell)}
.stf .stf-loype p:not(#stf-skjold):not(#stf-skjold){margin-top:.6rem;max-width:46ch}
.stf .stf-loype .stf-lenke{display:inline-block;margin-top:1rem}
.stf .stf-lysbryter{display:flex;gap:1rem;align-items:flex-start;margin-top:1.5rem;padding:1.1rem 1.25rem;background:var(--stf-papir);border-left:6px solid var(--stf-is);border-radius:0 4px 4px 0}
.stf .stf-lysbryter.stf-ikon:not(#stf-skjold):not(#stf-skjold)::before{width:30px;height:30px;margin-top:.1rem;color:var(--stf-is)}
.stf .stf-lysbryter p:not(#stf-skjold):not(#stf-skjold){margin:0}
.stf .stf-lysbryter strong{display:block;font-family:var(--stf-smal);font-size:1.375rem;font-weight:600;line-height:1.1;margin-bottom:.2rem}
.stf .stf-dugnad{display:flex;gap:1rem;align-items:flex-start;margin-top:1.5rem;padding:1.1rem 1.25rem;background:var(--stf-papir);border-left:6px solid var(--stf-is);border-radius:0 4px 4px 0}
.stf .stf-dugnad.stf-ikon:not(#stf-skjold):not(#stf-skjold)::before{width:30px;height:30px;margin-top:.1rem;color:var(--stf-is)}
.stf .stf-dugnad p:not(#stf-skjold):not(#stf-skjold){margin:0;color:var(--stf-blekk)}
.stf .stf-dugnad strong{display:block;font-family:var(--stf-smal);font-size:1.375rem;font-weight:600;line-height:1.1;margin-bottom:.2rem}
.stf .stf-dugnad .stf-lenke{display:inline-block;margin-top:.35rem}
@media (min-width:860px){
/* Kolonnene deler rader (subgrid), så «Mørkt i løypa?» og dugnadsboksen starter i samme høyde */
.stf .stf-loyper-rad{grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);row-gap:0}
.stf .stf-loype{display:grid;grid-template-rows:subgrid;grid-row:span 5;align-content:start}
.stf .stf-loype > :is(.stf-lysbryter,.stf-dugnad){grid-row:5;align-self:stretch}
}
/* ---------- Reinhornrennet ---------- */
.stf.stf-reinhorn{background:var(--stf-natt);color:#fff;padding-block:var(--stf-luft);--stf-fokus:var(--stf-is-lys)}
.stf .stf-reinhorn-rad{display:grid;gap:clamp(2.5rem,5vw,4rem)}
.stf .stf-reinhorn-tegning{width:136px;height:auto;margin-bottom:1.25rem}
.stf.stf-reinhorn .stf-tittel:not(#stf-skjold):not(#stf-skjold){font-size:clamp(2.75rem,6vw,4.25rem);font-weight:700}
.stf .stf-reinhorn-slagord:not(#stf-skjold):not(#stf-skjold){font-family:var(--stf-smal);font-size:clamp(1.375rem,2.6vw,1.75rem);font-weight:500 !important;line-height:1.2;color:var(--stf-himmel-lys);margin-top:.5rem}
.stf .stf-reinhorn-neste:not(#stf-skjold):not(#stf-skjold){margin-top:1.5rem;max-width:44ch;color:#e1eaf5}
.stf .stf-reinhorn-neste strong{color:#fff}
.stf .stf-kjoreplan:not(#stf-skjold):not(#stf-skjold){margin-top:2rem;border-top:1px solid rgba(255,255,255,.22)}
.stf .stf-kjoreplan li:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:6.25rem 1fr;gap:.25rem 1rem;padding-block:.9rem;border-bottom:1px solid rgba(255,255,255,.22)}
.stf .stf-kjoreplan time{grid-row:span 2;white-space:nowrap;font-family:var(--stf-smal);font-size:1.5rem;font-weight:600;line-height:1.1;color:var(--stf-is-lys)}
.stf .stf-kjoreplan strong{font-weight:600;line-height:1.3}
.stf .stf-kjoreplan small{color:#c9d7e8;font-size:.9375rem;line-height:1.45}
.stf .stf-kjoreplan small a{font-weight:600;color:#fff}
.stf .stf-reinhorn-hjelp:not(#stf-skjold):not(#stf-skjold){margin-top:1.75rem;color:#e1eaf5;max-width:46ch}
.stf .stf-reinhorn-hjelp a{color:#fff;font-weight:600}
.stf .stf-reinhorn-handling{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.stf .stf-reinhorn-foto img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}
.stf .stf-reinhorn-foto figcaption{margin-top:.75rem;font-size:.9375rem;color:#c9d7e8}
@media (min-width:900px){
.stf .stf-reinhorn-rad{grid-template-columns:1.1fr .9fr;align-items:start}
.stf .stf-reinhorn-foto{position:sticky;top:2rem;margin-top:4.5rem}
}
/* Merker, statuetter og plaketter: tynn linje med punkter */
.stf .stf-premier{margin-top:clamp(3.5rem,7vw,5.5rem);padding-top:clamp(2.5rem,5vw,3.5rem);border-top:1px solid rgba(255,255,255,.18)}
.stf .stf-premier-hode h3:not(#stf-skjold):not(#stf-skjold){font-size:clamp(1.75rem,3.4vw,2.5rem)}
.stf .stf-premier-hode p:not(#stf-skjold):not(#stf-skjold){margin-top:.5rem;color:#c9d7e8;max-width:56ch}
.stf .stf-premier-akse:not(#stf-skjold):not(#stf-skjold){display:flex;align-items:center;gap:.75rem;margin-top:2rem;font-family:var(--stf-smal);font-size:1.0625rem;font-weight:600 !important;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.stf .stf-premier-akse:not(#stf-skjold):not(#stf-skjold)::after{content:"";flex:1;height:10px;background:var(--stf-is-lys);-webkit-mask:linear-gradient(#000,#000) left center/calc(100% - 8px) 1px no-repeat,url("/sites/s/stormfjell.no/files/2026/10/stf-pil.svg") right center/10px 10px no-repeat;mask:linear-gradient(#000,#000) left center/calc(100% - 8px) 1px no-repeat,url("/sites/s/stormfjell.no/files/2026/10/stf-pil.svg") right center/10px 10px no-repeat}
.stf .stf-premier-rad{display:grid;gap:2.5rem;margin-top:1.5rem}
.stf .stf-premiegruppe h4:not(#stf-skjold):not(#stf-skjold){font-family:var(--stf-tekst);font-size:1rem;font-weight:600;line-height:1.3;color:var(--stf-is-lys)}
.stf .stf-premiegruppe ol:not(#stf-skjold):not(#stf-skjold){--stf-antall:5;display:grid;grid-template-columns:repeat(var(--stf-antall),minmax(0,1fr));margin-top:1rem;border-top:1px solid rgba(255,255,255,.4)}
.stf .stf-premiegruppe-3 ol:not(#stf-skjold):not(#stf-skjold){--stf-antall:3}
.stf .stf-premiegruppe-2 ol:not(#stf-skjold):not(#stf-skjold){--stf-antall:2}
.stf .stf-premiegruppe li:not(#stf-skjold):not(#stf-skjold){position:relative;padding-top:1.1rem;padding-right:.5rem}
.stf .stf-premiegruppe li:not(#stf-skjold):not(#stf-skjold)::before{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--stf-natt);box-shadow:inset 0 0 0 2px var(--stf-is-lys)}
.stf .stf-premiegruppe strong{display:block;font-family:var(--stf-smal);font-size:clamp(.8125rem,2.6vw,1rem);font-weight:500;line-height:1;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;color:var(--stf-is-lys)}
.stf .stf-premiegruppe strong data{margin-right:.15em;font-size:clamp(1.5rem,3.6vw,2.25rem);font-weight:600;letter-spacing:0;color:#fff}
.stf .stf-premiegruppe small{display:block;margin-top:.3rem;font-size:.875rem;line-height:1.3;color:#c9d7e8}
@media (min-width:900px){
.stf .stf-premier-rad{grid-template-columns:5fr 3fr 2fr;gap:0}
}
/* ---------- 100 år ---------- */
.stf.stf-historie{background:var(--stf-papir);padding-block:var(--stf-luft)}
.stf .stf-historie-rad{display:grid;gap:clamp(2.5rem,6vw,5rem)}
.stf .stf-historie-intro .stf-ingress:not(#stf-skjold):not(#stf-skjold){margin-top:1rem}
.stf .stf-sitat{margin-top:2rem;padding-left:1.25rem;border-left:4px solid var(--stf-himmel)}
.stf .stf-sitat p:not(#stf-skjold):not(#stf-skjold){font-family:var(--stf-smal);font-size:clamp(1.5rem,2.8vw,1.875rem);font-weight:500 !important;line-height:1.2;color:var(--stf-fjell)}
.stf .stf-sitat figcaption{margin-top:.6rem;font-size:.9375rem;color:var(--stf-dempet)}
.stf .stf-historie-bilder{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:2.5rem}
.stf .stf-historie-bilder img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.stf .stf-tidslinje li:not(#stf-skjold):not(#stf-skjold){--stf-aar:clamp(1.75rem,3.2vw,2.25rem);--stf-punkt:calc(var(--stf-aar) / 2 - 5.5px);position:relative;padding-left:2.25rem;padding-bottom:2.25rem}
.stf .stf-tidslinje li:last-child:not(#stf-skjold):not(#stf-skjold){padding-bottom:0}
.stf .stf-tidslinje li:not(#stf-skjold):not(#stf-skjold)::before{content:"";position:absolute;left:0;top:var(--stf-punkt);width:11px;height:11px;border-radius:50%;background:var(--stf-papir);box-shadow:inset 0 0 0 2px var(--stf-is)}
.stf .stf-tidslinje li:last-child:not(#stf-skjold):not(#stf-skjold)::before{background:var(--stf-is)}
.stf .stf-tidslinje li:not(:last-child):not(#stf-skjold):not(#stf-skjold)::after{content:"";position:absolute;left:5px;top:calc(var(--stf-punkt) + 15px);bottom:calc(4px - var(--stf-punkt));width:1px;background:#b9c8d8}
.stf .stf-tidslinje time{display:block;font-family:var(--stf-smal);font-size:var(--stf-aar);font-weight:600;line-height:1;color:var(--stf-fjell)}
.stf .stf-tidslinje p:not(#stf-skjold):not(#stf-skjold){margin-top:.4rem;max-width:48ch}
@media (min-width:900px){
.stf .stf-historie-rad{grid-template-columns:.9fr 1.1fr;align-items:start}
.stf .stf-historie-intro{position:sticky;top:2rem}
}
/* ---------- Bli medlem ---------- */
.stf.stf-medlem{background:var(--stf-fjell);color:#fff;padding-block:var(--stf-luft);--stf-fokus:var(--stf-is-lys)}
.stf .stf-medlem-rad{display:grid;gap:clamp(2.5rem,5vw,4rem)}
.stf.stf-medlem .stf-ingress:not(#stf-skjold):not(#stf-skjold){margin-top:1rem;color:#e1eaf5}
.stf .stf-lapper:not(#stf-skjold):not(#stf-skjold){display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;max-width:520px}
.stf .stf-lapp:not(#stf-skjold):not(#stf-skjold){position:relative;padding:2.1rem 1rem 1.25rem;text-align:center;color:var(--stf-natt);border-top:10px solid var(--stf-is);border-radius:4px;background:
radial-gradient(circle at 14px 12px,var(--stf-fjell) 0 4px,transparent 4.5px),
radial-gradient(circle at calc(100% - 14px) 12px,var(--stf-fjell) 0 4px,transparent 4.5px),
radial-gradient(circle at 14px calc(100% - 14px),var(--stf-fjell) 0 4px,transparent 4.5px),
radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),var(--stf-fjell) 0 4px,transparent 4.5px),
var(--stf-papir)}
.stf .stf-lapp data{display:block;font-family:var(--stf-smal);font-size:clamp(3rem,9vw,4.25rem);font-weight:700;line-height:.9}
.stf .stf-lapp small{display:block;margin-top:.5rem;font-weight:600;font-size:1rem}
.stf .stf-betal:not(#stf-skjold):not(#stf-skjold){margin-top:1.5rem;max-width:44ch}
.stf .stf-betal strong{white-space:nowrap}
.stf .stf-medlem-handling{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.stf .stf-stotte{display:grid;gap:1.25rem;align-content:start}
.stf .stf-stotte article{padding:1.5rem;background:rgba(15,35,64,.45);border-radius:4px}
.stf .stf-stotte h3:not(#stf-skjold):not(#stf-skjold){font-size:1.75rem}
.stf .stf-stotte p:not(#stf-skjold):not(#stf-skjold){margin-top:.5rem;color:#e1eaf5}
.stf .stf-stotte strong{color:#fff;white-space:nowrap}
.stf .stf-stotte a{color:#fff;font-weight:600}
/* Ekstra klassenavn «custom-bla» på blokken: samme nattblå bakgrunn som Reinhornrennet. --stf-fjell styrer både bakgrunnen og
hullene i kontingentlappene; «Støtt jobben» og «Grasrotandelen» får den vanlige blåfargen (#234d86) så de skiller seg ut. */
.custom-bla .stf.stf-medlem{--stf-fjell:#0f2340}
.custom-bla .stf .stf-stotte article{background:#234d86}
@media (min-width:900px){
.stf .stf-medlem-rad{grid-template-columns:1.1fr .9fr}
}
/* ---------- Sponsorer ---------- */
.stf.stf-sponsorer{background:var(--stf-papir);padding-block:clamp(3rem,6vw,4.5rem)}
.stf.stf-sponsorer h2:not(#stf-skjold):not(#stf-skjold){font-size:1.75rem;color:var(--stf-fjell)}
.stf .stf-sponsorliste:not(#stf-skjold):not(#stf-skjold){display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 3rem;margin-top:1.5rem}
.stf .stf-sponsorliste img{height:56px;width:auto}
.stf .stf-sponsorliste a{display:block;border-radius:4px;text-decoration:none !important}
.stf .stf-sponsorliste a img{transition:transform .2s ease,opacity .2s ease}
.stf .stf-sponsorliste a:is(:hover,:focus-visible) img{transform:translateY(-3px);opacity:.85}
.stf .stf-sponsorliste a:focus-visible{outline:3px solid var(--stf-fokus);outline-offset:6px}
@media (prefers-reduced-motion:reduce){.stf .stf-sponsorliste a img{transition:none}}
/* ---------- Bunn ---------- */
.stf.stf-bunn{background:var(--stf-natt);color:#dce6f2;padding-block:clamp(3rem,6vw,4.5rem) 2rem;font-size:1rem;--stf-fokus:var(--stf-is-lys)}
.stf .stf-bunn-rad{display:grid;gap:2.25rem}
.stf .stf-bunn-merke{display:flex;gap:1rem;align-items:center}
.stf .stf-bunn-merke img{width:88px;height:88px}
.stf .stf-bunn-merke strong{display:block;font-family:var(--stf-smal);font-size:1.75rem;font-weight:700;line-height:1;color:#fff}
.stf .stf-bunn-merke small{display:block;margin-top:.25rem}
.stf.stf-bunn h2:not(#stf-skjold):not(#stf-skjold){font-size:1.375rem;color:#fff;margin-bottom:.6rem}
.stf.stf-bunn address{font-style:normal}
.stf .stf-kontakt li:not(#stf-skjold):not(#stf-skjold){display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.5rem}
.stf .stf-kontakt .stf-ikon:not(#stf-skjold):not(#stf-skjold)::before{width:22px;height:22px;margin-top:.15rem;color:var(--stf-himmel-lys)}
.stf.stf-bunn a{color:#fff}
.stf .stf-bunnlenker li:not(#stf-skjold):not(#stf-skjold){margin-bottom:.4rem}
.stf .stf-fakta li:not(#stf-skjold):not(#stf-skjold){margin-bottom:.25rem}
.stf .stf-bunn-linje:not(#stf-skjold):not(#stf-skjold){margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.18);font-size:.875rem;color:#b7c6d9}
@media (min-width:760px){
.stf .stf-bunn-rad{grid-template-columns:1.3fr 1fr 1fr 1fr}
}
/* ---------- Bevegelse ---------- */
@media (prefers-reduced-motion:reduce){
.stf.stf-hero .stf-spor{animation:none}
.stf .stf-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(.stf):not(#stf-skjold):not(#stf-skjold):not(#stf-skjold),
.tf-block:has(.stf) :not(.stf,.stf *):not(#stf-skjold):not(#stf-skjold):not(#stf-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(.stf) .w_carousel:not(#stf-skjold):not(#stf-skjold):not(#stf-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(.stf) .w_footer .w_logo img:not(#stf-skjold):not(#stf-skjold):not(#stf-skjold){max-width:100%;object-fit:contain}
/* Malens Custom CSS gir .outer-block-wrapper 20px sidekant med !important. Blokker med våre seksjoner går kant i kant. */
.outer-block-wrapper:has(.stf):not(#stf-skjold):not(#stf-skjold):not(#stf-skjold){padding-left:0 !important;padding-right:0 !important}
|