/* Guides — læsevenlig editorial-flade med indholdsfortegnelse, FAQ og CTA */
.article-head { max-width: 760px; margin: 0 auto var(--sp-6); text-align: left; }
.article-head .script { font-size: 2.2rem; display: block; margin-bottom: -4px; }
.article-head h1 { font-size: var(--fs-5); max-width: 22ch; }
@media (min-width: 1024px) { .article-head h1 { font-size: var(--fs-6); } }
.article-head .lead { margin: var(--sp-3) 0 var(--sp-2); }
.article-meta { margin: 0; }
.article-index-head { text-align: center; max-width: 60ch; }
.article-index-head h1 { margin-inline: auto; }
.article-layout { display: grid; gap: var(--sp-6); grid-template-columns: minmax(0, 1fr); max-width: 760px; margin: 0 auto; }
@media (min-width: 1200px) { .article-layout { max-width: none; grid-template-columns: 240px minmax(0, 760px); justify-content: center; } .article-layout.no-toc { grid-template-columns: minmax(0, 760px); } .article-toc { position: sticky; top: 92px; align-self: start; } }
.article-toc ol { margin: var(--sp-2) 0 0; padding: 0; list-style: none; display: grid; gap: 4px; counter-reset: toc; }
.article-toc li { counter-increment: toc; }
.article-toc a { display: flex; gap: 8px; align-items: baseline; padding: 6px 10px; border-radius: var(--radius); color: var(--c-text-2); font-size: var(--fs-0); font-weight: 600; }
.article-toc a::before { content: counter(toc); font-family: var(--f-script); color: var(--c-primary); font-size: 1.3rem; line-height: 1; }
.article-toc a:hover { background: var(--c-surface); color: var(--c-text); text-decoration: none; }
.article-prose { font-size: 1.0667rem; line-height: 1.7; max-width: none; }
.article-prose p, .article-prose li { color: var(--c-text); }
.article-prose > p:first-child { font-size: var(--fs-2); color: var(--c-text-2); }
.article-prose h2 { font-size: var(--fs-4); margin: var(--sp-7) 0 var(--sp-3); }
.article-prose h3 { font-size: var(--fs-2); margin: var(--sp-5) 0 var(--sp-2); }
.article-prose ul, .article-prose ol { padding-left: 1.3rem; margin: 0 0 var(--sp-4); }
.article-prose li + li { margin-top: 6px; }
.article-prose a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.article-prose blockquote { margin: var(--sp-5) 0; padding: var(--sp-4) var(--sp-5); border-left: 3px solid var(--c-primary); background: var(--t-3); border-radius: 0 var(--radius-lg) var(--radius-lg) 0; font-size: var(--fs-2); }
.article-prose .tip { background: var(--t-5); border-radius: var(--radius-lg); padding: var(--sp-4) var(--sp-5); margin: var(--sp-5) 0; }
.article-prose .tip strong { color: var(--c-ink-mint); }
.article-prose table { width: 100%; border-collapse: collapse; margin: 0 0 var(--sp-4); font-size: var(--fs-0); }
.article-prose th, .article-prose td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--c-border); vertical-align: top; }
.article-prose th { font-weight: 800; }
.article-prose dl { display: grid; gap: var(--sp-2); margin: 0 0 var(--sp-4); }
.article-prose dt { font-weight: 800; }
.article-prose dd { margin: 0; color: var(--c-text-2); }
.article-faq { margin-top: var(--sp-7); }
.article-faq h2 { margin-bottom: var(--sp-2); }
.article-links { margin-top: var(--sp-6); }
.article-links .eyebrow { margin-bottom: var(--sp-2); display: block; }
.article-cta { margin-top: var(--sp-6); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-4); padding: var(--sp-6); border-radius: var(--radius-xl); }
.article-cta .script { font-size: 2rem; display: block; }
.article-cta h2 { margin-bottom: var(--sp-1); }
.article-cta p { margin: 0; color: var(--c-text-2); max-width: 44ch; }
.article-related { margin-top: var(--sp-8); }
.article-grid-cards { display: grid; gap: var(--sp-4); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .article-grid-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .article-grid-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.article-card { display: flex; flex-direction: column; gap: var(--sp-2); padding: var(--sp-5); border-radius: var(--radius-lg); background: var(--c-surface); border: 1px solid var(--c-border); color: inherit; text-decoration: none; transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); min-height: 200px; }
.article-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lift); text-decoration: none; color: inherit; }
.article-card h2, .article-card h3 { font-size: var(--fs-3); margin: 0; }
.article-card p { margin: 0; }
.article-card-more { margin-top: auto; font-weight: 700; color: var(--c-primary-2); display: inline-flex; align-items: center; gap: 6px; }
.article-index-grid { margin-top: var(--sp-6); }
.article-index-grid .article-card.tone-block { border-color: transparent; }
@media (min-width: 1024px) { .article-index-grid .is-featured { grid-column: span 2; } .article-index-grid .is-featured h2 { font-size: var(--fs-4); } }
/* HTML-sitemap */
.sitemap-grid { display: grid; gap: var(--sp-4); grid-template-columns: minmax(0, 1fr); margin-top: var(--sp-5); }
@media (min-width: 760px) { .sitemap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sitemap-cities { grid-column: 1 / -1; } }
.sitemap-grid .eyebrow { margin-bottom: var(--sp-3); display: block; }
.sitemap-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.sitemap-list a { color: var(--c-text); }
.sitemap-cols { columns: 2; column-gap: var(--sp-5); display: block; }
@media (min-width: 760px) { .sitemap-cols { columns: 4; } }
.sitemap-cols li { break-inside: avoid; padding: 3px 0; }