/* Stilling-detalj — portet fra design_handoff_stilling, scopet under .jpage. */
/* Tokens slik at drawer-en fungerer selvstendig (også på flater uten
   jobb-listeside.css, f.eks. forsiden). Skadefritt der de alt finnes. */
.jpage{
  /* Alias til husets trinn. Skriften defineres kun i styles.css. */
  --bg:var(--color-cream); --paper:var(--color-warm-white); --sand:var(--color-sand-lys);
  --border:var(--color-sand);
  --ink:#1f2421; --muted:var(--tekst-dempet);
  --accent:var(--color-pine); --accent-deep:#2f4a3f;
  --gold:var(--aksent-tekst); --midnight:var(--color-midnight); --aurora:var(--color-aurora);
  --sec-offentlig:#6f93a3; --sec-privat:var(--color-gold);
  font-family:var(--font-body);
}
/* ============================================================
   Stilling — detaljvisning (delt mellom drawer og egen side)
   Bygger på tokens fra jobb-shared.css.
   ============================================================ */

/* ---------- modusbryter (kun for prototypen) ---------- */
.jpage .st-modebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.6rem;}
.jpage .st-modebar__note{font-size: var(--etikett);color:var(--muted);max-width:46ch;line-height: var(--linje-etikett);}
.jpage .st-modebar__note b{color:var(--ink);font-weight:700;}
.jpage .st-switch{display:inline-flex;gap:.3rem;padding:.3rem;background:var(--paper);border:1px solid var(--border);border-radius:999px;flex:0 0 auto;}
.jpage .st-switch button{white-space:nowrap;font:inherit;font-size: var(--etikett);font-weight:700;color:var(--muted);background:none;border:0;cursor:pointer;padding:.5rem 1.05rem;border-radius:999px;transition:background .2s,color .2s;}
.jpage .st-switch button.is-active{background:var(--accent);color:var(--color-text-inverse);}
.jpage .st-switch button:not(.is-active):hover{color:var(--accent);}

/* ---------- klikkbar rad-affordans i prototypen ---------- */
.jpage .jrow{cursor:pointer;}
.jpage .jrow__open{grid-column:4;justify-self:end;align-self:center;display:inline-flex;align-items:center;gap:.35rem;font-size: var(--etikett);font-weight:700;color:var(--accent);opacity:0;transform:translateX(-4px);transition:opacity .22s,transform .22s;white-space:nowrap;}
.jpage .jrow:hover .jrow__open{opacity:1;transform:translateX(0);}
@media(max-width:680px){.jpage .jrow__open{grid-column:1;justify-self:start;}}

/* ============================================================
   DELT detalj-innhold
   ============================================================ */
/* Header — lys, flush masthead i samme språk som brødteksten (ikke en mørk boks).
   Identitet via kommune-dateline + serif-tittel; ingen harde streker mot teksten. */
.jpage .st-hero{display:block;}
.jpage .st-hero__inner{display:flex;flex-direction:column;width:100%;}
.jpage .st-hero__place{display:inline-flex;align-items:center;gap:.6rem;font-size: var(--etikett-liten);letter-spacing: var(--sperring-lg);text-transform:uppercase;font-weight:700;color:var(--accent);margin:0 0 .95rem;}
.jpage .st-hero__pin{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(61,90,78,.12);}
.jpage .st-hero__rule{width:clamp(26px,6vw,60px);height:1px;background:rgba(61,90,78,.3);}
.jpage .st-hero__tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size: var(--etikett-liten);letter-spacing: var(--sperring-md);text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:.75rem;}
.jpage .st-hero__sep{opacity:.5;}
.jpage .st-hero__sector{color:var(--accent);}
.jpage .st-hero__title{font-family:var(--font-display);font-weight: 400;font-size:clamp(1.9rem, 1.5831rem + 1.3521vw, 2.8rem);line-height: var(--linje-hero);letter-spacing: var(--sperring-tett);margin:0;color:var(--ink);text-wrap:pretty;overflow-wrap:break-word;}
.jpage .st-hero__employer{margin:.6rem 0 0;font-size: var(--text-sm);color:var(--muted);overflow-wrap:break-word;}

/* handlingsrad: knapper + frist-status */
.jpage .st-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem 1.2rem;margin:1.5rem 0 0;}
.jpage .st-actions__btns{display:flex;flex-wrap:wrap;gap:.7rem;}
.jpage .st-btn{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;font:inherit;font-weight:700;font-size: var(--etikett-stor);text-decoration:none;border-radius:12px;padding:.85rem 1.35rem;transition:transform .22s cubic-bezier(.22,1,.36,1),background .22s,box-shadow .22s,gap .22s;border:1px solid transparent;cursor:pointer;}
.jpage .st-btn--primary{background:var(--accent);color:var(--color-text-inverse);box-shadow:0 14px 30px -18px rgba(47,74,63,.85);}
.jpage .st-btn--primary:hover{background:var(--accent-deep);transform:translateY(-2px);gap:.75rem;}
.jpage .st-btn--ghost{background:var(--paper);color:var(--ink);border-color:var(--border);}
.jpage .st-btn--ghost:hover{border-color:var(--accent);color:var(--accent);gap:.75rem;}
.jpage .st-dl{display:inline-flex;align-items:center;gap:.5rem;font-size: var(--etikett);font-weight:700;color:var(--muted);}
.jpage .st-dl::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted);}
.jpage .st-dl.is-soon{color:var(--gold);}
.jpage .st-dl.is-soon::before{background:var(--gold);box-shadow:0 0 0 3px rgba(180,121,107,.16);}

/* redaksjonell spec-stripe — myk hårfin ramme (ingen hard strek mot teksten) */
.jpage .st-spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));margin:1.6rem 0 0;border-top:1px solid var(--border);}
.jpage .st-spec__i{padding:.85rem 1.05rem .85rem 0;}
.jpage .st-spec dt{font-size: var(--etikett-liten);letter-spacing: var(--sperring-md);text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:.32rem;}
.jpage .st-spec dd{margin:0;font-family:var(--font-display);font-weight: 700;font-size: var(--brod);line-height: var(--linje-display);color:var(--ink);letter-spacing: var(--sperring-tett);overflow-wrap:break-word;}
.jpage .st-spec__soon{color:var(--gold);}
.jpage .st-spec__loose{color:var(--muted);font-style:italic;}

/* Brødtekst (utlysning) — bokstøttet av "Fra utlysningen" + kildelinje.
   Robust for VILKÅRLIG sanitert NAV-HTML (descriptionHtml): h2–h4, ol/ul,
   lenker, blockquote, tabeller, lange ord. */
.jpage .st-body{margin:1.8rem 0 0;color:var(--ink);line-height: var(--linje-brod);font-size: var(--text-sm);overflow-wrap:break-word;word-break:break-word;}
.jpage .st-body__from{display:block;font-size: var(--etikett-liten);letter-spacing: var(--sperring-lg);text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 0 1rem;}
.jpage .st-body > *:first-child{margin-top:0;}
.jpage .st-body__from + *{margin-top:0;}
.jpage .st-body p{margin:0 0 1rem;color:#33392f;}
.jpage .st-body h2{font-family:var(--font-display);font-weight: 700;font-size: clamp(1.275rem, 1.1782rem + 0.4131vw, 1.55rem);line-height: var(--linje-tittel);color:var(--ink);margin:2rem 0 .7rem;letter-spacing: var(--sperring-tett);}
.jpage .st-body h3{font-family:var(--font-display);font-weight: 700;font-size: clamp(1.2rem, 1.1296rem + 0.3005vw, 1.4rem);line-height: var(--linje-tittel);color:var(--ink);margin:1.8rem 0 .7rem;letter-spacing: var(--sperring-tett);}
.jpage .st-body h4, .jpage .st-body h5, .jpage .st-body h6{font-family:var(--font-body);font-weight:700;font-size: var(--etikett-stor);line-height: var(--linje-kort);color:var(--ink);margin:1.4rem 0 .5rem;letter-spacing: var(--sperring-2xs);}
.jpage .st-body ul, .jpage .st-body ol{margin:0 0 1.1rem;padding:0 0 0 0;}
.jpage .st-body ul{list-style:none;}
.jpage .st-body ul li{position:relative;padding:.18rem 0 .18rem 1.5rem;color:#33392f;}
.jpage .st-body ul li::before{content:"";position:absolute;left:.2rem;top:.72rem;width:6px;height:6px;border-radius:50%;background:var(--accent);}
.jpage .st-body ol{list-style:decimal;padding-left:1.4rem;}
.jpage .st-body ol li{padding:.18rem 0 .18rem .25rem;color:#33392f;margin-left:.2rem;}
.jpage .st-body li > ul, .jpage .st-body li > ol{margin:.3rem 0 .4rem;}
.jpage .st-body strong, .jpage .st-body b{font-weight:700;color:var(--ink);}
.jpage .st-body em, .jpage .st-body i{font-style:italic;}
.jpage .st-body a{color:var(--accent);font-weight: 700;text-decoration:underline;text-underline-offset:2px;overflow-wrap:break-word;}
.jpage .st-body a:hover{color:var(--accent-deep);}
.jpage .st-body blockquote{margin:1.2rem 0;padding:.3rem 0 .3rem 1.1rem;border-left:3px solid var(--accent);color:var(--muted);font-style:italic;}
.jpage .st-body hr{border:0;border-top:1px solid var(--border);margin:1.6rem 0;}
.jpage .st-body img{max-width:100%;height:auto;border-radius:10px;margin:.6rem 0;}
.jpage .st-body table{width:100%;border-collapse:collapse;margin:1.1rem 0;font-size: var(--etikett-stor);display:block;overflow-x:auto;}
.jpage .st-body th, .jpage .st-body td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--border);vertical-align:top;}
.jpage .st-body th{font-weight:700;color:var(--ink);}
.jpage .st-body code{font-family:var(--font-mono);font-size: var(--etikett);background:var(--paper);border:1px solid var(--border);border-radius:5px;padding:.05em .35em;}
.jpage .st-body pre{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;overflow-x:auto;margin:1rem 0;}
.jpage .st-body pre code{background:none;border:0;padding:0;}

/* 01 Kommunen — rikt mørkt modul: bilde + intro + fakta + lenke */
.jpage .st-komm{display:grid;grid-template-columns:minmax(0,15rem) 1fr;gap:0;margin:0;border-radius:18px;overflow:hidden;background:var(--midnight);isolation:isolate;}
.jpage .st-komm__media{position:relative;min-height:100%;}
.jpage .st-komm__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02);}
.jpage .st-komm__body{padding:1.6rem 1.7rem 1.7rem;color:var(--color-text-inverse);}
.jpage .st-komm__eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size: var(--etikett-liten);letter-spacing: var(--sperring-lg);text-transform:uppercase;font-weight:700;color:var(--aurora);margin-bottom:.7rem;}
.jpage .st-komm__step{display:inline-grid;place-items:center;min-width:1.45rem;height:1.45rem;padding:0 .35rem;border-radius:999px;background:rgba(125,211,192,.16);color:var(--aurora);font-size: var(--etikett-liten);font-weight:700;letter-spacing: var(--sperring-xs);}
.jpage .st-komm__name{font-family:var(--font-display);font-weight: 400;font-size: clamp(1.4312rem, 1.2837rem + 0.6292vw, 1.85rem);line-height: var(--linje-tett);letter-spacing: var(--sperring-tett);margin:0;color:var(--surface-card-light);}
.jpage .st-komm__tag{font-family:var(--font-display);font-style:italic;font-size: var(--text-base);color:rgba(250,248,245,.9);margin:.3rem 0 0;}
.jpage .st-komm__intro{font-size: var(--etikett-stor);line-height:1.62;color:rgba(250,248,245,.8);margin:.9rem 0 0;}
.jpage .st-komm__facts{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.1rem;}
.jpage .st-komm__facts li{display:flex;flex-direction:column;gap:.1rem;padding-left:.7rem;border-left:1px solid rgba(125,211,192,.32);}
.jpage .st-komm__fl{font-size: var(--etikett-liten);letter-spacing: var(--sperring-sm);text-transform:uppercase;font-weight:700;color:rgba(125,211,192,.85);}
.jpage .st-komm__fv{font-family:var(--font-display);font-size: var(--text-base);font-weight: 700;color:var(--surface-card-light);line-height: var(--linje-display);}
.jpage .st-komm__link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.2rem;font-weight:700;font-size: var(--etikett-stor);color:var(--aurora);text-decoration:none;border-bottom:1px solid rgba(125,211,192,.4);padding-bottom:2px;transition:gap .2s,color .2s,border-color .2s;}
.jpage .st-komm__link:hover{gap:.65rem;color:#a7e4d6;border-color:#a7e4d6;}
@media(max-width:600px){.jpage .st-komm{grid-template-columns:1fr;}.jpage .st-komm__media{min-height:170px;}.jpage .st-komm__facts{grid-template-columns:1fr 1fr;}}

/* skille: alt over = NAV-annonsen, alt under = vårt */
.jpage .st-split{border:0;border-top:1px solid var(--border);margin:1.9rem 0 0;}

/* ============================================================
   Kontekst-hale — VÅR merverdi, tydelig adskilt fra utlysningen.
   Fire nivåer: 01 Kommunen · 02 Boområdene · 03 Innen 45 minutter · 04 Regionen.
   ============================================================ */
.jpage .st-context{margin:2.2rem 0 0;}
.jpage .st-context__head{margin-bottom:1.5rem;}
.jpage .st-context__eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size: var(--etikett-liten);letter-spacing: var(--sperring-lg);text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:.7rem;}
.jpage .st-context__pin{width:7px;height:7px;border-radius:50%;background:var(--aurora);box-shadow:0 0 0 4px rgba(125,211,192,.18);}
.jpage .st-context__title{font-family:var(--font-display);font-weight: 400;font-size:clamp(1.6rem, 1.4239rem + 0.7512vw, 2.1rem);line-height: var(--linje-hero);letter-spacing: var(--sperring-tett);color:var(--ink);margin:0;}
.jpage .st-context__lead{margin:.6rem 0 0;max-width:54ch;font-size: var(--text-sm);line-height: var(--linje-brod-tett);color:var(--muted);}

/* steg-badge i hver blokk (01/02/03) */
.jpage .st-boomr__step, .jpage .st-region__step{display:inline-grid;place-items:center;min-width:1.6rem;height:1.6rem;border-radius:999px;font-size: var(--etikett-liten);font-weight:700;letter-spacing: var(--sperring-xs);}

/* 02 Boområdene — ekte bildekort (som hovedsiden til Lister) */
.jpage .st-boomr{margin:1.6rem 0 0;padding:1.6rem 0 0;border-top:1px solid var(--border);}
.jpage .st-boomr__head{margin-bottom:1.1rem;}
.jpage .st-boomr__kicker{display:inline-flex;align-items:center;gap:.5rem;font-size: var(--etikett-liten);letter-spacing: var(--sperring-lg);text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:.6rem;}
.jpage .st-boomr__kicker .st-boomr__step{background:var(--sand);color:var(--accent);}
.jpage .st-boomr__title{font-family:var(--font-display);font-weight: 700;font-size: clamp(1.1625rem, 1.107rem + 0.2366vw, 1.32rem);line-height: var(--linje-display);letter-spacing: var(--sperring-tett);color:var(--ink);margin:0;text-wrap:pretty;}
.jpage .st-boomr__lead{margin:.4rem 0 0;font-size: var(--etikett-stor);line-height: var(--linje-etikett);color:var(--muted);}
.jpage .st-boomr__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;}
.jpage .st-bocard{position:relative;display:block;overflow:hidden;border-radius:14px;min-height:172px;background:var(--midnight);isolation:isolate;text-decoration:none;color:var(--surface-card-light);}
.jpage .st-bocard__media{position:absolute;inset:0;z-index:-2;}
.jpage .st-bocard__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.02);transition:transform .8s cubic-bezier(.22,1,.36,1);}
.jpage .st-bocard.is-live:hover .st-bocard__media img{transform:scale(1.06);}
.jpage .st-bocard__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(7deg,rgba(8,18,32,.92) 0%,rgba(8,18,32,.55) 44%,rgba(8,18,32,.12) 82%);}
.jpage .st-bocard__content{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.05rem;}
.jpage .st-bocard__status{display:inline-block;font-size: var(--etikett-liten);letter-spacing: var(--sperring-sm);text-transform:uppercase;font-weight:700;color:var(--midnight);background:var(--aurora);border-radius:999px;padding:.2rem .55rem;margin-top:.55rem;}
.jpage .st-bocard__status--soon{color:var(--color-text-inverse);background:rgba(250,248,245,.18);backdrop-filter:blur(3px);}
.jpage .st-bocard__name{display:block;font-family:var(--font-display);font-weight: 700;font-size: clamp(1.15rem, 1.0972rem + 0.2254vw, 1.3rem);line-height: var(--linje-hero);color:var(--surface-card-light);text-wrap:pretty;}
.jpage .st-bocard__tag{display:block;margin-top:.25rem;font-size: var(--etikett);line-height: var(--linje-kort);color:rgba(250,248,245,.82);}

/* 04 Regionen — egen overskrift (som boområdene) + kort med Lister-lockup og bilde til høyre */
.jpage .st-region-sec{margin:1.6rem 0 0;padding:1.6rem 0 0;border-top:1px solid var(--border);}
.jpage .st-region{display:grid;grid-template-columns:1fr minmax(0,15rem);gap:0;margin:1.1rem 0 0;border-radius:18px;overflow:hidden;border:1px solid var(--border);text-decoration:none;color:inherit;min-height:218px;transition:box-shadow .25s,transform .25s;}
.jpage .st-region:hover{box-shadow:0 24px 50px -30px rgba(10,22,40,.45);transform:translateY(-2px);}
.jpage .st-region__panel{display:flex;flex-direction:column;padding:1.7rem 1.8rem;background:radial-gradient(130% 120% at 12% 0%,var(--color-kort-mork),var(--midnight));color:var(--color-text-inverse);}
.jpage .st-region__brand{display:flex;flex-direction:column;gap:.5rem;}
.jpage .st-region__wordmark{font-family:var(--font-display);font-weight: 400;font-size: clamp(1.8125rem, 1.5352rem + 1.1831vw, 2.6rem);line-height:.9;letter-spacing: var(--sperring-tett);color:var(--surface-card-light);}
.jpage .st-region__sub{font-size: var(--etikett-liten);letter-spacing: var(--sperring-md);text-transform:uppercase;font-weight:700;color:rgba(125,211,192,.85);}
.jpage .st-region__slogan{font-family:var(--font-display);font-style:italic;font-size: var(--text-lg);line-height: var(--linje-tittel);color:rgba(250,248,245,.95);margin:auto 0 0;padding-top:1.3rem;}
.jpage .st-region__cta{display:inline-flex;align-items:center;gap:.45rem;margin-top:.9rem;font-weight:700;font-size: var(--etikett-stor);color:var(--aurora);white-space:nowrap;transition:gap .2s;}
.jpage .st-region:hover .st-region__cta{gap:.7rem;}
.jpage .st-region__media{position:relative;min-height:100%;}
.jpage .st-region__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.02);}
@media(max-width:600px){.jpage .st-region{grid-template-columns:1fr;}.jpage .st-region__media{min-height:170px;order:-1;}}

.jpage .st-source{margin:1.6rem 0 0;font-size: var(--etikett);line-height: var(--linje-brod-tett);color:var(--muted);}
.jpage .st-source a{color:var(--accent);font-weight:700;text-decoration:none;}
.jpage .st-source a:hover{text-decoration:underline;}

/* ============================================================
   DRAWER (høyre)
   ============================================================ */
.jpage .st-scrim{position:fixed;inset:0;background:rgba(10,22,40,.42);backdrop-filter:blur(2px);z-index:1100;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;}
.jpage .st-scrim.is-open{opacity:1;visibility:visible;}

.jpage .st-drawer{position:fixed;top:0;right:0;height:100%;width:min(930px,96vw);z-index:1101;background:var(--bg);box-shadow:-30px 0 70px -30px rgba(10,22,40,.55);
  display:flex;flex-direction:column;transform:translateX(102%);transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform;}
.jpage .st-drawer.is-open{transform:translateX(0);}
/* display:flex over slo nettleserens [hidden]{display:none}: den lukkede
   skuffen lå rett utenfor skjermen, skyggen blødde inn langs høyre kant, og
   dialogen var med i tabulatorrekkefølgen og skjermleserens tre.
   jobb-drawer.js setter hidden først etter at lukkeovergangen er ferdig. */
.jpage .st-drawer[hidden]{display:none;}

.jpage .st-drawer__bar{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.9rem 1.1rem .9rem 1.4rem;border-bottom:1px solid var(--border);background:var(--bg);}
.jpage .st-drawer__actions{display:flex;align-items:center;gap:.3rem;flex:0 0 auto;}
.jpage .st-iconbtn{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size: var(--etikett);font-weight:700;color:var(--muted);background:none;border:1px solid transparent;border-radius:9px;padding:.5rem .7rem;cursor:pointer;text-decoration:none;transition:background .2s,color .2s,border-color .2s;}
.jpage .st-iconbtn:hover{color:var(--accent);background:var(--paper);border-color:var(--border);}
.jpage .st-iconbtn svg{width:15px;height:15px;}
.jpage .st-drawer__close{width:36px;height:36px;justify-content:center;padding:0;border-radius:50%;color:var(--ink);}
.jpage .st-drawer__close:hover{background:var(--paper);border-color:var(--border);}

.jpage .st-drawer__scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:1.8rem clamp(1.3rem,3.5vw,2.4rem) 2.4rem;scrollbar-width:thin;}
/* hold lesbar tekstbredde i den bredere drawer-en */
.jpage .st-drawer__scroll > *{max-width:760px;margin-left:auto;margin-right:auto;}

/* litt strammere faktaboks i drawer */
.jpage .st-drawer .st-facts{grid-template-columns:repeat(2,minmax(0,1fr));}

/* ============================================================
   EGEN SIDE
   ============================================================ */
.jpage .st-page{max-width:760px;margin:0 auto;padding:calc(64px + clamp(1.5rem,4vw,2.5rem)) 0 5rem;}
.jpage .st-page__back{display:inline-flex;align-items:center;gap:.45rem;font-size: var(--etikett);font-weight:700;color:var(--accent);background:none;border:0;cursor:pointer;text-decoration:none;padding:0;margin-bottom:1.4rem;transition:gap .2s;}
.jpage .st-page__back:hover{gap:.7rem;}
.jpage .st-page__crumbs{font-size: var(--etikett);color:var(--muted);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.6rem;}
.jpage .st-page__crumbs a{text-decoration:none;}
.jpage .st-page__crumbs a:hover{color:var(--accent);}
.jpage .st-page__crumbs .sep{opacity:.5;}

/* host som veksler mellom side og listevisning */
.jpage .st-view{display:none;}
.jpage .st-view.is-active{display:block;}

@media(prefers-reduced-motion:reduce){
  .jpage .st-drawer{transition:none;}
  .jpage .st-scrim{transition:none;}
}

/* ============================================================
   MOBIL — drawer fullbredde, strammere luft, stab'
   le grid-fall
   ============================================================ */
@media(max-width:680px){
  .jpage .st-modebar{flex-direction:column;align-items:stretch;}
  .jpage .st-switch{align-self:flex-start;}
  .jpage .st-actions{flex-direction:column;align-items:stretch;}
  .jpage .st-actions__btns{flex-direction:column;}
  .jpage .st-btn{justify-content:center;}
  .jpage .st-dl{justify-content:flex-start;}
  .jpage .st-spec{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;}
}
@media(max-width:600px){
  .jpage .st-drawer{width:100vw;}
  .jpage .st-drawer__scroll{padding:1.4rem 1.15rem 2rem;}
  .jpage .st-drawer__scroll > *{max-width:none;}
  .jpage .st-region__panel{padding:1.4rem 1.4rem;}
  .jpage .st-region__wordmark{font-size: clamp(1.6125rem, 1.4056rem + 0.8826vw, 2.2rem);}
  .jpage .st-boomr__grid{grid-template-columns:1fr;}
}
@media(max-width:380px){
  .jpage .st-spec{grid-template-columns:1fr;}
  .jpage .st-komm__facts{grid-template-columns:1fr;}
}

/* «Vis alle» under pendleblokka (03). Serveren viser seks tilfeldige kort
 * og skjuler resten; knappen (stilling-mer.js) folder dem ut. Tekstknapp i
 * samme snitt som kommunekortets lenke, men på lys bunn — derfor aksent,
 * ikke aurora. Pila snur når lista er åpen. */
.jpage .st-boomr__foot{margin:1rem 0 0;text-align:center;}
.jpage .st-boomr__mer{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-weight:700;font-size: var(--etikett-stor);color:var(--accent);background:none;border:0;border-bottom:1px solid var(--border);padding:.35rem .1rem 4px;cursor:pointer;transition:gap .2s,color .2s,border-color .2s;}
.jpage .st-boomr__mer:hover{color:var(--accent-deep);border-color:var(--accent);gap:.6rem;}
.jpage .st-boomr__mer:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px;}