@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&family=Zilla+Slab:wght@500;600;700&display=swap");

/* ---------- Token ---------- */
.sfj{
  --sfj-logoblaa:#006295;     /* logoens blå – lenker, gratis-bandet */
  --sfj-logoblaa-mork:#004a70;
  --sfj-natt:#0e2433;         /* mørketid og nordlysbildet – tekst og mørke flater */
  --sfj-natt-lys:#183748;
  --sfj-sno:#f5f9fb;          /* kald snøhvit – bakgrunn */
  --sfj-is:#dcedf2;           /* fra trekantmønsteret – flater */
  --sfj-is-lys:#ebf5f8;
  --sfj-signal:#c4202b;       /* rails og røde jakker – primærhandling (5,9:1 mot hvitt) */
  --sfj-signal-mork:#9e1821;
  --sfj-hvit:#ffffff;
  --sfj-stein:#3d5566;        /* dempet tekst på snø (7,4:1) */
  --sfj-frost:#b9d3df;        /* dempet tekst på natt */
  --sfj-linje:#c7dde6;
  --sfj-fokus:var(--sfj-signal);
  --sfj-slab:"Zilla Slab",Rockwell,"Roboto Slab",Georgia,serif;
  --sfj-tekst:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  --sfj-bredde:1200px;
  --sfj-kant:clamp(16px,4vw,40px);
  --sfj-luft:clamp(3.5rem,8vw,6.5rem);
  /* fjellryggen fra trekantmønsteret deres */
  --sfj-rygg:polygon(0 0,100% 0,100% 88%,96% 94%,92% 89%,87% 97%,81% 91%,76% 96%,70% 88%,64% 95%,58% 90%,53% 98%,47% 91%,41% 96%,35% 89%,29% 95%,23% 90%,17% 97%,11% 91%,6% 96%,0 90%);
  font-family:var(--sfj-tekst);
  font-size:1.0625rem;
  line-height:1.6;
  color:var(--sfj-natt);
  background:var(--sfj-sno);
  -webkit-font-smoothing:antialiased;
}
@media (min-width:900px){.sfj{font-size:1.125rem}}
.sfj,.sfj *,.sfj *::before,.sfj *::after{box-sizing:border-box}
.sfj: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 ---------- */
.sfj :where(h1,h2,h3,h4,h5,h6):not(#sfj-skjold):not(#sfj-skjold){font-family:var(--sfj-slab);font-weight:700;font-style:normal;line-height:1.08;letter-spacing:-.005em;color:inherit;text-transform:none;text-align:inherit;background:none;border:0;padding:0;margin:0;overflow-wrap:normal;text-wrap:balance}
.sfj :where(figcaption,address,summary,blockquote,legend,label){font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;margin:0;padding:0;border:0;background:none;float:none;width:auto}
.sfj :where(img,svg){border:0;box-shadow:none;border-radius:0;padding:0;background:none;max-width:100%}
.sfj :where(img){display:block;height:auto}
.sfj :where(figure){margin:0;padding:0}
.sfj :where(a){color:var(--sfj-logoblaa);font-weight:inherit;font-style:inherit;background:none;border:0;box-shadow:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.sfj :where(a:hover){text-decoration-thickness:2px}
/* CMS-skjold: ID-løftet :not(#sfj-skjold):not(#sfj-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). */
.sfj :where(ul,ol):not(#sfj-skjold):not(#sfj-skjold){margin:0;padding:0;padding-inline-start:0 !important;list-style:none !important;color:inherit;text-align:inherit;text-indent:0}
.sfj :where(li):not(#sfj-skjold):not(#sfj-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}
.sfj :where(li):not(#sfj-skjold):not(#sfj-skjold)::marker{content:none}
.sfj :where(p):not(#sfj-skjold):not(#sfj-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}
.sfj :where(table):not(#sfj-skjold):not(#sfj-skjold){border-collapse:collapse;border-spacing:0;border:0;background:none;box-shadow:none;margin:0;width:100%;max-width:none;overflow:visible}
.sfj :where(thead,tbody,tfoot,tr):not(#sfj-skjold):not(#sfj-skjold){background:none;border:0;box-shadow:none;font:inherit;color:inherit}
.sfj :where(td,th):not(#sfj-skjold):not(#sfj-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}
.sfj :where(caption):not(#sfj-skjold):not(#sfj-skjold){font:inherit;color:inherit;text-align:inherit;padding:0;margin:0}

.sfj :where(a,button,summary):focus-visible{outline:3px solid var(--sfj-fokus);outline-offset:3px;border-radius:2px}
.sfj :where(strong,b){font-weight:700;color:inherit;background:none}
.sfj :where(em,i,small,time,data){color:inherit;background:none}
.sfj :where(small){font-size:inherit}
.sfj :where(data,time){font:inherit}
.sfj :where(details,summary){margin:0;padding:0;border:0;background:none;box-shadow:none;font:inherit;color:inherit}

/* ---------- Felles ---------- */
.sfj .sfj-innhold{max-width:var(--sfj-bredde);margin-inline:auto;padding-inline:var(--sfj-kant)}
.sfj .sfj-ikon{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sfj .sfj-tittel:not(#sfj-skjold):not(#sfj-skjold){font-size:clamp(2rem,1.3rem + 3vw,3.25rem)}
.sfj .sfj-tittel + .sfj-ingress:not(#sfj-skjold):not(#sfj-skjold){margin-top:1rem}
.sfj .sfj-ingress:not(#sfj-skjold):not(#sfj-skjold){font-size:clamp(1.125rem,1rem + .5vw,1.3125rem);line-height:1.5;max-width:40ch;color:var(--sfj-stein)}
.sfj .sfj-knapp{display:inline-flex;align-items:center;gap:.55em;min-height:48px;padding:.7em 1.25em;border-radius:6px;font-family:var(--sfj-tekst);font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none !important;background:var(--sfj-signal);color:var(--sfj-hvit);border:2px solid var(--sfj-signal);transition:background-color .15s,border-color .15s}
.sfj .sfj-knapp:hover{background:var(--sfj-signal-mork);border-color:var(--sfj-signal-mork);text-decoration:none !important}
.sfj .sfj-knapp-strek{background:transparent;color:var(--sfj-logoblaa);border-color:currentColor}
.sfj .sfj-knapp-strek:hover{background:var(--sfj-logoblaa);border-color:var(--sfj-logoblaa);color:var(--sfj-hvit)}
.sfj .sfj-knapper{display:flex;flex-wrap:wrap;gap:.75rem}
.sfj .sfj-mangler{display:inline-block;padding:.1em .45em;border:1px dashed var(--sfj-signal);border-radius:4px;color:var(--sfj-signal-mork);background:#fff3f3;font-weight:700;font-size:.9em}
.sfj .sfj-kreditt:not(#sfj-skjold):not(#sfj-skjold){font-size:.8125rem;color:var(--sfj-stein);margin-top:.5rem}

/* ---------- Hopp til innhold ---------- */
.sfj.sfj-hopp{position:absolute;left:var(--sfj-kant);top:-100px;z-index:100;padding:.75rem 1rem;background:var(--sfj-natt);color:var(--sfj-hvit);font-weight:700;text-decoration:none !important;border-radius:0 0 6px 6px}
.sfj.sfj-hopp:focus{top:0}

/* ---------- Toppen ---------- */
.sfj.sfj-topp{background:var(--sfj-hvit);border-bottom:1px solid var(--sfj-linje)}
.sfj.sfj-topp .sfj-innhold{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 2rem;padding-block:.75rem}
.sfj .sfj-logo{display:block;flex:none;text-decoration:none !important}
.sfj .sfj-logo img{width:clamp(170px,30vw,220px);height:auto}
.sfj .sfj-meny{order:3;flex-basis:100%;overflow-x:auto;margin-inline:calc(var(--sfj-kant) * -1);padding-inline:var(--sfj-kant);scrollbar-width:none}
.sfj .sfj-meny ul:not(#sfj-skjold):not(#sfj-skjold){display:flex;gap:1.5rem;white-space:nowrap}
.sfj .sfj-meny a{display:block;padding-block:.6rem;color:var(--sfj-natt);font-weight:700;font-size:.9375rem;text-decoration:none !important;border-bottom:2px solid transparent}
.sfj .sfj-meny a:hover{border-bottom-color:var(--sfj-logoblaa);color:var(--sfj-logoblaa)}
.sfj.sfj-topp .sfj-knapp{margin-left:auto;min-height:44px;padding:.55em 1em;font-size:.9375rem}
@media (min-width:1000px){
  .sfj.sfj-topp .sfj-innhold{flex-wrap:nowrap}
  .sfj .sfj-meny{order:0;flex-basis:auto;margin:0 0 0 auto;padding:0;overflow:visible}
  .sfj.sfj-topp .sfj-knapp{margin-left:0}
}

/* ---------- Hero ---------- */
.sfj.sfj-hero{position:relative;background:var(--sfj-sno)}
.sfj .sfj-hero-bilde{position:relative;clip-path:var(--sfj-rygg)}
.sfj .sfj-hero-bilde img{width:100%;height:clamp(300px,62svh,720px);object-fit:cover;object-position:50% 60%}
.sfj .sfj-hero-tekst{position:relative;background:var(--sfj-natt);color:var(--sfj-hvit);padding:2rem var(--sfj-kant) 2.25rem;margin-top:-2px}
.sfj .sfj-hero-tekst h1:not(#sfj-skjold):not(#sfj-skjold){font-size:clamp(2.6rem,1.6rem + 4.6vw,4.75rem);line-height:1}
.sfj .sfj-hero-tekst p:not(#sfj-skjold):not(#sfj-skjold){margin-top:1rem;font-size:clamp(1.125rem,1rem + .6vw,1.375rem);line-height:1.45;color:var(--sfj-is);max-width:32ch}
.sfj .sfj-hero-tekst .sfj-knapper{margin-top:1.75rem}
.sfj .sfj-hero-tekst .sfj-knapp-strek{color:var(--sfj-hvit)}
.sfj .sfj-hero-tekst .sfj-knapp-strek:hover{background:var(--sfj-hvit);border-color:var(--sfj-hvit);color:var(--sfj-natt)}
@media (min-width:900px){
  .sfj .sfj-hero-bilde img{height:min(82svh,780px)}
  .sfj .sfj-hero-tekst{position:absolute;left:max(var(--sfj-kant),calc((100% - var(--sfj-bredde)) / 2 + var(--sfj-kant)));bottom:clamp(3.5rem,8vw,6rem);width:min(560px,48%);padding:2.5rem 2.75rem 2.75rem;border-radius:4px;margin:0}
}

/* ---------- Før du drar ---------- */
.sfj.sfj-snarvei{background:var(--sfj-sno);padding-block:clamp(2rem,4vw,3rem)}
.sfj .sfj-snarvei-liste:not(#sfj-skjold):not(#sfj-skjold){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem}
.sfj .sfj-snarvei-liste a,.sfj .sfj-snarvei-tid:not(#sfj-skjold):not(#sfj-skjold){display:flex;align-items:center;gap:.85rem;height:100%;min-height:64px;padding:.9rem 1.1rem;border-radius:6px;background:var(--sfj-hvit);border:1px solid var(--sfj-linje);color:var(--sfj-natt);text-decoration:none !important;line-height:1.3}
.sfj .sfj-snarvei-liste a:hover{border-color:var(--sfj-logoblaa);color:var(--sfj-logoblaa)}
.sfj .sfj-snarvei-liste .sfj-ikon{width:1.75rem;height:1.75rem;color:var(--sfj-logoblaa)}
.sfj .sfj-snarvei-liste strong{display:block;font-size:1.0625rem}
.sfj .sfj-snarvei-liste small{display:block;font-size:.875rem;color:var(--sfj-stein)}
.sfj .sfj-snarvei-liste .sfj-heiskort{background:var(--sfj-signal);border-color:var(--sfj-signal);color:var(--sfj-hvit)}
.sfj .sfj-snarvei-liste .sfj-heiskort:hover{background:var(--sfj-signal-mork);border-color:var(--sfj-signal-mork);color:var(--sfj-hvit)}
.sfj .sfj-snarvei-liste .sfj-heiskort .sfj-ikon,.sfj .sfj-snarvei-liste .sfj-heiskort small{color:var(--sfj-hvit)}

/* ---------- Aktuelt ---------- */
.sfj.sfj-aktuelt{background:var(--sfj-sno);padding-block:clamp(1.5rem,3vw,2.5rem) var(--sfj-luft)}
.sfj.sfj-aktuelt h2:not(#sfj-skjold):not(#sfj-skjold){margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.sfj .sfj-sak{display:grid;gap:clamp(1.25rem,3vw,3rem);align-items:center}
.sfj .sfj-sak + .sfj-sak{margin-top:clamp(2.5rem,5vw,4rem)}
.sfj .sfj-sak img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.sfj .sfj-sak h3:not(#sfj-skjold):not(#sfj-skjold){font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}
.sfj .sfj-sak p:not(#sfj-skjold):not(#sfj-skjold){margin-top:.9rem;max-width:56ch}
.sfj .sfj-sak .sfj-knapper{margin-top:1.5rem}
.sfj .sfj-sak-merke:not(#sfj-skjold):not(#sfj-skjold){display:inline-block;margin-bottom:.75rem;font-weight:700 !important;font-size:.9375rem;color:var(--sfj-signal-mork)}
.sfj .sfj-fordeler:not(#sfj-skjold):not(#sfj-skjold){margin-top:1.25rem;display:grid;gap:.75rem}
.sfj .sfj-fordeler li:not(#sfj-skjold):not(#sfj-skjold){display:flex;gap:.75rem;align-items:baseline;padding:.85rem 1rem;background:var(--sfj-hvit);border-left:4px solid var(--sfj-logoblaa);border-radius:0 4px 4px 0}
.sfj .sfj-fordeler strong{flex:none;min-width:6.5ch;font-family:var(--sfj-slab);font-size:1.375rem;line-height:1.1;color:var(--sfj-logoblaa)}
.sfj .sfj-sak-liten{grid-template-columns:minmax(0,1fr)}
.sfj .sfj-sak-liten img{aspect-ratio:16/10}
@media (min-width:800px){
  .sfj .sfj-sak{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
  .sfj .sfj-sak-liten{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
}

/* ---------- Alpinbakken og tallerkentrekket ---------- */
.sfj.sfj-bakken{background:var(--sfj-hvit);padding-block:var(--sfj-luft)}
.sfj .sfj-bakken-topp{display:grid;gap:1rem 3rem;align-items:end}
.sfj .sfj-bakken-topp .sfj-ingress:not(#sfj-skjold):not(#sfj-skjold){color:var(--sfj-stein)}
@media (min-width:900px){.sfj .sfj-bakken-topp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

.sfj .sfj-trekk{--sfj-trinn:2.6rem;--sfj-stang:3.25rem;position:relative;margin-top:clamp(2.5rem,5vw,4rem)}
.sfj .sfj-trekk-kabel{display:none}
.sfj .sfj-trekk-liste:not(#sfj-skjold):not(#sfj-skjold){position:relative;display:grid;gap:0;padding-left:2.25rem}
.sfj .sfj-trekk-liste:not(#sfj-skjold):not(#sfj-skjold)::before{content:"";position:absolute;left:.6rem;top:.5rem;bottom:.5rem;width:3px;background:var(--sfj-natt);border-radius:2px}
.sfj .sfj-trekk-liste li:not(#sfj-skjold):not(#sfj-skjold){position:relative;padding:.85rem 0 .85rem 1.25rem}
.sfj .sfj-trekk-liste li:not(#sfj-skjold):not(#sfj-skjold)::before{content:"";position:absolute;left:-1.5rem;top:1.55rem;width:1.75rem;height:2px;background:var(--sfj-natt)}
.sfj .sfj-trekk-liste li:not(#sfj-skjold):not(#sfj-skjold)::after{content:"";position:absolute;left:-.25rem;top:1.05rem;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--sfj-signal);box-shadow:0 0 0 3px var(--sfj-hvit)}
.sfj .sfj-trekk-liste strong{display:block;font-family:var(--sfj-slab);font-weight:700;font-size:clamp(2rem,1.5rem + 2vw,2.75rem);line-height:1;color:var(--sfj-logoblaa)}
.sfj .sfj-trekk-liste small{display:block;margin-top:.3rem;font-size:1rem;line-height:1.35;color:var(--sfj-natt);max-width:20ch}
.sfj .sfj-trekk-merknad:not(#sfj-skjold):not(#sfj-skjold){margin-top:1.25rem;font-size:.9375rem;color:var(--sfj-stein);max-width:60ch}
@media (min-width:900px){
  .sfj .sfj-trekk-kabel{display:block;position:absolute;left:0;top:0;width:100%;height:calc(var(--sfj-trinn) * 5);overflow:visible;stroke:var(--sfj-natt);stroke-width:3;fill:none}
  .sfj .sfj-trekk-liste:not(#sfj-skjold):not(#sfj-skjold){grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;padding-left:0}
  .sfj .sfj-trekk-liste:not(#sfj-skjold):not(#sfj-skjold)::before{display:none}
  .sfj .sfj-trekk-liste li:not(#sfj-skjold):not(#sfj-skjold){padding:calc(var(--sfj-stang) + 1.6rem) .5rem 0;text-align:center}
  .sfj .sfj-trekk-liste li:not(#sfj-skjold):not(#sfj-skjold)::before{left:calc(50% - 1px);top:0;width:2px;height:var(--sfj-stang)}
  .sfj .sfj-trekk-liste li:not(#sfj-skjold):not(#sfj-skjold)::after{left:calc(50% - .8rem);top:calc(var(--sfj-stang) - .2rem);width:1.6rem;height:1.6rem}
  .sfj .sfj-trekk-liste li:nth-child(1):not(#sfj-skjold):not(#sfj-skjold){margin-top:calc(var(--sfj-trinn) * 5)}
  .sfj .sfj-trekk-liste li:nth-child(2):not(#sfj-skjold):not(#sfj-skjold){margin-top:calc(var(--sfj-trinn) * 4)}
  .sfj .sfj-trekk-liste li:nth-child(3):not(#sfj-skjold):not(#sfj-skjold){margin-top:calc(var(--sfj-trinn) * 3)}
  .sfj .sfj-trekk-liste li:nth-child(4):not(#sfj-skjold):not(#sfj-skjold){margin-top:calc(var(--sfj-trinn) * 2)}
  .sfj .sfj-trekk-liste li:nth-child(5):not(#sfj-skjold):not(#sfj-skjold){margin-top:var(--sfj-trinn)}
  .sfj .sfj-trekk-liste small{margin-inline:auto}
  .sfj .sfj-trekk-liste strong{font-size:clamp(1.6rem,.9rem + 1.3vw,2.4rem);white-space:nowrap}
}

.sfj .sfj-kart{margin-top:clamp(3rem,6vw,5rem)}
.sfj .sfj-kart a{display:block;text-decoration:none !important}
.sfj .sfj-kart img{width:100%;border-radius:4px;border:1px solid var(--sfj-linje)}
.sfj .sfj-kart figcaption{margin-top:.6rem;font-size:.9375rem;color:var(--sfj-stein)}

.sfj .sfj-park{display:grid;gap:clamp(1.5rem,3vw,3rem);margin-top:clamp(3rem,6vw,5rem);align-items:center}
.sfj .sfj-park img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.sfj .sfj-park h3:not(#sfj-skjold):not(#sfj-skjold){font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}
.sfj .sfj-park blockquote{margin-top:1rem;font-family:var(--sfj-slab);font-weight:600;font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);line-height:1.25;color:var(--sfj-logoblaa)}
.sfj .sfj-park p:not(#sfj-skjold):not(#sfj-skjold){margin-top:.9rem;max-width:56ch}
@media (min-width:900px){.sfj .sfj-park{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}

.sfj .sfj-utleie{display:grid;gap:clamp(1.5rem,3vw,3rem);margin-top:clamp(3rem,6vw,5rem);padding:clamp(1.25rem,3vw,2.5rem);background:var(--sfj-is-lys);border-radius:4px}
.sfj .sfj-utleie h3:not(#sfj-skjold):not(#sfj-skjold){font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}
.sfj .sfj-utleie > div > p:not(#sfj-skjold):not(#sfj-skjold){margin-top:.9rem;max-width:48ch}
.sfj .sfj-utleie img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;margin-top:1.25rem}
@media (min-width:900px){.sfj .sfj-utleie{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}

.sfj .sfj-pristabell:not(#sfj-skjold):not(#sfj-skjold){width:100%;font-size:1rem}
.sfj .sfj-pristabell caption:not(#sfj-skjold):not(#sfj-skjold){caption-side:top;text-align:left;font-weight:700;padding-bottom:.6rem}
.sfj .sfj-pristabell th:not(#sfj-skjold):not(#sfj-skjold),.sfj .sfj-pristabell td:not(#sfj-skjold):not(#sfj-skjold){padding:.75rem .6rem;border-bottom:1px solid var(--sfj-linje);vertical-align:top;text-align:left}
.sfj .sfj-pristabell thead th:not(#sfj-skjold):not(#sfj-skjold){font-size:.875rem;color:var(--sfj-stein);font-weight:700;border-bottom:2px solid var(--sfj-natt);vertical-align:bottom}
.sfj .sfj-pristabell tbody th:not(#sfj-skjold):not(#sfj-skjold){font-weight:400}
.sfj .sfj-pristabell td strong{display:block;font-family:var(--sfj-slab);font-size:1.25rem;line-height:1.15;white-space:nowrap}
@media (max-width:420px){.sfj .sfj-pristabell th:not(#sfj-skjold):not(#sfj-skjold),.sfj .sfj-pristabell td:not(#sfj-skjold):not(#sfj-skjold){padding-inline:.35rem}.sfj .sfj-pristabell td strong{font-size:1.0625rem}.sfj .sfj-prisboks{padding:1rem}}
.sfj .sfj-pristabell td small{display:block;font-size:.8125rem;color:var(--sfj-stein);line-height:1.3}
.sfj .sfj-annet:not(#sfj-skjold):not(#sfj-skjold){margin-top:1.25rem;display:grid;gap:.4rem;font-size:.9375rem}
.sfj .sfj-annet li:not(#sfj-skjold):not(#sfj-skjold){padding-left:1.1rem;position:relative}
.sfj .sfj-annet li:not(#sfj-skjold):not(#sfj-skjold)::before{content:"";position:absolute;left:0;top:.6em;width:.45rem;height:.45rem;background:var(--sfj-logoblaa);transform:rotate(45deg)}

/* ---------- Gratis ---------- */
.sfj.sfj-gratis{background:var(--sfj-logoblaa);color:var(--sfj-hvit);padding-block:var(--sfj-luft)}
.sfj.sfj-gratis .sfj-innhold{display:grid;gap:clamp(2rem,4vw,4rem)}
.sfj.sfj-gratis .sfj-ingress:not(#sfj-skjold):not(#sfj-skjold){color:var(--sfj-is);margin-top:1rem}
.sfj.sfj-gratis img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;margin-top:2rem}
.sfj .sfj-gratis-liste:not(#sfj-skjold):not(#sfj-skjold){display:grid;gap:0;border-top:1px solid rgba(255,255,255,.35)}
.sfj .sfj-gratis-liste li:not(#sfj-skjold):not(#sfj-skjold){padding:1.15rem 0;border-bottom:1px solid rgba(255,255,255,.35)}
.sfj .sfj-gratis-liste strong{display:block;font-family:var(--sfj-slab);font-weight:600;font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);line-height:1.2}
.sfj .sfj-gratis-liste small{display:block;margin-top:.3rem;font-size:1rem;color:var(--sfj-is);max-width:52ch}
.sfj .sfj-gratis-liste a{color:var(--sfj-hvit)}
@media (min-width:900px){.sfj.sfj-gratis .sfj-innhold{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}

/* ---------- Overnatting ---------- */
.sfj.sfj-overnatting{background:var(--sfj-sno);padding-block:var(--sfj-luft)}
.sfj .sfj-to-spalter{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,4rem);margin-top:clamp(2rem,4vw,3rem)}
.sfj .sfj-to-spalter img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px}
.sfj .sfj-tekstblokk h3:not(#sfj-skjold):not(#sfj-skjold){font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);margin-top:1.75rem}
.sfj .sfj-tekstblokk h3:first-child:not(#sfj-skjold):not(#sfj-skjold){margin-top:0}
.sfj .sfj-tekstblokk p:not(#sfj-skjold):not(#sfj-skjold){margin-top:.6rem;max-width:58ch}
.sfj .sfj-tekstblokk .sfj-knapper{margin-top:1.5rem}
.sfj .sfj-prisboks{padding:clamp(1.25rem,3vw,2rem);background:var(--sfj-hvit);border:1px solid var(--sfj-linje);border-radius:4px}
.sfj .sfj-prisboks + .sfj-tekstblokk{margin-top:2rem}
.sfj .sfj-prisboks p:not(#sfj-skjold):not(#sfj-skjold){margin-top:.9rem;font-size:.9375rem;color:var(--sfj-stein)}
.sfj .sfj-bobil{display:grid;gap:clamp(1.25rem,3vw,2.5rem);margin-top:clamp(3rem,6vw,4.5rem);padding-top:clamp(2rem,4vw,3rem);border-top:2px solid var(--sfj-natt);align-items:start}
.sfj .sfj-bobil img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.sfj .sfj-bobil h3:not(#sfj-skjold):not(#sfj-skjold){font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}
.sfj .sfj-bobil p:not(#sfj-skjold):not(#sfj-skjold){margin-top:.75rem;max-width:56ch}
.sfj .sfj-bobil ul:not(#sfj-skjold):not(#sfj-skjold){margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.4rem 1.5rem}
.sfj .sfj-bobil li:not(#sfj-skjold):not(#sfj-skjold){padding-left:1.1rem;position:relative}
.sfj .sfj-bobil li:not(#sfj-skjold):not(#sfj-skjold)::before{content:"";position:absolute;left:0;top:.6em;width:.45rem;height:.45rem;background:var(--sfj-logoblaa);transform:rotate(45deg)}
.sfj .sfj-bobil .sfj-pris:not(#sfj-skjold):not(#sfj-skjold){margin-top:1.25rem;font-family:var(--sfj-slab);font-weight:700 !important;font-size:1.5rem;color:var(--sfj-logoblaa)}
@media (min-width:900px){
  .sfj .sfj-to-spalter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sfj .sfj-bobil{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
}

/* ---------- Aktiviteter ---------- */
.sfj.sfj-aktiviteter{background:var(--sfj-natt);color:var(--sfj-hvit);padding-block:var(--sfj-luft)}
.sfj.sfj-aktiviteter .sfj-ingress:not(#sfj-skjold):not(#sfj-skjold){color:var(--sfj-frost);margin-top:1rem}
.sfj.sfj-aktiviteter a{color:var(--sfj-hvit)}
.sfj .sfj-sesonger{display:grid;gap:clamp(3rem,6vw,4rem);margin-top:clamp(2.5rem,5vw,3.5rem)}
.sfj .sfj-sesong > img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.sfj .sfj-sesong h3:not(#sfj-skjold):not(#sfj-skjold){margin-top:1.25rem;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}
.sfj .sfj-sesong > p:not(#sfj-skjold):not(#sfj-skjold){margin-top:.75rem;max-width:56ch;color:var(--sfj-is)}
.sfj .sfj-sesong .sfj-kreditt:not(#sfj-skjold):not(#sfj-skjold){color:var(--sfj-frost)}
.sfj .sfj-partnere:not(#sfj-skjold):not(#sfj-skjold){margin-top:1.5rem;display:grid;gap:1rem}
.sfj .sfj-partnere li:not(#sfj-skjold):not(#sfj-skjold){display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;align-items:start;padding:1rem;background:var(--sfj-natt-lys);border-radius:4px}
.sfj .sfj-partnere img{width:5.5rem;height:5.5rem;object-fit:cover;border-radius:3px}
.sfj .sfj-partnere h4:not(#sfj-skjold):not(#sfj-skjold){font-size:1.25rem}
.sfj .sfj-partnere p:not(#sfj-skjold):not(#sfj-skjold){margin-top:.35rem;font-size:.9375rem;color:var(--sfj-is)}
.sfj .sfj-partnere p + p:not(#sfj-skjold):not(#sfj-skjold){margin-top:.5rem}
.sfj .sfj-partnere small{display:block;margin-top:.35rem;font-size:.8125rem;color:var(--sfj-frost)}
@media (min-width:900px){.sfj .sfj-sesonger{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* ---------- Kurs og konferanse ---------- */
.sfj.sfj-konferanse{background:var(--sfj-sno);padding-block:var(--sfj-luft)}
.sfj .sfj-konferanse-topp{display:grid;gap:1.5rem 3rem;align-items:end}
.sfj .sfj-konferanse-topp p:not(#sfj-skjold):not(#sfj-skjold){max-width:56ch}
@media (min-width:900px){.sfj .sfj-konferanse-topp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.sfj .sfj-pakker{display:grid;gap:1rem;margin-top:clamp(2rem,4vw,3rem);align-items:start}
.sfj .sfj-pakke{padding:clamp(1.25rem,2.5vw,1.75rem);background:var(--sfj-hvit);border:1px solid var(--sfj-linje);border-top:5px solid var(--sfj-logoblaa);border-radius:4px}
.sfj .sfj-pakke h3:not(#sfj-skjold):not(#sfj-skjold){font-size:1.625rem}
.sfj .sfj-pakke .sfj-pris:not(#sfj-skjold):not(#sfj-skjold){margin-top:.5rem;font-size:.9375rem;color:var(--sfj-stein)}
.sfj .sfj-pakke .sfj-pris strong{display:block;font-family:var(--sfj-slab);font-size:2rem;line-height:1.1;color:var(--sfj-natt)}
.sfj .sfj-pakke > p:not(.sfj-pris):not(#sfj-skjold):not(#sfj-skjold){margin-top:.9rem;font-size:1rem}
.sfj .sfj-pakke details{margin-top:1rem;border-top:1px solid var(--sfj-linje);padding-top:.75rem}
.sfj .sfj-pakke summary{cursor:pointer;font-weight:700;color:var(--sfj-logoblaa);padding-block:.35rem;list-style:none}
.sfj .sfj-pakke summary::-webkit-details-marker{display:none}
.sfj .sfj-pakke summary::before{content:"+";display:inline-block;width:1.2em;font-family:var(--sfj-slab);font-weight:700}
.sfj .sfj-pakke details[open] summary::before{content:"–"}
.sfj .sfj-pakke details ul:not(#sfj-skjold):not(#sfj-skjold){margin-top:.5rem;display:grid;gap:.35rem;font-size:.9375rem}
.sfj .sfj-pakke details li:not(#sfj-skjold):not(#sfj-skjold){padding-left:1.1rem;position:relative}
.sfj .sfj-pakke details li:not(#sfj-skjold):not(#sfj-skjold)::before{content:"";position:absolute;left:0;top:.6em;width:.4rem;height:.4rem;background:var(--sfj-logoblaa);transform:rotate(45deg)}
.sfj .sfj-pakke-fjell{border-top-color:var(--sfj-signal);background:var(--sfj-hvit);box-shadow:0 0 0 2px var(--sfj-natt)}
.sfj .sfj-pakke-fjell .sfj-aktivitetvalg{margin-top:1rem;padding:1rem;background:var(--sfj-is-lys);border-radius:4px;font-size:.9375rem}
.sfj .sfj-pakke-fjell .sfj-aktivitetvalg ul:not(#sfj-skjold):not(#sfj-skjold){margin-top:.4rem;display:grid;gap:.35rem}
.sfj .sfj-praktisk{margin-top:clamp(2rem,4vw,3rem);display:grid;gap:1.5rem 3rem}
.sfj .sfj-praktisk h3:not(#sfj-skjold):not(#sfj-skjold){font-size:1.375rem}
.sfj .sfj-praktisk ul:not(#sfj-skjold):not(#sfj-skjold){margin-top:.6rem;display:grid;gap:.4rem;font-size:.9375rem;color:var(--sfj-stein)}
.sfj .sfj-praktisk li:not(#sfj-skjold):not(#sfj-skjold){padding-left:1.1rem;position:relative}
.sfj .sfj-praktisk li:not(#sfj-skjold):not(#sfj-skjold)::before{content:"";position:absolute;left:0;top:.6em;width:.4rem;height:.4rem;background:var(--sfj-logoblaa);transform:rotate(45deg)}
.sfj .sfj-praktisk .sfj-knapper{align-self:center}
@media (min-width:900px){
  .sfj .sfj-pakker{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sfj .sfj-praktisk{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
}

/* ---------- Bygda ---------- */
.sfj.sfj-bygda{background:var(--sfj-hvit);padding-block:var(--sfj-luft)}
.sfj .sfj-bygda-bilde{margin-top:clamp(2rem,4vw,3rem)}
.sfj .sfj-bygda-bilde img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:4px}
.sfj .sfj-prosjekter:not(#sfj-skjold):not(#sfj-skjold){display:grid;gap:2rem 3rem;margin-top:clamp(2rem,4vw,3rem)}
.sfj .sfj-prosjekter li:not(#sfj-skjold):not(#sfj-skjold){padding-top:1rem;border-top:2px solid var(--sfj-natt)}
.sfj .sfj-prosjekter h3:not(#sfj-skjold):not(#sfj-skjold){font-size:1.5rem}
.sfj .sfj-prosjekter p:not(#sfj-skjold):not(#sfj-skjold){margin-top:.6rem;font-size:1rem;max-width:48ch}
@media (min-width:800px){.sfj .sfj-prosjekter:not(#sfj-skjold):not(#sfj-skjold){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.sfj .sfj-prosjekter:not(#sfj-skjold):not(#sfj-skjold){grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- Bunn ---------- */
.sfj.sfj-bunn{background:var(--sfj-natt);color:var(--sfj-hvit);position:relative;padding-block:calc(var(--sfj-luft) + 2rem) 2.5rem}
.sfj.sfj-bunn::before{content:"";position:absolute;inset:0 0 auto;height:3rem;background:var(--sfj-hvit);clip-path:polygon(0 0,100% 0,100% 30%,95% 70%,90% 35%,84% 85%,78% 40%,72% 75%,66% 30%,59% 90%,53% 45%,47% 80%,41% 35%,35% 70%,29% 30%,22% 85%,16% 40%,10% 75%,5% 35%,0 60%)}
.sfj.sfj-bunn a{color:var(--sfj-hvit)}
.sfj .sfj-bunn-rad{display:grid;gap:2.5rem 3rem}
.sfj .sfj-bunn-logo{width:min(260px,70vw);height:auto}
.sfj .sfj-hilsen:not(#sfj-skjold):not(#sfj-skjold){margin-top:1.25rem;font-family:var(--sfj-slab);font-weight:600 !important;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);line-height:1.2}
.sfj.sfj-bunn h2:not(#sfj-skjold):not(#sfj-skjold){font-size:1.25rem;margin-bottom:.9rem}
.sfj .sfj-kontakt:not(#sfj-skjold):not(#sfj-skjold){display:grid;gap:.75rem}
.sfj .sfj-kontakt li:not(#sfj-skjold):not(#sfj-skjold){display:flex;gap:.75rem;align-items:flex-start}
.sfj .sfj-kontakt .sfj-ikon{margin-top:.15em;color:var(--sfj-frost)}
.sfj .sfj-kontakt a{text-decoration:none !important;border-bottom:1px solid rgba(255,255,255,.4)}
.sfj .sfj-kontakt a:hover{border-bottom-color:var(--sfj-hvit)}
.sfj .sfj-bunn address{font-style:normal}
.sfj .sfj-lenker:not(#sfj-skjold):not(#sfj-skjold){display:grid;gap:.5rem}
.sfj .sfj-lenker a{text-decoration:none !important}
.sfj .sfj-lenker a:hover{text-decoration:underline !important}
.sfj .sfj-sosiale{display:flex;gap:.75rem;margin-top:1.25rem}
.sfj .sfj-sosiale a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.4);border-radius:50%;text-decoration:none !important}
.sfj .sfj-sosiale a:hover{background:var(--sfj-hvit);color:var(--sfj-natt)}
.sfj .sfj-bunnlinje:not(#sfj-skjold):not(#sfj-skjold){margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.2);font-size:.875rem;color:var(--sfj-frost)}
@media (min-width:800px){.sfj .sfj-bunn-rad{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr)}}

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

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