/* Små tilføjelser til /guides/style.css for blogindlæggene under /blog.
   Guidernes stil dækker ramme, kort og knapper; her er kun det, en
   længere artikel med billede, tabel og FAQ har brug for derudover. */

.klynge-maerke {
  margin: 22px 0 -12px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--accent);
}

.indlaeg .lede { max-width: none; }
.indlaeg h2 { font-size: 22px; line-height: 1.25; margin: 36px 0 10px; letter-spacing: -.01em; }
.indlaeg h3 { font-size: 17px; margin: 22px 0 6px; }
.indlaeg p, .indlaeg ul, .indlaeg ol { font-size: 16.5px; margin: 0 0 14px; }
.indlaeg ul, .indlaeg ol { padding-left: 22px; }
.indlaeg li + li { margin-top: 6px; }
.indlaeg .card { margin: 28px 0; }
.indlaeg .card h2 { margin-top: 0; font-size: 19px; }
.indlaeg .card p, .indlaeg .card ul { margin-left: 0; }
.indlaeg .card ul { padding-left: 18px; }
.indlaeg .card p:last-child, .indlaeg .card ul:last-child { margin-bottom: 0; }

.indlaeg picture img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin: 0 0 8px;
}

.faq h3 { font-size: 16.5px; margin: 18px 0 4px; }
.faq h3:first-of-type { margin-top: 6px; }
.faq p { color: var(--ink-soft); }

.cta-boks { border-left: 4px solid var(--accent); }
.cta-boks .cta { margin-top: 10px; }

.laes-ogsaa ul { margin: 8px 0 0; padding-left: 20px; }
.laes-ogsaa li + li { margin-top: 4px; }

.tal { width: 100%; border-collapse: collapse; font-size: 15px; margin: 8px 0 6px; }
.tal th, .tal td { text-align: left; padding: 8px 6px; border-top: 1px solid var(--line); vertical-align: top; }
.tal thead th { border-top: none; font-size: 13px; color: var(--ink-soft); }
.tal td:last-child, .tal th:last-child { text-align: right; white-space: nowrap; }
.kilde { font-size: 13.5px; color: var(--ink-soft); margin-top: 6px; }
.kilde a { color: var(--ink-soft); }

.tjekliste li { list-style: none; position: relative; padding-left: 4px; }
.tjekliste { padding-left: 26px; }
.tjekliste li::before { content: "☐"; position: absolute; left: -24px; color: var(--ink-faint); }

/* Forsiden af bloggen */
.klynge h2 { font-size: 20px; margin: 32px 0 12px; }
.indlaeg-kort > span { display: block; }
.indlaeg-kort time { display: block; margin-top: 6px; font-size: 13px; color: var(--ink-faint); }

/* Topfoto (sept. 2026): samme fotoserie som forsiden og landingssiderne. Stående fotos bliver smalle og centreres. */
.indlaeg .topfoto { display: block; margin: 0 0 22px; }
.indlaeg .topfoto-staaende img { max-width: 380px; margin-inline: auto; }