
.pbm{
  --pbm-skog:#1E4431;      /* bærende farge — fra deres egen CSS */
  --pbm-natt:#122A1E;      /* dypeste flate, tverrsnittspanel og bunn */
  --pbm-lab:#EEF1EC;       /* kjølig, lys bakgrunn */
  --pbm-hvit:#FFFFFF;
  --pbm-spire:#92B743;     /* G-pad-grønn: markør for komposterbar — aldri tekst på lyst */
  --pbm-vaeske:#E7AD7A;    /* deres kobberfarge, brukt som væsken i tverrsnittet */
  --pbm-grafitt:#1F2A25;   /* brødtekst */
  --pbm-dempet:#56615B;    /* sekundærtekst, 6:1 på hvit */
  --pbm-linje:#C9D2CB;
  --pbm-lys:#E6EDE6;       /* tekst på mørkt */
  --pbm-lys-dempet:#A9BBAE;
  --pbm-display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --pbm-tekst:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pbm-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --pbm-bredde:76rem;
  --pbm-kant:clamp(1rem,4vw,2.5rem);
  --pbm-luft:clamp(4rem,9vw,7rem);
  --pbm-fokus:var(--pbm-skog);
  color-scheme:light;
  font-family:var(--pbm-tekst);
  font-size:1rem;
  font-weight:400;
  line-height:1.6;
  color:var(--pbm-grafitt);
  text-align:start;
  -webkit-text-size-adjust:100%;
}
.pbm,.pbm *,.pbm *::before,.pbm *::after{box-sizing:border-box}

/* Skjold mot kundens nakne elementregler */
.pbm :where(h1,h2,h3,h4,h5,h6):not(#pbm-skjold):not(#pbm-skjold){color:inherit;text-transform:none;text-align:inherit;background:none;border:0;padding:0;overflow-wrap:normal}
.pbm :where(figcaption,address,summary,blockquote){font:inherit;color:inherit;text-transform:none;letter-spacing:inherit}
.pbm :where(img,svg){border:0;box-shadow:none;border-radius:0;padding:0;background:none}
.pbm :where(a){background:none;border:0;box-shadow:none}
.pbm :where(b,strong,i,em,small,mark,data,code){color:inherit;background:none}
.pbm:where(header,section,footer,aside){margin:0;padding-inline:0;border:0;float:none;width:auto;max-width:none}

/* Grunnstil */
.pbm :where(h1,h2,h3,h4):not(#pbm-skjold):not(#pbm-skjold){margin:0}
.pbm :where(figure,address){margin:0}
.pbm :where(img){display:block;max-width:100%;height:auto}
.pbm :where(h1,h2,h3):not(#pbm-skjold):not(#pbm-skjold){font-family:var(--pbm-display);font-stretch:115%;font-weight:700;line-height:1.05;letter-spacing:-.015em;color:var(--pbm-skog)}
.pbm :where(h2):not(#pbm-skjold):not(#pbm-skjold){font-size:clamp(1.9rem,4.2vw,3rem)}
.pbm :where(h3):not(#pbm-skjold):not(#pbm-skjold){font-size:1.2rem;letter-spacing:0}
.pbm :where(a){color:var(--pbm-skog);text-decoration-thickness:1px;text-underline-offset:.2em}
.pbm :where(a:hover){text-decoration-thickness:2px}
/* CMS-skjold: ID-løftet :not(#pbm-skjold):not(#pbm-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). */
.pbm :where(ul,ol):not(#pbm-skjold):not(#pbm-skjold){margin:0;padding:0;padding-inline-start:0 !important;list-style:none !important;text-align:inherit;text-indent:0}
.pbm :where(li):not(#pbm-skjold):not(#pbm-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}
.pbm :where(li):not(#pbm-skjold):not(#pbm-skjold)::marker{content:none}
.pbm :where(p):not(#pbm-skjold):not(#pbm-skjold){margin:0;padding:0;font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;text-indent:0;position:static;width:auto;background:none;border:0}
.pbm :where(table):not(#pbm-skjold):not(#pbm-skjold){border-collapse:collapse;border-spacing:0;border:0;background:none;box-shadow:none;margin:0;width:100%;max-width:none;overflow:visible}
.pbm :where(thead,tbody,tfoot,tr):not(#pbm-skjold):not(#pbm-skjold){background:none;border:0;box-shadow:none;font:inherit;color:inherit}
.pbm :where(td,th):not(#pbm-skjold):not(#pbm-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}
.pbm :where(caption):not(#pbm-skjold):not(#pbm-skjold){font:inherit;color:inherit;text-align:inherit;padding:0;margin:0}


















.pbm :where(strong,b){font-weight:700}
.pbm :where(address){font-style:normal}
.pbm :where(a,button,summary):focus-visible{outline:3px solid var(--pbm-fokus);outline-offset:3px;border-radius:2px}

.pbm-ramme{max-width:var(--pbm-bredde);margin-inline:auto;padding-inline:var(--pbm-kant)}
.pbm .pbm-hel{font:inherit;color:inherit;white-space:nowrap}
.pbm .pbm-merke:not(#pbm-skjold):not(#pbm-skjold){font-family:var(--pbm-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pbm-dempet)}

/* Knapper */
.pbm .pbm-knapp{display:inline-flex;align-items:center;gap:.6rem;min-height:3rem;padding:.75rem 1.35rem;border-radius:4px;background:var(--pbm-skog);color:var(--pbm-hvit);font-family:var(--pbm-tekst);font-weight:700;font-size:1rem;line-height:1.2;white-space:nowrap;text-decoration:none;border:2px solid var(--pbm-skog);transition:background-color .15s,color .15s}
.pbm .pbm-knapp:hover{background:var(--pbm-natt);border-color:var(--pbm-natt)}
.pbm .pbm-knapp-linje{background:transparent;color:var(--pbm-skog)}
.pbm .pbm-knapp-linje:hover{background:var(--pbm-skog);color:var(--pbm-hvit);border-color:var(--pbm-skog)}
.pbm .pbm-knapp svg{width:1.15rem;height:1.15rem;flex:none}

/* Ikoner: 24-rutenett, 1.75 strek, runde ender */
.pbm .pbm-ikon{width:1.5rem;height:1.5rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* ── Hopp-lenke ───────────────────────────── */
.pbm-hopp{position:absolute;inset-inline-start:1rem;inset-block-start:-4rem;z-index:100;padding:.75rem 1.1rem;background:var(--pbm-skog);color:var(--pbm-hvit);font-family:var(--pbm-tekst);font-weight:700;border-radius:4px;text-decoration:none}
.pbm-hopp:focus{inset-block-start:1rem}

/* ── Toppmeny ─────────────────────────────── */
.pbm-topp{background:var(--pbm-hvit);border-block-end:1px solid var(--pbm-linje)}
.pbm-topp .pbm-topp-rad{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:4.75rem}
.pbm-topp .pbm-logo{display:block;flex:none}
.pbm-topp .pbm-logo img{width:clamp(128px,22vw,168px)}
.pbm-topp .pbm-meny{order:3;flex-basis:calc(100% + 2 * var(--pbm-kant));min-width:0;margin-inline:calc(var(--pbm-kant) * -1);border-block-start:1px solid var(--pbm-linje)}
.pbm-topp .pbm-meny ul:not(#pbm-skjold):not(#pbm-skjold){display:flex;gap:.25rem;min-width:0;overflow-x:auto;padding:.4rem var(--pbm-kant);padding-inline-start:var(--pbm-kant) !important;scrollbar-width:none}
.pbm-topp .pbm-meny a{display:block;padding:.55rem .7rem;white-space:nowrap;font-size:.92rem;font-weight:500;color:var(--pbm-grafitt);text-decoration:none;border-radius:3px}
.pbm-topp .pbm-meny a:hover{background:var(--pbm-lab)}
.pbm-topp .pbm-meny a[aria-current]{color:var(--pbm-skog);font-weight:700;box-shadow:inset 0 -2px 0 var(--pbm-spire)}
.pbm-topp .pbm-knapp{min-height:2.6rem;padding:.5rem 1rem;font-size:.92rem}
.pbm-topp .pbm-topp-rad{flex-wrap:wrap}
@media (min-width:64rem){
  .pbm-topp .pbm-topp-rad{flex-wrap:nowrap}
  .pbm-topp .pbm-meny{order:0;flex-basis:auto;margin:0;border:0;margin-inline-start:auto}
  .pbm-topp .pbm-meny ul:not(#pbm-skjold):not(#pbm-skjold){padding:0;padding-inline-start:0 !important;overflow:visible}
}

/* ── Hero ─────────────────────────────────── */
.pbm-hero{background:var(--pbm-lab);padding-block:clamp(1.5rem,4vw,3rem) var(--pbm-luft)}
.pbm-hero .pbm-sti ol:not(#pbm-skjold):not(#pbm-skjold){display:flex;flex-wrap:wrap;gap:.35rem;font-family:var(--pbm-mono);font-size:.78rem;color:var(--pbm-dempet)}
.pbm-hero .pbm-sti li + li:not(#pbm-skjold):not(#pbm-skjold)::before{content:"/";margin-inline-end:.35rem;color:var(--pbm-linje)}
.pbm-hero .pbm-sti a{color:var(--pbm-dempet)}
.pbm-hero .pbm-sti li[aria-current]:not(#pbm-skjold):not(#pbm-skjold){color:var(--pbm-grafitt)}
.pbm-hero-grid{display:grid;gap:clamp(2rem,5vw,4.5rem);margin-block-start:clamp(2rem,5vw,3.5rem);align-items:center}
@media (min-width:62rem){ .pbm-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} }
.pbm-hero h1:not(#pbm-skjold):not(#pbm-skjold){margin-block:.9rem 1.1rem;white-space:nowrap;font-size:clamp(4rem,15vw,7.25rem);font-stretch:125%;font-weight:800;line-height:.86;letter-spacing:-.04em}
.pbm-hero .pbm-ingress:not(#pbm-skjold):not(#pbm-skjold){font-family:var(--pbm-display);font-stretch:100%;font-size:clamp(1.3rem,2.3vw,1.6rem);font-weight:500;line-height:1.3;color:var(--pbm-skog);max-width:26ch}
.pbm-hero .pbm-hero-tekst:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:1.1rem;max-width:42ch;color:var(--pbm-grafitt)}
.pbm-hero .pbm-handlinger{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:2rem}
.pbm-hero .pbm-merker{display:flex;align-items:center;gap:1rem;margin-block-start:2.25rem;padding-block-start:1.25rem;border-block-start:1px solid var(--pbm-linje)}
.pbm-hero .pbm-merker img{width:248px;background:var(--pbm-hvit);padding:.4rem .5rem;border-radius:3px}
.pbm-hero .pbm-merker figcaption{font-family:var(--pbm-mono);font-size:.75rem;line-height:1.45;color:var(--pbm-dempet)}

/* Tverrsnittet — signaturelementet */
.pbm-snitt{position:relative;margin:0;padding:clamp(1rem,3vw,1.75rem);border-radius:6px;color:var(--pbm-lys);background-color:var(--pbm-natt);
  background-image:linear-gradient(rgb(255 255 255 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .05) 1px,transparent 1px);
  background-size:24px 24px;background-position:-1px -1px;--pbm-fokus:var(--pbm-spire)}
.pbm-snitt .pbm-snitt-topp:not(#pbm-skjold):not(#pbm-skjold){display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;font-family:var(--pbm-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pbm-lys-dempet)}
.pbm-snitt .pbm-snitt-topp strong{color:var(--pbm-spire);font-weight:500}
.pbm-snitt svg.pbm-snitt-tegning{display:block;width:100%;height:auto;margin-block:.5rem}
.pbm-snitt .pbm-snitt-tegning text{font-family:var(--pbm-mono);font-size:13px;font-weight:500}
.pbm-snitt .pbm-forklaring:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:.9rem 1.5rem;counter-reset:pbm-lag;padding-block-start:1rem;border-block-start:1px solid rgb(255 255 255 / .12)}
@media (min-width:36rem){ .pbm-snitt .pbm-forklaring:not(#pbm-skjold):not(#pbm-skjold){grid-template-columns:1fr 1fr} }
.pbm-snitt .pbm-forklaring li:not(#pbm-skjold):not(#pbm-skjold){position:relative;padding-inline-start:2.4rem;font-size:.9rem;line-height:1.45;color:var(--pbm-lys-dempet)}
.pbm-snitt .pbm-forklaring li strong{display:block;color:var(--pbm-lys);font-weight:700}
.pbm-snitt .pbm-forklaring li:not(.pbm-nokkel):not(#pbm-skjold):not(#pbm-skjold){counter-increment:pbm-lag}
.pbm-snitt .pbm-forklaring li:not(.pbm-nokkel):not(#pbm-skjold):not(#pbm-skjold)::before{content:counter(pbm-lag);position:absolute;inset-inline-start:0;inset-block-start:0;display:grid;place-items:center;width:1.6rem;height:1.6rem;border:1.5px solid var(--pbm-spire);border-radius:50%;font-family:var(--pbm-mono);font-size:.8rem;font-weight:500;color:var(--pbm-spire)}
.pbm-snitt .pbm-forklaring .pbm-nokkel:not(#pbm-skjold):not(#pbm-skjold)::before{content:"";position:absolute;inset-inline-start:.42rem;inset-block-start:.3rem;width:.8rem;height:.8rem;background:var(--pbm-vaeske);border-radius:0 50% 50% 50%;transform:rotate(45deg)}
.pbm-snitt figcaption{margin-block-start:1rem;font-family:var(--pbm-mono);font-size:.72rem;color:var(--pbm-lys-dempet)}

@keyframes pbm-drape{
  0%{transform:translateY(0);opacity:0}
  12%{opacity:1}
  72%{transform:translateY(var(--pbm-fall));opacity:1}
  86%,100%{transform:translateY(var(--pbm-fall));opacity:0}
}
@keyframes pbm-flekk{0%,60%{opacity:.35}80%,100%{opacity:.7}}
@media (prefers-reduced-motion:no-preference){
  .pbm-snitt .pbm-drape{animation:pbm-drape 3.6s cubic-bezier(.45,0,.75,1) infinite}
  .pbm-snitt .pbm-drape-2{animation-delay:1.2s}
  .pbm-snitt .pbm-drape-3{animation-delay:2.4s}
  .pbm-snitt .pbm-flekk{animation:pbm-flekk 3.6s ease-out infinite}
  .pbm-snitt .pbm-flekk-2{animation-delay:1.2s}
  .pbm-snitt .pbm-flekk-3{animation-delay:2.4s}
}

/* ── Datablad ─────────────────────────────── */
.pbm-datablad{background:var(--pbm-hvit);padding-block:var(--pbm-luft)}
.pbm-datablad .pbm-datablad-grid{display:grid;gap:2rem 4rem}
@media (min-width:56rem){
  .pbm-datablad .pbm-datablad-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  .pbm-datablad .pbm-datablad-hode{position:sticky;inset-block-start:2rem;align-self:start}
}
.pbm-datablad h2:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:.75rem}
.pbm-datablad .pbm-datablad-hode p:not(.pbm-merke):not(#pbm-skjold):not(#pbm-skjold){margin-block-start:1rem;color:var(--pbm-dempet);max-width:34ch}
.pbm-spek:not(#pbm-skjold):not(#pbm-skjold){border-block-end:1px solid var(--pbm-linje)}
.pbm-spek .pbm-spek-rad:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:.25rem 2rem;padding-block:1.05rem;border-block-start:1px solid var(--pbm-linje)}
@media (min-width:40rem){ .pbm-spek .pbm-spek-rad:not(#pbm-skjold):not(#pbm-skjold){grid-template-columns:12rem minmax(0,1fr);align-items:baseline} }
.pbm-spek .pbm-spek-navn{display:block;font-family:var(--pbm-mono);font-size:.78rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--pbm-dempet)}
.pbm-spek .pbm-spek-verdi{font-size:1.02rem}
.pbm-spek .pbm-spek-hoved:not(#pbm-skjold):not(#pbm-skjold){padding-block:1.5rem}
.pbm-spek .pbm-tall{font-family:var(--pbm-display);font-stretch:125%;font-weight:800;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1;letter-spacing:-.03em;color:var(--pbm-skog)}
.pbm-spek .pbm-tall small{font-family:var(--pbm-mono);font-stretch:100%;font-size:.38em;font-weight:500;letter-spacing:0;margin-inline-start:.25em}
.pbm-spek .pbm-forbehold{display:block;margin-block-end:.35rem;font-family:var(--pbm-mono);font-size:.78rem;color:var(--pbm-dempet)}
.pbm-spek .pbm-valg:not(#pbm-skjold):not(#pbm-skjold){display:flex;flex-wrap:wrap;gap:.5rem}
.pbm-spek .pbm-valg li:not(#pbm-skjold):not(#pbm-skjold){display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .5rem;border:1px solid var(--pbm-linje);border-radius:3px;font-size:.95rem}
.pbm-spek .pbm-valg .pbm-ikon{width:1.35rem;height:1.35rem;color:var(--pbm-skog)}
.pbm-spek .pbm-farger li:not(#pbm-skjold):not(#pbm-skjold)::before{content:"";width:1rem;height:1rem;border-radius:2px;border:1px solid rgb(0 0 0 / .25)}
.pbm-spek .pbm-farger .pbm-farge-hvit:not(#pbm-skjold):not(#pbm-skjold)::before{background:#FFFFFF}
.pbm-spek .pbm-farger .pbm-farge-rod:not(#pbm-skjold):not(#pbm-skjold)::before{background:#C8252F}
.pbm-spek .pbm-farger .pbm-farge-svart:not(#pbm-skjold):not(#pbm-skjold)::before{background:#1A1A1A}
.pbm-spek .pbm-farger .pbm-farge-rosa:not(#pbm-skjold):not(#pbm-skjold)::before{background:#EFA3B8}
.pbm-spek .pbm-mangler{font-family:var(--pbm-mono);font-size:.85rem;background:#FFF3C4;color:#5A4500;padding:.15rem .45rem;border-radius:2px}

/* ── I detalj ─────────────────────────────── */
.pbm-detalj{background:var(--pbm-lab);padding-block:var(--pbm-luft)}
.pbm-detalj .pbm-detalj-grid{display:grid;gap:2.5rem 4rem;align-items:center}
@media (min-width:56rem){ .pbm-detalj .pbm-detalj-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr)} }
.pbm-detalj h2:not(#pbm-skjold):not(#pbm-skjold){margin-block:.75rem 2rem}
.pbm-detalj .pbm-egenskaper:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:1.6rem}
.pbm-detalj .pbm-egenskaper li:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:.3rem;padding-inline-start:1.25rem;border-inline-start:2px solid var(--pbm-spire);max-width:56ch}
.pbm-detalj .pbm-egenskaper h3:not(#pbm-skjold):not(#pbm-skjold){font-size:1.1rem}
.pbm-detalj figure{position:relative;background:var(--pbm-hvit);border-radius:6px;overflow:hidden}
.pbm-detalj figure img{width:100%;aspect-ratio:1032/1000;object-fit:cover;object-position:50% 40%}
.pbm-detalj figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;font-family:var(--pbm-mono);font-size:.75rem;color:var(--pbm-dempet);border-block-start:1px solid var(--pbm-linje)}

/* ── Livsløp ──────────────────────────────── */
.pbm-livslop{background:var(--pbm-hvit);padding-block:var(--pbm-luft)}
.pbm-livslop .pbm-livslop-hode{max-width:44rem}
.pbm-livslop h2:not(#pbm-skjold):not(#pbm-skjold){margin-block:.75rem 1rem}
.pbm-livslop .pbm-livslop-hode p:not(.pbm-merke):not(#pbm-skjold):not(#pbm-skjold){color:var(--pbm-dempet);font-size:1.08rem}
.pbm-livslop .pbm-livslop-grid{display:grid;gap:2.5rem 4rem;margin-block-start:clamp(2rem,5vw,3.5rem);align-items:start}
@media (min-width:56rem){ .pbm-livslop .pbm-livslop-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} }
.pbm-livslop figure img{width:100%;border-radius:6px}
.pbm-livslop figure figcaption{margin-block-start:.6rem;font-family:var(--pbm-mono);font-size:.75rem;color:var(--pbm-dempet)}
.pbm-steg:not(#pbm-skjold):not(#pbm-skjold){position:relative;display:grid;gap:2.25rem}
.pbm-steg:not(#pbm-skjold):not(#pbm-skjold)::before{content:"";position:absolute;inset-block:1.5rem 1.5rem;inset-inline-start:1.5rem;border-inline-start:2px dashed var(--pbm-linje)}
.pbm-steg li:not(#pbm-skjold):not(#pbm-skjold){position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:0 1.25rem}
.pbm-steg .pbm-steg-ikon{grid-row:span 3;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--pbm-skog);color:var(--pbm-hvit);position:relative}
.pbm-steg li:last-child .pbm-steg-ikon{background:var(--pbm-spire);color:var(--pbm-natt)}
.pbm-steg .pbm-merke:not(#pbm-skjold):not(#pbm-skjold){padding-block-start:.2rem}
.pbm-steg h3:not(#pbm-skjold):not(#pbm-skjold){margin-block:.2rem .4rem;font-size:1.3rem}
.pbm-steg p:not(.pbm-merke):not(#pbm-skjold):not(#pbm-skjold){max-width:52ch}
.pbm-livslop .pbm-merk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem;margin-block-start:clamp(2.5rem,5vw,3.5rem);padding:1.1rem 1.25rem;background:var(--pbm-lab);border-inline-start:3px solid var(--pbm-skog);border-radius:0 4px 4px 0}
.pbm-livslop .pbm-merk strong{font-family:var(--pbm-mono);font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pbm-skog);padding-block-start:.15rem}
.pbm-livslop .pbm-merk p:not(#pbm-skjold):not(#pbm-skjold){max-width:70ch}
.pbm-livslop .pbm-videre:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:1.5rem;font-weight:700}

/* ── Familien ─────────────────────────────── */
.pbm-familie{background:var(--pbm-lab);padding-block:var(--pbm-luft)}
.pbm-familie h2:not(#pbm-skjold):not(#pbm-skjold){margin-block:.75rem clamp(1.75rem,4vw,2.5rem)}
.pbm-familie ul:not(#pbm-skjold):not(#pbm-skjold){display:grid;border-block-start:1px solid var(--pbm-linje)}
@media (min-width:44rem){ .pbm-familie ul:not(#pbm-skjold):not(#pbm-skjold){grid-template-columns:1fr 1fr;column-gap:3rem} }
@media (min-width:68rem){ .pbm-familie ul:not(#pbm-skjold):not(#pbm-skjold){grid-template-columns:1fr 1fr 1fr} }
.pbm-familie li:not(#pbm-skjold):not(#pbm-skjold){border-block-end:1px solid var(--pbm-linje)}
.pbm-familie a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem 1rem;padding-block:1.1rem;text-decoration:none;color:var(--pbm-grafitt)}
.pbm-familie a strong{font-family:var(--pbm-display);font-stretch:112%;font-size:1.1rem;color:var(--pbm-skog)}
.pbm-familie a small{grid-column:1;font-size:.9rem;color:var(--pbm-dempet);line-height:1.45}
.pbm-familie a::after{content:"→";grid-column:2;grid-row:1 / span 2;align-self:center;font-family:var(--pbm-mono);color:var(--pbm-skog);transition:transform .15s}
.pbm-familie a:hover strong{text-decoration:underline;text-underline-offset:.2em}
.pbm-familie a:hover::after{transform:translateX(4px)}

/* ── Kontakt ──────────────────────────────── */
.pbm-kontakt{background:var(--pbm-skog);color:var(--pbm-lys);padding-block:var(--pbm-luft);--pbm-fokus:var(--pbm-spire)}
.pbm-kontakt .pbm-kontakt-grid{display:grid;gap:3rem 5rem}
@media (min-width:56rem){ .pbm-kontakt .pbm-kontakt-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end} }
.pbm-kontakt .pbm-merke:not(#pbm-skjold):not(#pbm-skjold){color:var(--pbm-lys-dempet)}
.pbm-kontakt h2:not(#pbm-skjold):not(#pbm-skjold){margin-block:.75rem 1.1rem;color:var(--pbm-hvit);font-size:clamp(2.2rem,5vw,3.75rem);font-stretch:125%;font-weight:800;letter-spacing:-.03em}
.pbm-kontakt p:not(.pbm-merke):not(#pbm-skjold):not(#pbm-skjold){max-width:50ch;color:var(--pbm-lys)}
.pbm-kontakt .pbm-handlinger{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:2rem}
.pbm-kontakt .pbm-knapp{background:var(--pbm-spire);border-color:var(--pbm-spire);color:var(--pbm-natt)}
.pbm-kontakt .pbm-knapp:hover{background:var(--pbm-hvit);border-color:var(--pbm-hvit)}
.pbm-kontakt .pbm-knapp-linje{background:transparent;border-color:var(--pbm-lys-dempet);color:var(--pbm-hvit)}
.pbm-kontakt .pbm-knapp-linje:hover{background:var(--pbm-hvit);color:var(--pbm-skog)}
.pbm-kontakt .pbm-kanaler:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:0}
.pbm-kontakt .pbm-kanaler > li:not(#pbm-skjold):not(#pbm-skjold){display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.1rem 1rem;padding-block:1rem;border-block-start:1px solid rgb(255 255 255 / .16)}
.pbm-kontakt .pbm-kanaler .pbm-ikon{grid-row:span 2;color:var(--pbm-spire);margin-block-start:.15rem}
.pbm-kontakt .pbm-kanaler .pbm-kanal-navn{display:block;font-family:var(--pbm-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pbm-lys-dempet)}
.pbm-kontakt .pbm-kanaler .pbm-kanal-verdi:not(#pbm-skjold):not(#pbm-skjold){font-size:1.1rem;font-weight:700}
.pbm-kontakt .pbm-kanaler a{color:var(--pbm-hvit);text-decoration-color:rgb(255 255 255 / .4)}
.pbm-kontakt .pbm-kanaler a:hover{text-decoration-color:var(--pbm-spire)}

/* ── Bunn ─────────────────────────────────── */
.pbm-bunn{background:var(--pbm-natt);color:var(--pbm-lys-dempet);padding-block:2.5rem;font-size:.9rem;--pbm-fokus:var(--pbm-spire)}
.pbm-bunn .pbm-bunn-rad{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 2rem}
.pbm-bunn img{width:140px}
.pbm-bunn p:not(#pbm-skjold):not(#pbm-skjold){font-family:var(--pbm-mono);font-size:.78rem;line-height:1.7}
.pbm-bunn ul:not(#pbm-skjold):not(#pbm-skjold){display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}
.pbm-bunn a{color:var(--pbm-lys)}