/* Sidespecifik CSS for Main/metode.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. */

.vs-bullets {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
      margin: 3rem auto 0;
      max-width: 860px;
    }
    .vs-item {
      display: flex;
      gap: 1.1rem;
      align-items: flex-start;
      background: var(--bg-panel);
      border-radius: var(--radius-large);
      padding: 1.5rem;
      border: 1px solid var(--border-subtle);
      box-shadow: var(--shadow-soft);
      text-align: left;
    }
    .vs-item__icon {
      width: 44px;
      height: 44px;
      border-radius: 12px;
      background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .vs-item__body strong {
      display: block;
      font-size: 1rem;
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 0.35rem;
    }
    .vs-item__body span {
      font-size: 0.95rem;
      color: var(--text-muted);
      line-height: 1.65;
    }
    @media (max-width: 768px) {
      .vs-bullets { grid-template-columns: 1fr; }
    }
    @media (max-width: 600px) {
      .vs-bullets { gap: 0.875rem; }
      .vs-item { padding: 1.15rem; gap: 0.85rem; }
    }/* === VIDENSSEKTION === */
    .section-kn h3:not(.t-h4), /* === VIDENSSEKTION === */
    .section-kn .t-h3{
      font-size: clamp(1.5rem, 2.5vw, 2rem);
      font-weight: 700;
      margin: 0 0 0.75rem;
      hyphens: none;
    }
    .knowledge-pill {
      display: inline-flex;
      align-items: center;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      padding: 4px 12px;
      border-radius: 100px;
      margin-bottom: 1.625rem;
    }
    .knowledge-pill--blue   { background: #E3F2FD; color: #1976D2; }
    .knowledge-pill--purple { background: #F3E5F5; color: #7B1FA2; }
    /* Two-column grid: text left, insight box right */
    .kn-type-block {
      display: grid;
      grid-template-columns: 1fr 240px;
      gap: 0 3rem;
      align-items: center;
    }
    /* Gold check list */
    .kn-checklist {
      list-style: none;
      padding: 0;
      margin: 1.125rem 0 1rem;
    }
    .kn-checklist li {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      font-size: 1rem;
      color: var(--text-muted);
      line-height: 1.65;
      padding: 0.5rem 0;
      border-bottom: 1px solid var(--border-subtle);
    }
    .kn-checklist li:last-child { border-bottom: none; }
    .kn-checklist li svg { flex-shrink: 0; color: var(--accent-gold); margin-top: 0.2em; }
    /* Key Insight box */
    .kn-insight {
      background: var(--accent-beige);
      border-radius: var(--radius-soft);
      padding: 1.625rem 1.25rem;
      text-align: center;
      position: sticky;
      top: 2rem;
    }
    .kn-insight__icon { color: var(--accent-gold); margin-bottom: 0.75rem; }
    .kn-insight__stat {
      font-size: 2.375rem;
      font-weight: 700;
      color: var(--text-dark);
      line-height: 1;
      margin-bottom: 0.25rem;
      letter-spacing: -0.025em;
    }
    .kn-insight__title {
      font-size: 0.75rem;
      font-weight: 700;
      color: var(--text-dark);
      text-transform: uppercase;
      letter-spacing: 0.07em;
      margin-bottom: 0.75rem;
    }
    .kn-insight__note {
      font-size: 0.7875rem;
      color: var(--text-muted);
      line-height: 1.55;
      margin: 0;
    }
    /* Bivirkninger 2-column text */
    .kn-cols-2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 3rem;
      max-width: 720px;
      margin: 1.75rem auto 0;
      text-align: left;
    }
    /* Rule variants */
    .knowledge-rule {
      border: none;
      border-top: 1px solid var(--border-subtle);
      margin: 0;
    }
    .kn-inner-rule {
      border: none;
      border-top: 1px solid var(--border-subtle);
      margin: 3.5rem auto;
      max-width: 900px;
    }
    /* Statement price underline */
    .kn-statement-price {
      display: inline;
      font-size: 1.1875rem;
      font-weight: 700;
      color: var(--text-dark);
      border-bottom: 2px solid var(--accent-gold);
      padding-bottom: 3px;
      line-height: 2.25;
    }
    /* Discrete text link */
    .knowledge-link {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.9375rem;
      font-weight: 600;
      color: var(--primary);
      text-decoration: none;
      transition: gap 0.2s ease;
    }
    .knowledge-link:hover { gap: 0.875rem; }
    @media (max-width: 820px) {
      .kn-type-block { grid-template-columns: 1fr; gap: 2rem 0; }
      .kn-insight { position: static; max-width: 300px; }
      .kn-inner-rule { margin: 2.5rem auto; }
      .kn-guarantee-grid { grid-template-columns: 1fr !important; }
    }
    @media (max-width: 600px) {
      .kn-cols-2 { grid-template-columns: 1fr; gap: 1rem 0; }
      .kn-insight { max-width: none; }
      .knowledge-link { padding: 0.5rem 0; }
    }