/* Sparpaket: Inhaltsübersicht S/M/L/XL direkt im Kaufbereich (Default-Slot der <wirtino-buybox>, unter dem Lead).
   Meta „css: sparpaket“ + „js: sparpaket“ (Hervorhebung der gewählten Variante; ohne JS statische Liste).
   Schrift-Rolle: klein = step--1. */
.paket-inhalt { margin: var(--space-xs) 0 var(--space-s); max-width: 46ch; font-size: var(--step--1); line-height: 1.35; }
.paket-inhalt__row { display: grid; grid-template-columns: 2.6rem 1fr; align-items: baseline; gap: .5rem;
  padding: .3rem .5rem; margin-inline: -.5rem; border-radius: var(--radius); color: var(--color-muted); }
.paket-inhalt__row + .paket-inhalt__row { margin-top: .1rem; }
.paket-inhalt dt { margin: 0; font-weight: 700; color: var(--color-ink); text-align: center; border: 1.5px solid var(--color-line);
  border-radius: 999px; padding: .05rem .4rem; font-size: .875rem; line-height: 1.3; }
.paket-inhalt dd { margin: 0; }
.paket-inhalt strong { color: var(--color-ink); font-weight: 600; }
/* gewählte Variante (sparpaket.js setzt .is-active + aria-current) */
.paket-inhalt__row.is-active { background: #fff4ec; color: var(--color-ink); }
.paket-inhalt__row.is-active dt { border-color: var(--color-primary); background: var(--color-primary); color: #fff; }
.paket-inhalt__row.is-active dd::after { content: " · gewählt"; color: var(--color-primary-text); font-weight: 600; font-size: .875rem; }
@media (prefers-reduced-motion: no-preference) { .paket-inhalt__row { transition: background .15s; } }