/* ============================================================
   PAGE-SPECIFIC — Spørsmål og svar (faq.html)
   Mobile-first, added on top of the shared system above.
   ============================================================ */

/* ---------- interior hero: about half the homepage hero ---------- */
.hero-sm{
  position:relative;overflow:hidden;
  padding-top:calc(var(--header-h) + var(--s4));
  padding-bottom:var(--s4);
}
@media (min-width:980px){
  .hero-sm{padding-top:calc(var(--header-h) + var(--s5));padding-bottom:var(--s5)}
}
.display-sm{
  font-size:clamp(34px,8vw,64px);font-weight:800;letter-spacing:-.035em;
  line-height:1;text-wrap:balance;max-width:14ch;
}
.hero-sm .lead{margin-top:var(--s3);color:rgba(251,247,242,.78)}

/* ---------- quick jump chips ---------- */
.jump-band{padding-block:var(--s4)}
@media (min-width:760px){ .jump-band{padding-block:var(--s5)} }
.jump-label{
  font-size:var(--t-eyebrow);font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--c-muted);line-height:1;margin-bottom:var(--s2);
}
.jump-strip{
  display:flex;gap:var(--s1);align-items:stretch;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  padding:2px 2px var(--s2);scrollbar-width:thin;
}
.jump-chip{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;
  min-height:48px;padding:12px 20px;border-radius:999px;
  border:1px solid var(--c-line);background:#FFFFFF;color:var(--c-primary);
  font-size:var(--t-small);font-weight:600;letter-spacing:.01em;
  text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease);
}
.jump-chip:hover{
  background:var(--c-accent-soft);border-color:var(--c-accent);
  transform:translateY(-2px);box-shadow:var(--sh-1);
}
.jump-chip .jump-arc{width:18px;height:9px;flex:none;color:var(--c-accent-ink);overflow:visible}

/* ---------- FAQ topic groups ---------- */
.faq-band{scroll-margin-top:calc(var(--header-h) + var(--s3))}
.faq-head{max-width:26ch}
.faq-intro{margin-top:var(--s2);max-width:52ch;color:var(--c-muted)}
.on-dark .faq-intro{color:rgba(251,247,242,.62)}

.qa-list{margin-top:var(--s4);border-top:1px solid var(--c-line)}
.on-dark .qa-list{border-top-color:var(--c-line-dark)}
@media (min-width:900px){ .qa-list{margin-top:var(--s5);max-width:78ch} }

.qa{border-bottom:1px solid var(--c-line)}
.on-dark .qa{border-bottom-color:var(--c-line-dark)}
.qa>summary{
  display:flex;align-items:flex-start;gap:var(--s3);
  min-height:48px;padding:var(--s3) 0;
  cursor:pointer;list-style:none;
}
.qa>summary::-webkit-details-marker{display:none}
.qa>summary::marker{content:""}
.qa>summary:focus-visible{
  outline:2px solid var(--c-accent-ink);outline-offset:2px;border-radius:10px;
}
.on-dark .qa>summary:focus-visible{outline-color:var(--c-accent)}
.qa-q{
  font-size:var(--t-h3);font-weight:700;letter-spacing:-.01em;line-height:1.25;
  color:var(--c-primary);flex:1;text-wrap:balance;
  transition:color .22s var(--ease);
}
.qa>summary:hover .qa-q{color:var(--c-accent-ink)}
.on-dark .qa>summary:hover .qa-q{color:var(--c-accent)}

.qa-ind{
  flex:none;width:36px;height:36px;border-radius:999px;
  display:grid;place-items:center;margin-top:2px;
  border:1px solid var(--c-line);color:var(--c-accent-ink);
  transition:background .22s var(--ease),border-color .22s var(--ease);
}
.on-dark .qa-ind{border-color:var(--c-line-dark);color:var(--c-accent)}
.qa>summary:hover .qa-ind{background:rgba(245,173,131,.14);border-color:var(--c-accent)}
.qa-ind .bar-v{transform-origin:8px 8px;transition:transform .25s var(--ease)}
.qa[open] .qa-ind .bar-v{transform:scaleY(0)}

.qa-a{padding:0 0 var(--s3);max-width:62ch}
.qa-a p + p,.qa-a > .placeholder{margin-top:var(--s2)}
.qa-a .placeholder{display:block;max-width:52ch}

/* ---------- still stuck ---------- */
.help-grid{display:grid;gap:var(--s4);margin-top:var(--s4)}
@media (min-width:900px){
  .help-grid{grid-template-columns:minmax(0,1fr) minmax(0,42%);gap:var(--s6);align-items:start}
}
.help-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.help-row{
  display:flex;align-items:center;gap:var(--s2);
  padding:var(--s2) var(--s3);background:#FFFFFF;
  border:1px solid var(--c-line);border-radius:18px;box-shadow:var(--sh-1);
  text-decoration:none;min-height:48px;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);
}
.help-row:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--c-accent)}
.help-town{font-weight:700;letter-spacing:-.01em;color:var(--c-primary)}
.help-num{
  margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums;
  color:var(--c-accent-ink);white-space:nowrap;
}
.help-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}