/* Sidespecifik CSS for Artikler/kost.html.
   Laa foer i en <style>-blok inde i selve HTML-filen, hvor den var
   usynlig for en soegning i stilarket. Indholdet er ordret det samme,
   og linket staar samme sted i dokumentet, saa kaskaden er uaendret. */

/* Artikel: mobile-first optimering */
    @media (max-width: 768px) {
      .info-box { flex-direction: column; gap: 0.75rem; }
      .info-box-icon { width: 40px; height: 40px; min-width: 40px; }
      .comparison-card { padding: 1.5rem !important; }
    }
    @media (max-width: 480px) {
      .info-box { padding: 1.25rem; }
      .premium-callout { padding: 1.5rem; gap: 1rem; }
      .premium-callout__icon { width: 42px; height: 42px; }
    }