/* Fra køkkenbordet — artikel-prosa. Bygger på /styles.css (tokens + topbar + footer). */

.artikel-main { padding: calc(var(--nav-h) + clamp(40px, 7vw, 84px)) 0 clamp(64px, 9vw, 120px); }
.artikel-inner { max-width: 680px; margin: 0 auto; }

.artikel-head { margin-bottom: clamp(28px, 4vw, 44px); }
.artikel-head .eyebrow { display: inline-block; margin-bottom: 14px; }
.artikel-head h1 {
  font-size: clamp(2rem, 4.6vw, 3.1rem);
  margin: 0 0 14px;
}
.artikel-meta { margin: 0; color: var(--muted-soft); font-size: 0.9rem; }

.artikel-prosa p {
  margin: 0 0 1.25em;
  color: var(--deep);
  font-size: clamp(1.02rem, 1.4vw, 1.12rem);
  line-height: 1.7;
}
.artikel-prosa p.artikel-lede {
  font-size: clamp(1.12rem, 1.7vw, 1.3rem);
  line-height: 1.6;
  color: var(--ink);
}
.artikel-prosa h2 {
  font-family: var(--serif);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ink);
  font-size: clamp(1.4rem, 2.4vw, 1.8rem);
  line-height: 1.2;
  margin: 1.9em 0 0.6em;
}
.artikel-prosa h2 em { font-style: italic; font-weight: 600; color: var(--terra); }
.artikel-prosa blockquote {
  margin: 1.6em 0;
  padding-left: 18px;
  border-left: 3px solid var(--terra);
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(1.2rem, 2vw, 1.45rem);
  line-height: 1.35;
  color: var(--ink);
}

/* Stille app-note i bunden af hver artikel — invitation, ikke salgstale */
.artikel-note {
  margin-top: clamp(36px, 5vw, 56px);
  padding: clamp(20px, 2.6vw, 28px);
  background: var(--cream-warm);
  border: 1px solid var(--hairline);
  border-radius: var(--radius-md);
}
.artikel-note p { margin: 0; color: var(--muted); font-size: 0.98rem; line-height: 1.6; }
.artikel-note a { color: var(--terra); font-weight: 600; }

/* Index-siden */
.artikler-index-head { max-width: 680px; margin: 0 auto clamp(28px, 4vw, 44px); }
.artikler-index-head h1 { font-size: clamp(2rem, 4.6vw, 3.1rem); margin: 0 0 12px; }
.artikler-index-head p { margin: 0; color: var(--muted); font-size: clamp(1rem, 1.5vw, 1.15rem); line-height: 1.6; }
.artikler-index .kokkenbord-grid { grid-template-columns: 1fr; max-width: 680px; }