/* The pages behind the top menu (undersider.mjs, 3 Nov 2026): the front page's
   hero and sections, and one thing of their own, the chapter's cards. White on the
   page's ground, lifted by the shadow, with the page's drawn icons. Its own file,
   because the front page has none of it. */
.sh-topp .hero__knapp:empty { display: none; }
.sh-topp .hero__knapp { min-height: var(--s-cta); }
/* Below the desk width the mascot beside the button is hidden (lys.css
   .hero__pose). A hero with no button then held an empty row of the button's
   height between the lead and the page (10 Nov 2026, seen at 390 on every
   page of «Prøv selv»): with nothing to show, the row is taken out. */
@media (max-width: 63.999rem) { .sh-topp .hero__knapp:not(:has(.btn)) { display: none; } }
.sh-trinn { display: grid; gap: var(--l-s-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); width: min(100%, 64rem); margin-inline: auto; }
.sh-kort {
  display: grid; align-content: start; gap: var(--l-s-3); padding: var(--l-s-5);
  border-radius: var(--l-r-card); background: var(--l-frame); box-shadow: 0 0 0 var(--s-hair) var(--l-line), var(--l-sh-card);
}
.sh-kort p, .sh-kort h3 { margin: 0; }
.sh-kort__ikon { display: flex; align-items: center; justify-content: space-between; gap: var(--l-s-3); }
.sh-kort__ikon .tegnet { width: 2.5rem; height: 2.5rem; }
.sh-kort__ikon time { font-size: var(--l-t-sm); font-weight: var(--l-w-bold); font-variant-numeric: tabular-nums; color: var(--l-purple-ink); }
.sh-kort h3 { font-size: var(--l-t-lg); line-height: var(--l-lh-snug); color: var(--l-ink); }
.sh-kort > p:last-child { font-size: var(--l-t-md); line-height: var(--l-lh-body); color: var(--l-ink-2); }
.sh-faq { display: grid; gap: var(--l-s-3); width: min(100%, 48rem); margin-inline: auto; }
.sh-slutt { display: grid; justify-items: center; gap: var(--l-s-4); text-align: center; }
.sh-slutt h2, .sh-slutt p { margin: 0; }
.sh-slutt h2 { font-size: var(--s-h2); }
.sh-slutt p { font-size: var(--s-lead); color: var(--l-ink-2); }
.sh-slutt p a { color: var(--l-purple-ink); }