/* ══════════════════════════════════════════════════
       QUIZ SINGLE — Design System
       ══════════════════════════════════════════════════ */
    .nm-quiz-single-main { font-family: var(--nm-font-body, 'Poppins', sans-serif); }

    /* 3b. SIDENS INDHOLD — samme laesebredde som en artikel.
       Selve blokkenes styling er global (.nm-article-body i snippet 13);
       her saettes kun rammen, saa der ikke opstaar en femte variant. */
    /* Bredde (ejeren 31-10-2026: "ALLE sektioner samme stoerrelse i bredden ... goer bedste praksis"). Rammen flugter
       med de andre sektioner (container - 32 px), og bokse (TL;DR, indhold, Key Facts, annonce, FAQ, forfatter) fylder
       den. Loebende tekst holdes paa hoejst 75 tegn pr. linje: laengere linjer er svaere at foelge med oejet. */
    .nm-quiz-article { box-sizing: border-box; width: calc(100% - 32px); max-width: calc(var(--nm-container, 1100px) - 32px); margin: 0 auto var(--nm-section-gap, 48px); padding: 0; }
    .nm-quiz-article .nm-article-body { max-width: none !important; padding: 0; }
    .nm-quiz-article .nm-article-body > :is(p, ul, ol, h2, h3, h4, blockquote, dl):not([class*="nm-"]) { max-width: 75ch; }
    .nm-quiz-article .nm-article-body > :is(nav.nm-toc, .nm-tldr, aside.nm-key-facts, .nm-ad-block, .nm-faq, .nm-callout, figure, table, .nm-table-wrap) { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }

    /* 1. HERO — redesign 31-10-2026 (designer, forslag 1 uden groen streg).
       Leveret som 70-sektion (quiz_hero); :scope er skrevet ud som .nm-quiz-hero. */
    .nm-quiz-hero {
      box-sizing: border-box;
      position: relative;
      width: 100%;
      max-width: var(--nm-container);
      min-width: 0;
      margin: 0 auto var(--nm-section-gap);
      padding: var(--nm-space-12) var(--nm-space-10);
      /* Hero-kort (ejeren 31-10-2026): bloed hvid/graa flade, saa kortet ses. */
      background: linear-gradient(180deg, var(--nm-bg-card) 0%, var(--nm-bg) 100%) !important;
      color: var(--nm-body);
      border: 1px solid var(--nm-border) !important;
      border-radius: var(--nm-hero-radius) !important;
      box-shadow: var(--nm-shadow-md) !important;
      text-align: left !important;
      overflow: visible;
      font-family: var(--nm-font-body);
    }
    .nm-quiz-hero::before,
    .nm-quiz-hero::after {
      content: none !important;
      display: none !important;
    }
    .nm-quiz-hero h1 {
      position: static;
      max-width: 100%;
      margin: 0 0 var(--nm-space-6);
      padding: 0;
      font-family: var(--nm-font-heading) !important;
      /* Fast stoerrelse: var(--nm-h1) gav en ~15px H1 paa live (31-10-2026, aarsag ikke fundet). */
      font-size: var(--nm-h1) !important;
      font-weight: var(--nm-h1-weight);
      line-height: 1.12;
      letter-spacing: -0.035em;
      color: var(--nm-heading) !important;
      text-align: left !important;
      overflow-wrap: break-word;
      text-wrap: balance;
    }
    .nm-quiz-hero h1 span {
      background: none !important;
      color: inherit !important;
      -webkit-text-fill-color: currentColor !important;
    }
    .nm-quiz-hero .nm-quiz-hero-intro {
      position: static;
      max-width: var(--nm-content);
      margin: 0 0 var(--nm-space-8) !important;
      padding: 0;
      font-family: var(--nm-font-body);
      font-size: var(--nm-lead-size) !important;
      font-weight: 400;
      line-height: 1.65;
      color: var(--nm-body) !important;
      text-align: left !important;
      overflow-wrap: break-word;
    }
    .nm-quiz-hero .nm-quiz-hero-meta {
      position: static;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start !important;
      align-items: center;
      gap: var(--nm-space-4) 0;
      width: 100%;
      margin: 0;
      padding: var(--nm-space-6) 0 0;
      border-top: 1px solid var(--nm-border);
      background: none;
    }
    .nm-quiz-hero .nm-quiz-hero-meta > span {
      box-sizing: border-box;
      display: inline-flex;
      align-items: center;
      gap: var(--nm-space-2);
      min-width: 0;
      max-width: 100%;
      margin: 0;
      padding: 0 var(--nm-space-6);
      background: none !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      font-family: var(--nm-font-body);
      font-size: var(--nm-small) !important;
      font-weight: 400;
      line-height: 1.5;
      color: var(--nm-meta) !important;
      overflow-wrap: break-word;
    }
    .nm-quiz-hero .nm-quiz-hero-meta > span:first-child {
      padding-left: 0;
    }
    .nm-quiz-hero .nm-quiz-hero-meta > span + span {
      border-left: 1px solid var(--nm-border-strong) !important;
    }
    .nm-quiz-hero .nm-quiz-hero-meta > span:last-child {
      padding-right: 0;
    }
    .nm-quiz-hero .nm-quiz-hero-meta strong {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      margin: 0;
      font-size: 1.25rem;
      font-weight: 400;
      line-height: 1;
      color: inherit;
    }
    .nm-quiz-hero .nm-quiz-hero-meta strong svg {
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      flex: 0 0 auto;
    }
    /* Quizzens billede i hoejre side (31-10-2026). Grid uden ekstra indpakning, saa 70's sektionsdesign (:scope =
       .nm-quiz-hero) og alle eksisterende regler for h1, intro og meta gaelder uaendret. */
    .nm-quiz-hero.nm-quiz-hero--billede {
      display: grid;
      grid-template-columns: minmax(0, 1fr) clamp(240px, 32%, 400px);
      grid-template-rows: auto auto 1fr;
      column-gap: var(--nm-space-10, 40px);
      align-items: start;
    }
    .nm-quiz-hero.nm-quiz-hero--billede > :not(.nm-quiz-hero-billede) { grid-column: 1; min-width: 0; }
    .nm-quiz-hero.nm-quiz-hero--billede > .nm-quiz-hero-meta { align-self: end; }
    .nm-quiz-hero .nm-quiz-hero-billede {
      grid-column: 2;
      grid-row: 1 / span 3;
      align-self: stretch;
      position: relative;
      min-height: 220px;
      margin: 0;
      overflow: hidden;
      background: var(--nm-bg-alt, #F0F0F0);
      border: 1px solid var(--nm-border, #E8E8E8);
      border-radius: 16px;
      box-shadow: 0 12px 32px rgba(17, 17, 17, .10);
    }
    .nm-quiz-hero .nm-quiz-hero-billede img {
      position: absolute;
      inset: 0;
      display: block;
      width: 100% !important;
      height: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      object-fit: cover;
      border-radius: 0 !important;
      box-shadow: none !important;
    }
    .nm-quiz-hero .nm-quiz-hero-billede--produkt { background: #fff; }
    .nm-quiz-hero .nm-quiz-hero-billede--produkt img { object-fit: contain; padding: 20px; box-sizing: border-box; }
    @media (max-width: 767px) {
      /* Mobil: billedet staar oeverst i kortet, bredt og lavt, og teksten under (som emojien stod foer). */
      .nm-quiz-hero.nm-quiz-hero--billede { display: flex; flex-direction: column; align-items: stretch; }
      .nm-quiz-hero .nm-quiz-hero-billede {
        order: -1;
        flex: 0 0 auto;
        min-height: 0;
        aspect-ratio: 16 / 9;
        max-height: 220px;
        width: 100%;
        margin: 0 0 var(--nm-space-6);
        border-radius: 12px;
        box-shadow: none;
      }
    }
    @media (max-width: 1023px) {
      .nm-quiz-hero {
        padding: var(--nm-space-8) var(--nm-space-6);
      }
      .nm-quiz-hero .nm-quiz-hero-meta {
        gap: var(--nm-space-4) var(--nm-space-6);
      }
      .nm-quiz-hero .nm-quiz-hero-meta > span {
        padding: 0;
        border: 0 !important;
      }
      .nm-quiz-hero .nm-quiz-hero-meta > span + span {
        border-left: 0 !important;
      }
    }
    @media (max-width: 767px) {
      .nm-quiz-hero h1 {
        margin-bottom: var(--nm-space-4);
        letter-spacing: -0.03em;
      }
      .nm-quiz-hero .nm-quiz-hero-intro {
        font-size: var(--nm-body-size) !important;
        margin-bottom: var(--nm-space-6) !important;
      }
      .nm-quiz-hero .nm-quiz-hero-meta {
        padding-top: var(--nm-space-6);
        gap: var(--nm-space-4);
      }
      .nm-quiz-hero .nm-quiz-hero-meta > span:last-child {
        flex-basis: 100%;
      }
    }
    @media (max-width: 767px) {
      .nm-quiz-hero {
        border-radius: var(--nm-hero-radius) !important;
      }
    }
    @media (max-width: 374px) {
      .nm-quiz-hero {
        padding: var(--nm-space-6) var(--nm-space-4);
      }
    }
    
    /* 2. QUIZ FLOW — redesign 31-10-2026 (designer, forslag 1 "Overskriften i fokus").
       Leveret som 70-sektion (quiz_flow); :scope er skrevet ud som .nm-quiz-flow. */
    .nm-quiz-flow {
      box-sizing: border-box;
      width: 100%;
      max-width: var(--nm-container, 1100px); /* ejeren 31-10-2026: lige saa bred som de andre sektioner (designet: --nm-content) */
      min-width: 0;
      margin: 0 auto var(--nm-section-gap, 48px);
      padding: var(--nm-space-6, 24px);
      background: var(--nm-bg-card, #fff);
      color: var(--nm-body, #3a3a3a);
      border: 1px solid var(--nm-border, #e8e8e8);
      border-radius: var(--nm-radius-md, 6px);
      box-shadow: none;
      font-family: var(--nm-font-body);
      text-align: left;
      overflow: visible;
    }
    .nm-quiz-flow *, .nm-quiz-flow *::before, .nm-quiz-flow *::after {
      box-sizing: border-box;
    }
    .nm-quiz-flow .nm-quiz-progress {
      display: flex;
      gap: var(--nm-space-1, 4px);
      width: 100%;
      min-width: 0;
      margin: 0 0 var(--nm-space-3, 12px);
    }
    .nm-quiz-flow .nm-quiz-progress-step {
      flex: 1 1 0;
      min-width: 0;
      height: 4px;
      border-radius: 2px;
      background: var(--nm-border, #e8e8e8) !important;
      opacity: 1 !important;
      transition: none;
    }
    .nm-quiz-flow .nm-quiz-progress-step.nm-quiz-step-done {
      background: var(--nm-heading, #111) !important;
    }
    .nm-quiz-flow .nm-quiz-progress-step.nm-quiz-step-active {
      background: var(--nm-cta, #40cd2a) !important;
    }
    .nm-quiz-flow .nm-quiz-step {
      display: none;
      min-width: 0;
      text-align: left !important;
    }
    .nm-quiz-flow .nm-quiz-step.nm-quiz-step-visible {
      display: block;
    }
    .nm-quiz-flow .nm-quiz-step[hidden] {
      display: none !important;
    }
    .nm-quiz-flow .nm-quiz-step-num {
      margin: 0 0 var(--nm-space-4, 16px);
      color: var(--nm-meta, #5a5a5a) !important;
      font-size: var(--nm-small, .875rem);
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: normal;
      text-transform: none;
    }
    .nm-quiz-flow .nm-quiz-step h3 {
      min-width: 0;
      max-width: 100%;
      margin: 0 0 var(--nm-space-6, 24px);
      font-family: var(--nm-font-heading);
      font-size: var(--nm-h3) !important; /* fast vaerdi: --nm-h3 er bygget som --nm-h1, der fejlede paa live */
      font-weight: 700;
      line-height: 1.35;
      color: var(--nm-heading, #111);
      text-align: left;
      white-space: normal;
      overflow-wrap: anywhere;
      hyphens: auto;
    }
    .nm-quiz-flow .nm-quiz-options,
    .nm-quiz-flow .nm-quiz-options.nm-quiz-options-wide {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-auto-rows: auto;
      align-items: stretch;
      gap: var(--nm-space-3, 12px);
      width: 100%;
      min-width: 0;
    }
    .nm-quiz-flow .nm-quiz-option {
      position: relative;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 20px;
      grid-template-rows: auto auto 1fr;
      align-content: start;
      align-items: start;
      justify-items: start;
      gap: var(--nm-space-2, 8px);
      width: 100%;
      min-width: 0 !important;
      max-width: 100%;
      height: auto !important;
      min-height: 0;
      max-height: none !important;
      margin: 0;
      padding: var(--nm-space-4, 16px);
      border: 1px solid var(--nm-border-strong, #d0d0d0) !important;
      border-radius: var(--nm-radius-md, 6px);
      background: var(--nm-bg-card, #fff) !important;
      color: var(--nm-heading, #111);
      font-family: var(--nm-font-body);
      text-align: left !important;
      text-decoration: none;
      white-space: normal !important;
      overflow: visible !important;
      cursor: pointer;
      transform: none !important;
      box-shadow: none !important;
      transition: border-color var(--nm-duration, 250ms), background-color var(--nm-duration, 250ms);
    }
    .nm-quiz-flow .nm-quiz-option-ico {
      grid-column: 1;
      grid-row: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: auto;
      height: auto;
      min-width: 0;
      min-height: 20px;
      margin: 0;
      padding: 0;
      background: none !important;
      border: 0;
      border-radius: 0;
      font-size: 20px !important;
      line-height: 1;
    }
    .nm-quiz-flow .nm-quiz-option-ico span {
      filter: none !important;
      background: none !important;
    }
    .nm-quiz-flow .nm-quiz-option-label,
    .nm-quiz-flow .nm-quiz-option-desc {
      display: block !important;
      grid-column: 1 / -1;
      width: 100%;
      min-width: 0 !important;
      max-width: 100%;
      height: auto !important;
      max-height: none !important;
      margin: 0;
      padding: 0;
      white-space: normal !important;
      overflow: visible !important;
      text-overflow: clip !important;
      -webkit-line-clamp: unset !important;
      line-clamp: unset !important;
      -webkit-box-orient: initial;
      word-break: normal;
      overflow-wrap: anywhere;
      hyphens: auto;
      hyphenate-limit-chars: 8 4 4; /* "for-men", "me-get": korte ord deles aldrig */
      text-align: left !important;
    }
    .nm-quiz-flow .nm-quiz-option-label {
      grid-row: 2;
      font-size: var(--nm-body-size, 1rem) !important;
      font-weight: 700;
      line-height: 1.4;
      color: var(--nm-heading, #111) !important;
    }
    .nm-quiz-flow .nm-quiz-option-desc {
      grid-row: 3;
      font-size: var(--nm-small, .875rem) !important;
      font-weight: 400;
      line-height: 1.55;
      color: var(--nm-meta, #5a5a5a) !important;
    }
    .nm-quiz-flow .nm-quiz-option a {
      max-width: 100%;
      white-space: normal !important;
      overflow-wrap: anywhere;
      word-break: normal;
      color: inherit;
      text-decoration: underline;
    }
    .nm-quiz-flow .nm-quiz-option-indicator {
      grid-column: 2;
      grid-row: 1;
      position: relative;
      display: block;
      width: 20px;
      height: 20px;
      margin: 0;
      border: 1px solid var(--nm-muted, #767676);
      border-radius: 50%;
      background: var(--nm-white, #fff);
      pointer-events: none;
    }
    /* Valgt (ejeren 31-10-2026): ingen groen flade eller kant paa kortet; kortet faar en moerk
       kant, og valget vises af en groen cirkel med et centreret flueben. */
    .nm-quiz-flow .nm-quiz-option.nm-quiz-option-selected,
    .nm-quiz-flow .nm-quiz-option[aria-checked="true"] {
      background: var(--nm-bg-card, #fff) !important;
      border-color: var(--nm-heading, #111) !important;
    }
    .nm-quiz-flow .nm-quiz-option-selected .nm-quiz-option-indicator,
    .nm-quiz-flow .nm-quiz-option[aria-checked="true"] .nm-quiz-option-indicator {
      display: grid;
      place-items: center;
      background: var(--nm-cta, #40cd2a);
      border-color: var(--nm-cta, #40cd2a);
    }
    .nm-quiz-flow .nm-quiz-option-selected .nm-quiz-option-indicator::after,
    .nm-quiz-flow .nm-quiz-option[aria-checked="true"] .nm-quiz-option-indicator::after {
      content: "";
      position: static;
      display: block;
      width: 5px;
      height: 10px;
      margin-top: -2px;
      border-right: 2px solid var(--nm-white, #fff);
      border-bottom: 2px solid var(--nm-white, #fff);
      transform: rotate(45deg);
    }
    /* Kort puls naar man vaelger: kortet vokser et oejeblik. Bruger 'scale', fordi
       'transform' er laast med !important i designet. */
    .nm-quiz-flow .nm-quiz-option { -webkit-tap-highlight-color: transparent; }
    .nm-quiz-flow .nm-quiz-option.nm-quiz-option-puls { animation: nm-quiz-puls 260ms ease-out; }
    @keyframes nm-quiz-puls {
      0%   { scale: 1; }
      45%  { scale: 1.04; }
      100% { scale: 1; }
    }
    .nm-quiz-flow .nm-quiz-option[data-value="_any"] {
      grid-column: 1 / -1;
      grid-template-columns: 20px minmax(0, 1fr) 20px;
      grid-template-rows: auto;
      align-items: center;
      min-height: 56px;
    }
    .nm-quiz-flow .nm-quiz-option[data-value="_any"] .nm-quiz-option-ico {
      grid-column: 1;
      grid-row: 1;
    }
    .nm-quiz-flow .nm-quiz-option[data-value="_any"] .nm-quiz-option-label {
      grid-column: 2;
      grid-row: 1;
    }
    .nm-quiz-flow .nm-quiz-option[data-value="_any"] .nm-quiz-option-indicator {
      grid-column: 3;
      grid-row: 1;
    }
    .nm-quiz-flow .nm-quiz-option[data-value="_any"] .nm-quiz-option-desc {
      grid-column: 2 / -1;
      grid-row: 2;
    }
    .nm-quiz-flow .nm-quiz-nav {
      position: static !important;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: var(--nm-space-3, 12px);
      width: 100%;
      min-width: 0;
      margin: var(--nm-space-6, 24px) 0 0 !important;
      padding: 0 !important;
      background: none !important;
      border: 0 !important;
      box-shadow: none !important;
    }
    .nm-quiz-flow .nm-quiz-nav-back,
    .nm-quiz-flow .nm-quiz-nav-next {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
      max-width: 100%;
      min-height: 48px;
      height: auto;
      padding: var(--nm-space-3, 12px) var(--nm-space-6, 24px);
      border: 0;
      border-radius: var(--nm-btn-radius);
      font-family: var(--nm-font-body);
      font-size: var(--nm-btn-font-size) !important;
      font-weight: var(--nm-btn-weight);
      line-height: 1.5;
      text-transform: var(--nm-btn-transform) !important; /* et globalt knap-stil gav TILBAGE/NÆSTE paa live */
      letter-spacing: var(--nm-btn-tracking) !important;
      white-space: normal !important;
      overflow: visible !important;
      overflow-wrap: anywhere;
      text-overflow: clip;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      transform: none !important;
      box-shadow: none !important;
    }
    .nm-quiz-flow .nm-quiz-nav-back {
      background: none !important;
      color: var(--nm-meta, #5a5a5a) !important;
    }
    .nm-quiz-flow .nm-quiz-nav-next {
      margin-left: auto;
      background: var(--nm-cta, #40cd2a) !important;
      color: var(--nm-btn-text) !important; text-transform: var(--nm-btn-transform); letter-spacing: var(--nm-btn-tracking); }
    .nm-quiz-flow .nm-quiz-nav-next:disabled {
      background: var(--nm-cta-light, #f0fbe9) !important;
      color: var(--nm-meta, #5a5a5a) !important;
      opacity: 1 !important;
      cursor: not-allowed;
    }
    .nm-quiz-flow .nm-quiz-option:focus-visible,
    .nm-quiz-flow .nm-quiz-nav-back:focus-visible,
    .nm-quiz-flow .nm-quiz-nav-next:focus-visible,
    .nm-quiz-flow a:focus-visible {
      outline: 2px solid var(--nm-focus) !important;
      outline-offset: 3px;
    }
    @media (hover: hover) {
      .nm-quiz-flow .nm-quiz-option:hover {
        border-color: var(--nm-heading, #111) !important;
      }
      .nm-quiz-flow .nm-quiz-option.nm-quiz-option-selected:hover,
      .nm-quiz-flow .nm-quiz-option[aria-checked="true"]:hover {
        border-color: var(--nm-heading, #111) !important;
      }
      .nm-quiz-flow .nm-quiz-nav-next:not(:disabled):hover {
        background: var(--nm-cta-hover, #35b122) !important;
      }
      .nm-quiz-flow .nm-quiz-nav-back:hover {
        color: var(--nm-heading, #111) !important;
        text-decoration: underline;
      }
    }
    @media (max-width: 767px) {
      .nm-quiz-flow {
        padding: var(--nm-space-3, 12px);
      }
      /* Kompakt paa mobil (ejeren 31-10-2026): lavere kort, mindre ikon og cirkel, taettere tekst og
         mindre luft om spoergsmaalet. Trinnet er 22-26 % lavere ved 375-390 px; to kolonner bevares. */
      .nm-quiz-flow .nm-quiz-step-num {
        margin-bottom: 6px;
      }
      .nm-quiz-flow .nm-quiz-step h3 {
        margin-bottom: 14px;
      }
      .nm-quiz-flow .nm-quiz-options,
      .nm-quiz-flow .nm-quiz-options.nm-quiz-options-wide {
        gap: var(--nm-space-2, 8px);
      }
      .nm-quiz-flow .nm-quiz-option {
        gap: 4px;
        padding: 10px 12px;
      }
      .nm-quiz-flow .nm-quiz-option-ico {
        min-height: 18px;
        font-size: 16px !important;
      }
      .nm-quiz-flow .nm-quiz-option-indicator {
        width: 18px;
        height: 18px;
      }
      .nm-quiz-flow .nm-quiz-option-label {
        font-size: .9375rem !important;
        line-height: 1.3;
      }
      .nm-quiz-flow .nm-quiz-option-desc {
        font-size: var(--nm-meta-size, .8125rem) !important;
        line-height: 1.4;
      }
      .nm-quiz-flow .nm-quiz-option[data-value="_any"] {
        align-content: center;
        min-height: 48px;
        padding-block: 8px;
      }
      .nm-quiz-flow .nm-quiz-nav {
        margin-top: var(--nm-space-4, 16px) !important;
      }
      .nm-quiz-flow .nm-quiz-nav-next {
        flex: 1 1 0;
      }
      .nm-quiz-flow .nm-quiz-nav-back {
        flex: 0 1 auto;
        padding-inline: var(--nm-space-2, 8px);
      }
      .nm-quiz-flow .nm-quiz-step[data-step="0"] .nm-quiz-nav-back {
        display: none !important;
      }
    }
    @media (max-width: 374px) {
      .nm-quiz-flow {
        padding-inline: var(--nm-space-2, 8px);
      }
      .nm-quiz-flow .nm-quiz-options,
      .nm-quiz-flow .nm-quiz-options.nm-quiz-options-wide {
        gap: var(--nm-space-2, 8px);
      }
      .nm-quiz-flow .nm-quiz-option {
        padding-inline: var(--nm-space-2, 8px);
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .nm-quiz-flow .nm-quiz-option {
        transition: none;
      }
      .nm-quiz-flow .nm-quiz-option.nm-quiz-option-puls { animation: none; }
    }
    /* Fokus paa spoergsmaalet ved trinskift (JS) giver ingen ramme med mus. */
    .nm-quiz-flow .nm-quiz-step h3:focus:not(:focus-visible) { outline: none; }

    /* Celebration animation */
    @keyframes nm-confetti-fall {
        0% { transform: translateY(-10px) rotate(0deg); opacity: 1; }
        100% { transform: translateY(120vh) rotate(720deg); opacity: 0; }
    }
    @keyframes nm-result-reveal {
        0% { opacity: 0; transform: translateY(20px) scale(.95); }
        100% { opacity: 1; transform: translateY(0) scale(1); }
    }
    .nm-quiz-celebration {
        position: fixed; inset: 0; pointer-events: none; z-index: 999;
        overflow: hidden;
    }
    .nm-quiz-confetti {
        position: absolute; top: -10px;
        width: 10px; height: 10px; border-radius: 2px;
        animation: nm-confetti-fall 2.5s ease-out forwards;
    }
    .nm-quiz-result.nm-quiz-result-visible {
        animation: nm-result-reveal .6s ease-out;
    }
    
    /* 3. RESULTAT — redesign 31-10-2026 (designer, forslag 2; produkterne som liste efter ejerens maal-billede).
       Leveret som 70-sektion (quiz_result); :scope er skrevet ud som #nm-quiz-result. */
    #nm-quiz-result {
      box-sizing: border-box;
      display: none;
      width: 100%;
      max-width: var(--nm-container, 1100px);
      min-width: 0;
      margin: 0 auto var(--nm-section-gap, 48px);
      padding: var(--nm-space-8, 32px);
      background: var(--nm-bg-card, #fff);
      color: var(--nm-body, #3a3a3a);
      font-family: var(--nm-font-body);
      text-align: left !important;
    }
    #nm-quiz-result.nm-quiz-result-visible {
      display: block;
      animation: none !important;
    }
    #nm-quiz-result *, #nm-quiz-result *::before, #nm-quiz-result *::after {
      box-sizing: border-box;
    }
    #nm-quiz-result .nm-quiz-result-badge {
      display: inline-flex;
      align-items: center;
      gap: var(--nm-space-2, 8px);
      max-width: 100%;
      margin: 0 0 var(--nm-space-3, 12px);
      padding: 0;
      border: 0 !important;
      border-radius: 0;
      background: none !important;
      color: var(--nm-meta, #5a5a5a) !important;
      font-size: var(--nm-small, .875rem);
      font-weight: 500;
      line-height: 1.5;
    }
    #nm-quiz-result h2 {
      margin: 0 0 var(--nm-space-3, 12px);
      font-family: var(--nm-font-heading);
      font-size: var(--nm-h2) !important; /* fast vaerdi: --nm-h2 er bygget som --nm-h1, der fejlede paa live */
      font-weight: var(--nm-h2-weight);
      line-height: 1.25;
      color: var(--nm-heading, #111) !important;
      text-align: left;
      overflow-wrap: anywhere;
    }
    #nm-quiz-result h2 span {
      background: none !important;
      color: inherit !important;
      -webkit-text-fill-color: currentColor !important;
    }
    #nm-quiz-result .nm-quiz-result-text {
      max-width: var(--nm-content, 720px);
      margin: 0 0 var(--nm-space-8, 32px);
      font-size: var(--nm-body-size, 1rem);
      line-height: 1.65;
      color: var(--nm-body, #3a3a3a);
      overflow-wrap: anywhere;
    }
    #nm-quiz-result .nm-quiz-result-grid > *,
    #nm-quiz-result .nm-quiz-result-more > *,
    #nm-quiz-result .nm-quiz-rcard > * {
      min-width: 0;
      max-width: 100%;
    }
    #nm-quiz-result .nm-quiz-rcard a {
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: normal;
    }
    #nm-quiz-result .nm-quiz-rcard img {
      max-width: 100%;
      object-fit: contain;
    }
    #nm-quiz-result .nm-quiz-result-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      gap: var(--nm-space-4, 16px) var(--nm-space-6, 24px);
      margin: 0 0 var(--nm-space-3, 12px);
    }
    #nm-quiz-result .nm-quiz-result-loadmore,
    #nm-quiz-result .nm-quiz-result-cta,
    #nm-quiz-result .nm-quiz-result-restart {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
      max-width: 100%;
      min-height: 44px;
      height: auto;
      margin: 0;
      font-family: var(--nm-font-body);
      font-size: var(--nm-body-size, 1rem);
      line-height: 1.5;
      white-space: normal;
      overflow-wrap: anywhere;
      cursor: pointer;
      transform: none !important;
      box-shadow: none !important;
    }
    #nm-quiz-result .nm-quiz-result-loadmore {
      padding: var(--nm-space-3, 12px) var(--nm-space-6, 24px);
      background: var(--nm-cta, #40cd2a) !important;
      color: var(--nm-heading, #111) !important;
      border: 0;
      border-radius: var(--nm-radius-md, 6px);
      font-weight: 600;
    }
    #nm-quiz-result .nm-quiz-result-cta {
      padding: var(--nm-space-2, 8px) 0;
      background: none !important;
      color: var(--nm-heading, #111) !important;
      border: 0;
      border-radius: 0;
      font-weight: 500;
      text-decoration: underline;
      text-underline-offset: .2em;
    }
    #nm-quiz-result .nm-quiz-result-restart {
      padding: var(--nm-space-2, 8px) 0;
      background: none !important;
      color: var(--nm-meta, #5a5a5a) !important;
      border: 0 !important;
      border-radius: 0;
      font-weight: 400;
    }
    #nm-quiz-result a:focus-visible,
    #nm-quiz-result button:focus-visible {
      outline: 2px solid var(--nm-focus);
      outline-offset: 4px;
    }
    @media (hover: hover) {
      #nm-quiz-result .nm-quiz-result-loadmore:not(:disabled):hover {
        background: var(--nm-cta-hover, #35b122) !important;
      }
      #nm-quiz-result .nm-quiz-result-cta:hover,
      #nm-quiz-result .nm-quiz-result-restart:hover {
        color: var(--nm-heading, #111) !important;
        text-decoration: underline;
      }
    }
    @media (max-width: 767px) {
      #nm-quiz-result {
        padding: var(--nm-space-4, 16px);
      }
      #nm-quiz-result .nm-quiz-result-actions {
        flex-direction: column;
        align-items: stretch;
        gap: var(--nm-space-2, 8px);
      }
      #nm-quiz-result .nm-quiz-result-loadmore {
        width: 100%;
      }
      #nm-quiz-result .nm-quiz-result-cta,
      #nm-quiz-result .nm-quiz-result-restart {
        width: auto;
        justify-content: flex-start;
        text-align: left;
      }
    }
    @media (max-width: 374px) {
      #nm-quiz-result {
        padding-inline: var(--nm-space-2, 8px);
      }
    }
    /* Produkterne som LISTE af bloede kort (ejeren 31-10-2026): samme hvide/graa flade som
       heroen, lille billede til venstre, navnet som understreget link, ingen knap.
       Klasserne er dem renderProducts() skriver. Ingen line-clamp, ingen skjult tekst. */
    #nm-quiz-result .nm-quiz-result-grid,
    #nm-quiz-result .nm-quiz-result-more {
      display: flex;
      flex-direction: column;
      gap: var(--nm-space-3, 12px);
      min-width: 0;
      margin: 0 0 var(--nm-space-6, 24px);
      text-align: left;
    }
    #nm-quiz-result .nm-quiz-result-more { display: none; margin-top: calc(-1 * var(--nm-space-3, 12px)); }
    #nm-quiz-result .nm-quiz-result-more.nm-quiz-more-visible { display: flex; }
    #nm-quiz-result .nm-quiz-rcard,
    #nm-quiz-result .nm-quiz-result-grid > .nm-quiz-rcard:first-child {
      position: relative;
      display: grid;
      grid-template-columns: 124px minmax(0, 1fr);
      align-items: start;
      gap: var(--nm-space-4, 16px) var(--nm-space-6, 24px);
      min-width: 0;
      margin: 0;
      padding: var(--nm-space-5, 20px);
      background: linear-gradient(180deg, var(--nm-bg-card, #fff) 0%, var(--nm-bg, #f7f7f7) 100%) !important;
      border: 1px solid var(--nm-border, #e8e8e8);
      border-radius: var(--nm-card-radius);
      box-shadow: var(--nm-shadow-sm, 0 1px 3px rgba(0,0,0,.04)) !important;
      transform: none !important;
      color: inherit;
      text-decoration: none;
    }
    #nm-quiz-result .nm-quiz-rcard-img {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 124px;
      aspect-ratio: 1 / 1;
      padding: var(--nm-space-2, 8px);
      background: var(--nm-bg-card, #fff);
      border: 1px solid var(--nm-border-light, #f0f0f0);
      border-radius: 12px;
      overflow: hidden;
      text-decoration: none;
    }
    #nm-quiz-result .nm-quiz-rcard-img img {
      display: block;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      mix-blend-mode: multiply;
    }
    #nm-quiz-result .nm-quiz-rcard-body {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--nm-space-1, 4px);
      min-width: 0;
      padding: 0;
    }
    #nm-quiz-result .nm-quiz-rcard-brand {
      color: var(--nm-meta, #5a5a5a);
      font-size: .75rem;
      font-weight: 600;
      letter-spacing: .06em;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    #nm-quiz-result a.nm-quiz-rcard-name {
      display: block;
      max-width: 100%;
      margin: 0 0 var(--nm-space-1, 4px);
      color: var(--nm-heading, #111) !important;
      font-family: var(--nm-font-heading);
      font-size: var(--nm-card-title);
      font-weight: var(--nm-card-title-weight);
      line-height: 1.35;
      text-decoration: none !important; /* ejeren 31-10-2026: ingen streg under navnet */
      text-underline-offset: .2em;
      text-transform: none;
      overflow-wrap: anywhere;
      hyphens: auto;
      hyphenate-limit-chars: 8 4 4;
      text-wrap: pretty;
    }
    #nm-quiz-result .nm-quiz-rcard-facets {
      display: flex;
      flex-wrap: wrap;
      gap: var(--nm-space-1, 4px);
    }
    #nm-quiz-result .nm-quiz-rcard-facet {
      padding: 2px var(--nm-space-2, 8px);
      background: var(--nm-cta-light, #f0fbe9);
      border-radius: var(--nm-radius-sm, 4px);
      color: #1F7513;
      font-size: .75rem;
      font-weight: 500;
      line-height: 1.5;
      overflow-wrap: anywhere;
    }
    #nm-quiz-result .nm-quiz-rcard-price {
      background: none !important;
      color: var(--nm-price-color);
      -webkit-text-fill-color: currentColor;
      font-size: 1rem;
      font-weight: var(--nm-price-weight);
      line-height: 1.4;
    }
    #nm-quiz-result .nm-quiz-rcard-meta,
    #nm-quiz-result .nm-quiz-rcard-merchant {
      color: var(--nm-meta, #5a5a5a);
      font-size: .875rem;
      line-height: 1.5;
      overflow-wrap: anywhere;
    }
    #nm-quiz-result .nm-quiz-rcard-details { margin: var(--nm-space-1, 4px) 0 0; max-width: 100%; }
    @media (hover: hover) {
      #nm-quiz-result a.nm-quiz-rcard-name:hover { text-decoration: underline !important; }
    }
    /* Handlinger: groen knap i fuld bredde, links under. Ingen versaler (et globalt knap-stil gav VIS FLERE ...). */
    #nm-quiz-result .nm-quiz-result-actions {
      flex-direction: column;
      align-items: stretch;
      gap: var(--nm-space-4, 16px);
    }
    #nm-quiz-result .nm-quiz-result-loadmore { width: 100%; }
    /* Se alle produkter + Tag quizzen igen: én raekke, hver i en bloed aflang boks (ejeren 31-10-2026).
       Er "Se alle produkter" skjult (ingen top 10), fylder genstart hele raekken. */
    #nm-quiz-result .nm-quiz-result-links {
      display: flex;
      gap: var(--nm-space-3, 12px);
      width: 100%;
      min-width: 0;
    }
    #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-cta,
    #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-restart {
      flex: 1 1 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--nm-space-2, 8px);
      width: auto;
      min-width: 0;
      min-height: 56px;
      padding: var(--nm-space-3, 12px) var(--nm-space-4, 16px);
      background: linear-gradient(180deg, var(--nm-bg-card, #fff) 0%, var(--nm-bg, #f7f7f7) 100%) !important;
      border: 1px solid var(--nm-border, #e8e8e8) !important;
      border-radius: 12px !important;
      box-shadow: var(--nm-shadow-sm, 0 1px 3px rgba(0,0,0,.04)) !important;
      color: var(--nm-heading, #111) !important;
      font-size: var(--nm-body-size, 1rem);
      font-weight: 600;
      line-height: 1.35;
      text-align: center;
      text-decoration: none !important;
    }
    @media (hover: hover) {
      #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-cta:hover,
      #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-restart:hover {
        border-color: var(--nm-heading, #111) !important;
        text-decoration: none !important;
      }
    }
    #nm-quiz-result .nm-quiz-result-loadmore,
    #nm-quiz-result .nm-quiz-result-cta,
    #nm-quiz-result .nm-quiz-result-restart {
      text-transform: none !important;
      letter-spacing: normal !important;
    }
    #nm-quiz-result .nm-quiz-result-restart { gap: var(--nm-space-2, 8px); }
    #nm-quiz-result .nm-quiz-result-restart svg { width: 1.125rem; height: 1.125rem; flex: 0 0 auto; }
    @media (max-width: 767px) {
      #nm-quiz-result .nm-quiz-rcard,
      #nm-quiz-result .nm-quiz-result-grid > .nm-quiz-rcard:first-child {
        grid-template-columns: 88px minmax(0, 1fr);
        gap: var(--nm-space-3, 12px) var(--nm-space-4, 16px);
        padding: var(--nm-space-4, 16px);
      }
      #nm-quiz-result .nm-quiz-rcard-img { width: 88px; }
      #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-cta,
      #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-restart {
        justify-content: center;
        padding: var(--nm-space-3, 12px) var(--nm-space-2, 8px);
        font-size: .875rem;
      }
      #nm-quiz-result a.nm-quiz-rcard-name { font-size: var(--nm-card-title); }
      /* Fold-ud i kortets fulde bredde, ikke klemt ind i tekstkolonnen. */
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details { grid-column: 1 / -1; }
      #nm-quiz-result .nm-short-details .nm-sd-proscons { grid-template-columns: 1fr; }
    }
    @media (max-width: 359px) {
      #nm-quiz-result .nm-quiz-rcard,
      #nm-quiz-result .nm-quiz-result-grid > .nm-quiz-rcard:first-child { grid-template-columns: 72px minmax(0, 1fr); gap: var(--nm-space-3, 12px); }
      #nm-quiz-result .nm-quiz-rcard-img { width: 72px; }
    }
    /* "Læs mere" i resultatet (ejeren 31-10-2026: for langt og grimt paa mobil). Indholdet er det
       samme (nm_render_product_short_details, 54); her er det samlet i et hvidt panel med kort
       maal, luft mellem afsnittene og specifikationer som en tabel. */
    #nm-quiz-result .nm-quiz-rcard > .nm-short-details {
      grid-column: 1 / -1; /* mobil: kortets fulde bredde; fra 768 px under teksten (se nedenfor) */
      min-width: 0;
      margin: 0;
      font-size: .875rem;
      line-height: 1.55;
      color: var(--nm-body, #3a3a3a);
    }
    @media (min-width: 768px) {
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details { grid-column: 2 / -1; }
    }
    /* Koebsfeltet: pris, "Laveste pris af N butikker" og en groen "Se hos [butik]"-knap.
       Desktop: egen kolonne til hoejre med en tynd skillelinje. Mobil: hele kortets bredde.
       Knapteksten staar altid paa én linje (lange butiksnavne afkortes med …, title har resten). */
    #nm-quiz-result .nm-quiz-rcard-buy {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: var(--nm-space-1, 4px);
      min-width: 0;
    }
    #nm-quiz-result .nm-quiz-rcard-buy .nm-quiz-rcard-price { font-size: 1.375rem; font-weight: var(--nm-price-weight); line-height: 1.2; }

    @media (min-width: 768px) {
      #nm-quiz-result .nm-quiz-rcard,
      #nm-quiz-result .nm-quiz-result-grid > .nm-quiz-rcard:first-child {
        grid-template-columns: 124px minmax(0, 1fr) minmax(200px, 240px);
      }
      #nm-quiz-result .nm-quiz-rcard-buy {
        align-self: center;
        padding-left: var(--nm-space-5, 20px);
        border-left: 1px solid var(--nm-border, #e8e8e8);
      }
    }
    @media (max-width: 767px) {
      #nm-quiz-result .nm-quiz-rcard-buy {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        padding-top: var(--nm-space-3, 12px);
        border-top: 1px solid var(--nm-border, #e8e8e8);
      }
      #nm-quiz-result .nm-quiz-rcard-buy .nm-quiz-rcard-price { font-size: 1.25rem; }
    }
    #nm-quiz-result .nm-short-details > summary::-webkit-details-marker { display: none; }
    #nm-quiz-result .nm-short-details > summary {
      list-style: none;
      min-height: 44px;
      padding: var(--nm-space-2, 8px) 0;
      color: var(--nm-heading, #111);
      font-size: .875rem;
      font-weight: 600;
    }
    #nm-quiz-result .nm-short-details-body {
      display: grid;
      gap: var(--nm-space-3, 12px);
      margin-top: var(--nm-space-1, 4px);
      padding: var(--nm-space-4, 16px);
      background: var(--nm-bg-card, #fff);
      border: 1px solid var(--nm-border, #e8e8e8);
      border-radius: 12px;
    }
    #nm-quiz-result .nm-short-details-body > * { margin: 0; max-width: 65ch; }
    #nm-quiz-result .nm-short-details .nm-sd-desc { color: var(--nm-body, #3a3a3a); }
    #nm-quiz-result .nm-short-details .nm-sd-who strong,
    #nm-quiz-result .nm-short-details .nm-sd-gift strong { color: var(--nm-heading, #111); }
    #nm-quiz-result .nm-short-details .nm-sd-proscons { gap: var(--nm-space-2, 8px) var(--nm-space-6, 24px); margin: 0; }
    #nm-quiz-result .nm-short-details .nm-sd-proscons li { margin: 0 0 var(--nm-space-1, 4px); padding-left: 20px; }
    #nm-quiz-result .nm-short-details .nm-sd-specs {
      grid-template-columns: max-content minmax(0, 1fr);
      gap: 0 var(--nm-space-4, 16px);
      padding-top: var(--nm-space-3, 12px);
      border-top: 1px solid var(--nm-border-light, #f0f0f0);
      font-size: .8125rem;
    }
    #nm-quiz-result .nm-short-details .nm-sd-specs dt,
    #nm-quiz-result .nm-short-details .nm-sd-specs dd { padding: var(--nm-space-1, 4px) 0; overflow-wrap: anywhere; }
    #nm-quiz-result .nm-short-details .nm-sd-specs dt { color: var(--nm-meta, #5a5a5a); font-weight: 500; }
    #nm-quiz-result .nm-short-details .nm-sd-specs dd { color: var(--nm-heading, #111); }
    /* "Laes mere"/"Se mindre" under indholdet (JS-panelet) */
    #nm-quiz-result .nm-short-details-body[hidden] { display: none !important; }
    #nm-quiz-result .nm-quiz-rcard-more .nm-short-details-body { margin: 0 0 var(--nm-space-1, 4px); }
    #nm-quiz-result .nm-quiz-rcard-more-btn {
      display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 0; padding: 8px 0;
      background: none !important; border: 0 !important; box-shadow: none !important; cursor: pointer;
      color: var(--nm-heading, #111) !important; font: 600 .875rem/1.3 var(--nm-font-body);
      letter-spacing: normal !important; text-transform: none !important;
    }
    #nm-quiz-result .nm-quiz-rcard-more-btn svg { width: 16px; height: 16px; transition: transform .2s; }
    #nm-quiz-result .nm-quiz-rcard-more.is-open .nm-quiz-rcard-more-btn svg { transform: rotate(180deg); }
    #nm-quiz-result .nm-quiz-rcard-more-btn:focus-visible { outline: 2px solid var(--nm-focus); outline-offset: 3px; }
    /* App-foelelse paa mobil (ejeren 31-10-2026, BET-reglen "én raekke pr. kald"): match-chips paa én
       linje der kan swipes, pris og "Se hos" paa samme raekke, og knapperne under listen paa én linje. */
    @media (max-width: 767px) {
      /* Chips ombrydes, ingen karrusel (ejeren 31-10-2026, runde 2); lidt mindre, saa de fleste staar to pr. linje. */
      #nm-quiz-result .nm-quiz-rcard-facets { flex-wrap: wrap; gap: 4px; max-width: 100%; }
      #nm-quiz-result .nm-quiz-rcard-facet { flex: 0 1 auto; padding: 1px 6px; font-size: .6875rem; white-space: normal; }
      #nm-quiz-result .nm-quiz-rcard-buy { grid-template-columns: minmax(6rem, 1fr) auto; align-items: center; column-gap: var(--nm-space-3, 12px); row-gap: 0; }
      #nm-quiz-result .nm-quiz-rcard-buy > .nm-quiz-rcard-price, #nm-quiz-result .nm-quiz-rcard-buy > .nm-quiz-rcard-offers { grid-column: 1; }
      #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-cta,
      #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-restart {
        min-height: 48px; padding: var(--nm-space-2, 8px) 6px; gap: 6px;
        font-size: clamp(.75rem, 3.5vw, .875rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
      }
      #nm-quiz-result .nm-quiz-result-restart svg { width: 16px; height: 16px; }
    }
    @media (max-width: 359px) {
      #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-restart svg { display: none; }
      #nm-quiz-result .nm-quiz-rcard-buy { grid-template-columns: minmax(4.75rem, 1fr) auto; column-gap: var(--nm-space-2, 8px); }
      #nm-quiz-result .nm-quiz-rcard-buy .nm-quiz-rcard-price { font-size: 1.125rem; }
    }
    /* Match-bjaelken over kortets top (FindEROTIKs moenster). #1 er moerk med pokal, de andre lysegraa. */
    #nm-quiz-result .nm-quiz-rcard-badge { grid-column: 1 / -1; max-width: none !important; display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-height: 40px; margin: calc(-1 * var(--nm-space-5, 20px)) calc(-1 * var(--nm-space-5, 20px)) 0; padding: 8px var(--nm-space-5, 20px); background: var(--nm-bg, #F7F7F7); border-bottom: 1px solid var(--nm-border, #E8E8E8); border-radius: 15px 15px 0 0; color: var(--nm-heading, #111); font: 700 .8125rem/1.3 var(--nm-font-body); }
    #nm-quiz-result .nm-quiz-rcard-badge--best { background: var(--nm-heading, #111); border-bottom-color: var(--nm-heading, #111); color: #fff; }
    #nm-quiz-result .nm-quiz-rcard-badge-label { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
    #nm-quiz-result .nm-quiz-rcard-badge-label svg { width: 16px; height: 16px; flex: 0 0 auto; color: #F5B301; }
    #nm-quiz-result .nm-quiz-rcard-badge-pct { padding: 2px 10px; background: var(--nm-bg-card, #fff); border: 1px solid var(--nm-border, #E8E8E8); border-radius: 999px; color: var(--nm-heading, #111); font-size: .8125rem; font-variant-numeric: tabular-nums; }
    #nm-quiz-result .nm-quiz-rcard-badge--best .nm-quiz-rcard-badge-pct { background: var(--nm-badge-bg); border-color: transparent; }
    /* Roller for nr. 2 og 3 (31-10-2026): samme bjaelke, eget ikon og en svag farve pr. rolle, saa man ser forskellen. */
    #nm-quiz-result .nm-quiz-rcard-badge-label svg { width: 16px; height: 16px; flex: 0 0 auto; }
    #nm-quiz-result .nm-quiz-rcard-badge--budget { background: var(--nm-badge-bg); border-bottom-color: #CDEFC4; }
    #nm-quiz-result .nm-quiz-rcard-badge--budget .nm-quiz-rcard-badge-label svg { color: #1F7513; }
    #nm-quiz-result .nm-quiz-rcard-badge--premium { background: #FFF8E6; border-bottom-color: #F2E3B8; }
    #nm-quiz-result .nm-quiz-rcard-badge--premium .nm-quiz-rcard-badge-label svg { color: #9A6B00; }
    #nm-quiz-result .nm-quiz-rcard-badge--top_rated .nm-quiz-rcard-badge-label svg { color: #F5B301; }
    @media (max-width: 767px) {
      #nm-quiz-result .nm-quiz-rcard-badge { margin: calc(-1 * var(--nm-space-4, 16px)) calc(-1 * var(--nm-space-4, 16px)) 0; padding-inline: var(--nm-space-4, 16px); min-height: 38px; }
    }
    /* Koebsfeltet er nu prisbjaelkerne (nm_prisbar_assets). Desktop: kolonne til hoejre; mobil: fuld bredde. */
    #nm-quiz-result .nm-quiz-rcard-buy { display: block !important; min-width: 0; }
    @media (min-width: 768px) {
      #nm-quiz-result .nm-quiz-rcard,
      #nm-quiz-result .nm-quiz-result-grid > .nm-quiz-rcard:first-child { grid-template-columns: 124px minmax(0, 1fr) minmax(260px, 310px); }
      /* "Laes mere" lige under teksten (ejeren 31-10-2026: "hvorfor saa langt nede?"). Prisbjaelkerne
         og billedet stod i samme raekke som teksten, saa raekken blev saa hoej som det hoejeste af dem, og
         "Laes mere" kom foerst under det. Nu spaender billede og prisfelt over tekst- og laes-mere-raekken, og fold-ud staar i
         tekstkolonnen ved siden af priserne. */
      /* Faste raekker (ejeren 31-10-2026, runde 2): badge | tekst | "Laes mere" | fyld (1fr). Prisfeltet spaender
         ogsaa over fyld-raekken, saa naar "Se alle priser" foldes ud, vokser kun fyld-raekken, og "Laes mere" bliver
         staaende. Aabnet fold-ud lander under det hele i kortets fulde bredde (ikke en smal kolonne). Raekke-
         afstanden er margin, saa en tom fyld-raekke ikke giver et ekstra hul. */
      #nm-quiz-result .nm-quiz-rcard,
      #nm-quiz-result .nm-quiz-result-grid > .nm-quiz-rcard:first-child { grid-template-rows: auto auto auto 1fr; row-gap: 0 !important; }
      #nm-quiz-result .nm-quiz-rcard-img { grid-column: 1; grid-row: 2 / span 2; align-self: start; margin-top: var(--nm-space-4, 16px); }
      #nm-quiz-result .nm-quiz-rcard-body { grid-column: 2; grid-row: 2; margin-top: var(--nm-space-4, 16px); }
      #nm-quiz-result .nm-quiz-rcard-buy { grid-column: 3; grid-row: 2 / span 3; align-self: start !important; margin-top: var(--nm-space-4, 16px); }
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details { grid-column: 2 / 3 !important; grid-row: 3; align-self: start; margin-top: var(--nm-space-2, 8px) !important; }
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details.is-open { grid-column: 1 / -1 !important; grid-row: 5; margin-top: var(--nm-space-4, 16px) !important; }
    }
    @media (min-width: 1024px) {
      /* Det brede panel i to kolonner: tekst, fordele og ulemper til venstre, specifikationer som tabel til hoejre. */
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details.is-open .nm-short-details-body { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); column-gap: var(--nm-space-8, 32px); align-items: start; }
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details.is-open .nm-short-details-body > :not(.nm-sd-specs) { grid-column: 1; max-width: none !important; }
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details.is-open .nm-short-details-body > .nm-sd-specs { grid-column: 2; grid-row: 1 / span 3; max-width: none !important; margin: 0 !important; padding: 0 0 0 var(--nm-space-6, 24px) !important; border: 0 !important; border-left: 1px solid var(--nm-border, #E8E8E8) !important; }
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details.is-open .nm-sd-specs { display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 8px 16px; }
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details.is-open .nm-sd-specs dt { margin: 0 !important; color: var(--nm-meta, #5a5a5a); }
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details.is-open .nm-sd-specs dd { margin: 0 !important; padding: 0 !important; color: var(--nm-heading, #111); font-weight: 500; }
    }
    @media (max-width: 767px) {
      #nm-quiz-result .nm-quiz-rcard-buy { grid-column: 1 / -1; padding-top: 0 !important; border-top: 0 !important; order: 2; }
      /* "Laes mere" lige under teksten ogsaa paa mobil; priserne kommer bagefter. */
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details { order: 1; }
    }
    /* Mobil som top 10 (ejeren 31-10-2026: "billedet oeverst og saa info under"): én kolonne, billedet i fuld
       bredde og 170 px hoejt oeverst, saa maerke, navn, maerker og vurdering, "Laes mere" og priserne. */
    @media (max-width: 767px) {
      #nm-quiz-result .nm-quiz-rcard,
      #nm-quiz-result .nm-quiz-result-grid > .nm-quiz-rcard:first-child { grid-template-columns: minmax(0, 1fr) !important; row-gap: var(--nm-space-3, 12px) !important; }
      #nm-quiz-result .nm-quiz-rcard-img { grid-column: 1 / -1 !important; width: 100% !important; height: 170px !important; aspect-ratio: auto !important; padding: 12px !important; }
      #nm-quiz-result .nm-quiz-rcard-body { grid-column: 1 / -1 !important; }
    }
    /* "Se alle produkter ↓" lander paa top-10 under en evt. fast header. */
    #top-10 { scroll-margin-top: 96px; }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto !important; }
    }

    /* 4. POPULÆRE KATEGORIER */
    .nm-quiz-cats { margin-bottom: 48px; }
    .nm-quiz-cats-grid {
        display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;
    }
    
    /* 5. DEALS */
    .nm-quiz-deals { margin-bottom: 48px; }
    .nm-quiz-deals-grid {
        display: grid; grid-template-columns: repeat(4, 1fr);
        gap: 14px; max-width: 100%;
    }
    .nm-quiz-deal {
        border: 1px solid var(--nm-border); border-radius: 14px;
        overflow: hidden; background: #fff;
        display: flex; flex-direction: column;
        transition: all .2s; text-decoration: none; color: inherit;
    }
    .nm-quiz-deal:hover { border-color: rgba(64,205,42,.15); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.06); }
    .nm-quiz-deal-img { height: 140px; background: var(--nm-dark-gradient); position: relative; }
    .nm-quiz-deal-img img { width: 100%; height: 100%; object-fit: contain; background: #f8f8f8; }
    .nm-quiz-deal-badge {
        position: absolute; top: 8px; right: 8px;
        padding: 4px 10px; background: var(--nm-gradient); border-radius: var(--nm-badge-radius);
        font-size: var(--nm-badge-size); font-weight: var(--nm-badge-weight); color: #fff;
    }
    .nm-quiz-deal-body { padding: 14px; display: flex; flex-direction: column; flex: 1; }
    .nm-quiz-deal-brand { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--nm-orange); margin-bottom: 2px; }
    .nm-quiz-deal-name { font-size: 12px; font-weight: 700; line-height: 1.3; margin-bottom: 8px; }
    .nm-quiz-deal-prices { display: flex; align-items: baseline; gap: 6px; margin-bottom: 10px; }
    .nm-quiz-deal-price { font-size: 16px; font-weight: var(--nm-price-weight); background: var(--nm-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: var(--nm-price-color); }
    .nm-quiz-deal-old { font-size: 10px; color: #ccc; text-decoration: line-through; }
    .nm-quiz-deal-btn {
        display: block; width: 100%; padding: 9px;
        background: var(--nm-cta); color: var(--nm-btn-text); border: none; border-radius: var(--nm-btn-radius);
        font: var(--nm-btn-weight) var(--nm-btn-font-size-sm)/1.2 var(--nm-font-body, 'Poppins', sans-serif); text-align: center;
        margin-top: auto; transition: all .2s; text-transform: var(--nm-btn-transform); letter-spacing: var(--nm-btn-tracking); }
    .nm-quiz-deal-btn:hover { box-shadow: 0 6px 20px rgba(64,205,42,.25); }
    .nm-quiz-deals-more {
        font: 600 13px/1 var(--nm-font-body, 'Poppins', sans-serif); color: var(--nm-pink);
        text-decoration: none;
    }
    .nm-quiz-deals-more:hover { color: var(--nm-orange); }
    
    /* 6. PRØV OGSÅ (31-10-2026): artiklernes "Læs mere"-karrusel (.nm-relart-*, 13) med quizzer og gaveguides */
    .nm-quiz-others.nm-related-articles { margin: 0 0 var(--nm-section-gap, 48px) !important; padding: 0 !important; border-top: 0 !important; }
    .nm-quiz-others .nm-carousel-title { margin: 0 !important; color: var(--nm-heading, #111) !important; font-family: var(--nm-font-heading, Poppins, sans-serif) !important; font-size: var(--nm-h2, 1.75rem) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.02em; }
    .nm-quiz-others .nm-relart-card-img-wrap { background: var(--nm-bg-alt, #F7F7F7); }
    .nm-quiz-others .nm-proev-img { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; object-fit: cover; border-radius: 0 !important; }
    .nm-quiz-others .nm-proev-img--produkt, .nm-quiz-others .nm-relart-card-img-wrap.nm-proev-img--produkt { background: #fff; }
    .nm-quiz-others .nm-proev-img--produkt .nm-proev-img { object-fit: contain; padding: 16px; box-sizing: border-box; }
    .nm-quiz-others .nm-proev-meta { margin: 0 0 12px !important; color: rgba(255,255,255,.68) !important; font-size: .875rem !important; line-height: 1.4 !important; }
    .nm-quiz-others .nm-relart-card-img-wrap.nm-proev-img--produkt::before, .nm-quiz-others .nm-relart-card-img-wrap.nm-proev-img--produkt::after { display: none !important; }
    
    /* 7. TRUST */
    .nm-quiz-single-main .nm-trust {
        background: var(--nm-panel-bg); border-radius: 16px;
        padding: 32px; margin-bottom: 48px;
    }
    .nm-quiz-single-main .nm-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 16px; }
    .nm-quiz-single-main .nm-trust-item { text-align: center; }
    .nm-quiz-single-main .nm-trust-ico {
        width: 44px; height: 44px; margin: 0 auto 10px;
        background: rgba(64,205,42,.08); border-radius: 12px;
        display: flex; align-items: center; justify-content: center; font-size: 20px;
    }
    .nm-quiz-single-main .nm-trust-item h4 { font-size: 13px; font-weight: 700; margin-bottom: 4px; word-break: break-word; hyphens: auto; }
    .nm-quiz-single-main .nm-trust-item p { font-size: 11px; color: var(--nm-text-secondary); line-height: 1.5; word-break: break-word; }
    
    /* RESPONSIVE */
    @media (max-width: 768px) {
        .nm-quiz-deals-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
        .nm-quiz-deal-img { height: 110px; }
        .nm-quiz-single-main .nm-trust { padding: 24px; }
        .nm-quiz-single-main .nm-trust-grid { grid-template-columns: repeat(2, 1fr); }
        .nm-quiz-single-main .nm-trust-item h4 { font-size: 12px; }
        .nm-quiz-single-main .nm-trust-item p { font-size: 10px; }
    }