/* mehr-zeigen – „Deep when you need“: Ebene 2 erst auf Wunsch. Reines HTML <details>, kein JavaScript nötig.
   Gleiches name-Attribut = immer nur eines offen (Safari 17.2+). Höchstens 2 Ebenen (NN/g, gemeinsam/01). */
@layer module {
  .mehr { margin-top: var(--a3); border-top: 1px solid var(--trenner); }
  .mehr > summary {
    display: flex; align-items: center; justify-content: space-between;
    min-height: var(--tipp);
    color: var(--akzent-text);
    font-size: var(--fs-klein);
    cursor: pointer;
    list-style: none;
  }
  .mehr > summary::-webkit-details-marker { display: none; }
  .mehr > summary::after {
    content: ""; inline-size: 9px; block-size: 9px;
    border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-3px);
    transition: transform var(--dauer) var(--kurve);
  }
  .mehr[open] > summary::after { transform: rotate(-135deg) translateY(-3px); }

  .werte { display: grid; gap: var(--a2); padding-bottom: var(--a2); }
  .werte > div { display: flex; justify-content: space-between; gap: var(--a4); }
  .werte dt { color: var(--text-2); }
  .liste li { display: flex; justify-content: space-between; min-height: var(--tipp); align-items: center; border-top: 1px solid var(--trenner); }
  .liste li:first-child { border-top: 0; }
}