/* Sidespecifik CSS for Værktøjer/bmi.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. */

/* Værktøj: mobile-first optimering */
    .bmi-tool-card {
      background: var(--bg-main);
      padding: 2rem;
      border-radius: 24px;
      border: 1px solid var(--border-subtle);
      margin-top: 2rem;
    }
    .bmi-tool-card input[type="number"] {
      box-sizing: border-box;
      font-size: 1rem;
      background: #fff;
      outline: none;
      transition: border-color 0.2s;
    }
    .bmi-tool-card input[type="number"]:focus {
      border-color: var(--primary) !important;
    }
    @media (max-width: 480px) {
      .bmi-circle { width: 100px; height: 100px; }
      .bmi-value { font-size: 1.8rem; }
      .premium-callout { padding: 1.5rem; gap: 1rem; }
      .premium-callout__icon { width: 42px; height: 42px; }
    }