/* ══════════════════════════════════════════════════════════════
   PATTERN — Content page

   Typography and layout for static content pages (about, method,
   documentation, policy, etc.). Provides h1/h2/h3/p hierarchy
   tuned for article-like reading.

   Markup:
     <article class="content-page">
       <h1>Om DIALOG</h1>
       <p>Intro paragraph...</p>
       <h2>Bakgrund</h2>
       <p>Body text with <em>emphasis</em> and <span class="emphasis">stronger emphasis</span>.</p>
     </article>

   Base: strategios.css (uses canonical tokens)
   Candidates: DIALOG (/om, /metod), SORTERA (/om, /metod),
   STRATEGIANALYS (documentation pages), all apps with static pages.
   ══════════════════════════════════════════════════════════════ */

.content-page h1 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: var(--s-4);
}

.content-page h2 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-top: var(--s-6);
    margin-bottom: var(--s-2);
}

.content-page h3 {
    font-size: 0.9375rem;
    font-weight: 600;
    margin-top: var(--s-4);
    margin-bottom: var(--s-1);
}

.content-page p {
    font-size: 0.9375rem;
    line-height: 1.7;
    margin-bottom: var(--s-3);
}

.content-page em {
    font-style: italic;
}

.emphasis {
    font-weight: 500;
}