/* Visuelt bloggsystem. Krever blogg.css; brukes kun av /blogg/. */
.artikkel__hode h1,.tekst h2,.arbeidskort h3,.cta h2 {font-family:var(--font-serif);font-weight:600;letter-spacing:-.025em}
.artikkel__hode h1 {font-size:clamp(2.5rem,4.8vw,3.7rem);line-height:1.04}
.tekst h2 {font-size:clamp(1.9rem,3vw,2.35rem);line-height:1.14}
.artikkelillustrasjon {margin:30px 0 28px;overflow:hidden;border-radius:3px;background:var(--sand)}
.artikkelillustrasjon img {width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}
.kortfortalt {background:var(--cream-light)}
.arbeidskort {margin:40px 0 48px;padding:28px;background:var(--cream-light);border:1.5px solid var(--ink);border-radius:4px;box-shadow:5px 6px 0 var(--ink)}
.arbeidskort .arbeidskort__kicker {display:inline-block;margin:0 0 12px;padding:5px 9px;background:var(--rust);color:white;font:600 .72rem var(--font-sans);letter-spacing:.07em;text-transform:uppercase}
.arbeidskort h3 {margin:0 0 22px;font-size:2rem;line-height:1.15}
.arbeidskort dl {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.arbeidskort dl>div {padding:16px;border:1px solid #d9cdb6;border-radius:3px}
.arbeidskort dt {font-size:1rem;font-weight:700;margin-bottom:8px}
.arbeidskort dt span {color:var(--rust);font-size:.75rem;margin-right:8px}
.arbeidskort dd {font-size:1rem;line-height:1.5;margin:0}
.arbeidskort .arbeidskort__grense {font-size:.9rem;line-height:1.5;margin:20px 0 0;border-top:1px solid #d9cdb6;padding-top:16px}
.godkjenningsflyt {margin:38px 0 48px;padding:26px 0;border-top:1px solid var(--sage);border-bottom:1px solid var(--sage)}
.godkjenningsflyt figcaption {font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;margin-bottom:24px;color:var(--olive)}
.godkjenningsflyt ol {display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;padding:0;margin:0}
.godkjenningsflyt li {position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0;margin:0}
.godkjenningsflyt li::before {display:none}
.godkjenningsflyt li:not(:last-child)::after {content:'→';position:absolute;right:-17px;top:12px;font-size:1.5rem}
.flytikon {display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;width:52px;height:52px;font-size:1rem;margin-bottom:14px}
.godkjenningsflyt strong {font-size:1rem;line-height:1.3;margin-bottom:6px}
.godkjenningsflyt li>span:last-child {font-size:.8rem;line-height:1.4}
.flyt-godkjenn .flytikon {background:var(--rust);border-color:var(--rust);color:white;font-size:1.5rem}
.flyt-godkjenn strong {color:var(--rust)}
.cta--bok {display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center;padding:32px;background:var(--olive);background-image:none}
.cta__bok {width:150px;height:auto;filter:drop-shadow(5px 8px 4px #0003);transform:rotate(-4deg)}
.cta--bok h2 {font-size:2.1rem;line-height:1.1}
.cta--bok p {font-size:1.1rem}
@media(min-width:1200px){
.side-artikkel .sidekolonne>.forfatter {display:block;padding:20px}
.side-artikkel .sidekolonne .forfatter__bilde {width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:center 30%;margin-bottom:16px;border-radius:2px}
.side-artikkel .sidekolonne .forfatter__tekst {display:block}
.side-artikkel .sidekolonne .forfatter__navn {font-family:var(--font-serif);font-size:1.7rem;line-height:1.1;margin-bottom:6px}
.side-artikkel .sidekolonne .forfatter__rolle {font-size:.85rem}
.side-artikkel .sidekolonne {gap:18px}
}
@media(max-width:560px){
.arbeidskort {padding:20px;margin:30px 0 38px;box-shadow:3px 4px 0 var(--ink)}
.arbeidskort dl {grid-template-columns:1fr}
.arbeidskort h3 {font-size:1.7rem}
.godkjenningsflyt ol {grid-template-columns:1fr 1fr;gap:26px 18px}
.godkjenningsflyt li::after {display:none}
.cta--bok {grid-template-columns:1fr;gap:24px;padding:28px 24px}
.cta__bok {width:145px;margin:0 auto}
.cta--bok h2 {font-size:1.9rem}
}
@media print {.arbeidskort {box-shadow:none;break-inside:avoid}.godkjenningsflyt {break-inside:avoid}.artikkelillustrasjon {max-height:200px}.artikkelillustrasjon img {height:200px;object-fit:cover}}
/* Kort og flyter tilpasser seg innholdet, med lesbar HTML-tekst. */
.arbeidskort dl>div:last-child:nth-child(odd) {grid-column:1/-1}
.arbeidskort,.godkjenningsflyt {scroll-margin-top:96px}
.godkjenningsflyt strong {overflow-wrap:anywhere}
.tekst .arbeidskort h3 {margin-top:0}
.artikkelillustrasjon {border:1px solid rgba(46,50,48,.06)}
.bloggtopp h1,.postkort h2,.guidekort h2 {font-family:var(--font-serif);font-weight:600;letter-spacing:-.025em}
.bloggtopp h1 {font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.06}
.postkort {padding:28px 28px 26px;border-radius:3px;box-shadow:6px 6px 0 var(--sage),6px 6px 0 1px var(--ink)}
.postkort:hover {box-shadow:9px 9px 0 var(--sage),9px 9px 0 1px var(--ink)}
.postkort__bilde {width:calc(100% + 56px);max-width:none;margin:-28px -28px 24px;aspect-ratio:3/2;object-fit:cover;border-bottom:1px solid var(--ink);border-radius:2px 2px 0 0}
.postkort .tema-ikon,.guidekort .tema-ikon {position:absolute;top:16px;left:16px;background:var(--cream-light);color:var(--ink);padding:8px;width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;margin:0}
.postkort h2 {font-size:clamp(1.65rem,1.2rem + 1.6cqi,2.15rem);line-height:1.14}
.postkort__meta {font-size:.8rem;margin-bottom:12px}
.guidekort {display:grid;grid-template-columns:42% 1fr;align-items:stretch;padding:0;border-radius:3px;box-shadow:6px 6px 0 var(--olive),6px 6px 0 1px var(--ink)}
.guidekort:hover {box-shadow:9px 9px 0 var(--olive),9px 9px 0 1px var(--ink)}
.guidekort__bilde {width:100%;height:100%;min-height:280px;object-fit:cover;border-right:1px solid var(--ink)}
.guidekort__innhold {padding:32px 36px;align-self:center;min-width:0}
.guidekort h2 {font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1}
.mer__lenke {display:block;min-height:54px;padding-left:74px;position:relative}
.mer__bilde {position:absolute;left:0;top:0;width:62px;height:54px;object-fit:cover;border-radius:2px;border:1px solid #d9cdb6}
.mer__tid {padding-left:74px}
@media(max-width:720px){.guidekort{grid-template-columns:1fr}.guidekort__bilde{height:auto;min-height:0;aspect-ratio:3/2;border-right:0;border-bottom:1px solid var(--ink)}.guidekort__innhold{padding:26px 24px}}
@media(max-width:560px){.postkort{padding:24px}.postkort__bilde{width:calc(100% + 48px);margin:-24px -24px 22px}.postkort h2{font-size:1.9rem}.godkjenningsflyt li:nth-child(odd)::after{display:block;right:-17px;content:'→'}.godkjenningsflyt li:last-child::after{display:none}}
@media(prefers-reduced-motion:reduce){.postkort,.guidekort{transition:none}}
@media print {.postkort__bilde,.guidekort__bilde{display:none}}
.postkort__bilde {height:auto;flex-shrink:0}
.guidekort__media {display:block;position:relative;min-height:280px;border-right:1px solid var(--ink);overflow:hidden}
.guidekort__bilde {position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;object-fit:cover}
@media(max-width:720px){.guidekort__media{min-height:0;aspect-ratio:3/2;border-right:0;border-bottom:1px solid var(--ink)}}
.postkort .tema-ikon,.guidekort .tema-ikon {z-index:1}
.tekst .godkjenningsflyt li+li {margin-top:0}
.godkjenningsflyt--kundereise li:not(:last-child)::after {content:'↔'}
@media(max-width:560px){.godkjenningsflyt--kundereise li:nth-child(odd)::after{content:'↔'}}
/* Opptil tre kort per rad. Resten av raden fylles av to eller ett kort. */
.side-bloggforside .postliste {display:flex;flex-wrap:wrap;gap:36px 32px}
.side-bloggforside .postliste>li {flex:1 1 calc((100% - 64px)/3)}
.side-bloggforside .postliste>li.guideplass {flex-basis:100%}
@media(max-width:1000px){.side-bloggforside .postliste>li:not(.guideplass){flex-basis:calc((100% - 32px)/2)}}
.side-bloggforside .postkort__bilde {height:240px;aspect-ratio:auto;object-fit:cover;object-position:center 15%}
@media(max-width:720px){
.side-bloggforside .postliste {gap:30px}
.side-bloggforside .postliste>li:not(.guideplass){flex-basis:100%}
.side-bloggforside .postkort__bilde {height:220px}
}
@media(max-width:380px){.side-bloggforside .postkort__bilde {height:190px}}
/* Ekte avsender i toppen av bloggoversikten. */
.bloggtopp__innhold {display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;align-items:center}
.bloggtopp__tekst {min-width:0}
.bloggtopp__tekst h1 {font-size:clamp(2.5rem,4.5vw,3.8rem);max-width:13em}
.bloggtopp__forfatter {margin:0}
.bloggtopp__forfatter img {width:260px;height:280px;object-fit:cover;object-position:center 30%;border:1px solid var(--cream);box-shadow:7px 7px 0 var(--sand)}
.bloggtopp__forfatter figcaption {margin-top:20px;display:flex;flex-direction:column;gap:2px}
.bloggtopp__forfatter strong {font-family:var(--font-serif);font-size:1.55rem;font-weight:500}
.bloggtopp__forfatter figcaption span {font-size:.85rem;color:var(--cream)}
/* Nyhetsbrevet fyller den samme innholdsbredden som resten av siden. */
.nyhetsbrev__kort {max-width:none;width:100%}
.nyhetsbrev__tekst {max-width:65ch}
/* Tydelig footer med avsender, kontakt og navigasjon. */
.foot {padding:48px 0 28px}
.foot__hoved {display:flex;justify-content:space-between;gap:32px;padding-bottom:32px;margin-bottom:24px;border-bottom:1px solid rgba(239,230,212,.22)}
.foot .foot__navn {display:block;font-family:var(--font-serif);font-size:2rem;color:var(--cream-light);line-height:1.1;margin:0 0 10px}
.foot__avsender p {margin-bottom:10px;font-size:.95rem}
.foot .foot__avsender a {margin-left:0}
.foot__nav {display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}
.foot .foot__nav a {margin-left:0;font-weight:600}
@media(max-width:720px){
.bloggtopp__innhold {grid-template-columns:1fr;gap:32px}
.bloggtopp__forfatter {display:grid;grid-template-columns:110px 1fr;align-items:center;gap:24px}
.bloggtopp__forfatter img {width:110px;height:125px;box-shadow:5px 5px 0 var(--sand)}
.bloggtopp__forfatter figcaption {margin:0}
.foot__hoved {flex-direction:column}
.foot__nav {gap:20px}
}
.nyhetsbrev__skjema {max-width:none;width:100%}

@media(min-width:1001px){.side-bloggforside .postliste>li.postliste__halv{flex-basis:calc((100% - 32px)/2)}}