/* 96 - wariant wyciszony (Motywy → Astra → Wygląd → „Wyciszony").
   Włącza go klasa `wariant-wyciszony` na <body>. Bez niej ten plik nic nie robi.

   Reakcja na uwagę z 17.09: „za dużo się dzieje". Zasada: mniej koloru i ozdobników
   poniżej hero, ten sam układ i te same treści. Hero (zwłaszcza na telefonie) zostaje
   bez zmian - decyzja Romana. Nic tu nie zmienia rozmiarów ani siatek, więc wariant
   można włączać i wyłączać bez ryzyka dla układu. */

/* --- pas manifestu ZOSTAJE karminowy: w jasnym motywie granat zlewał się z hero,
   a magenta czysto odcina hero od treści (Roman, 17.09). --- */

/* --- domknięcie: granat zamiast karminu --- */
.wariant-wyciszony .closing {
  background: var(--dark);
  border-top: 1px solid var(--ai-line-ciemne);
}
.wariant-wyciszony .closing .eyebrow,
.wariant-wyciszony .closing p {
  color: var(--ai-text-ciemne);
}
.wariant-wyciszony .closing h2 > span {
  display: none;
}

/* --- numerki: sekcji, zasad, tematów, prelegentów --- */
.wariant-wyciszony .section-numer,
.wariant-wyciszony .speaker-number {
  display: none;
}
.wariant-wyciszony .index {
  color: var(--ai-text-mute);
  font-weight: 500;
}
.wariant-wyciszony .rule .index {
  color: var(--ai-text-ciemne);
}

/* --- wyróżnienia w nagłówkach ZOSTAJĄ w magencie: jeden akcent na sekcję to nie hałas,
   bez niego nagłówki robią się płaskie. --- */

/* --- strzałki: zostają tylko na przyciskach i w hero --- */
.wariant-wyciszony .text-link > span[aria-hidden],
.wariant-wyciszony .closing h2 > span[aria-hidden] {
  display: none;
}
/* rozwijane tematy: „+" w kolorze tekstu zamiast karminowej strzałki,
   żeby wciąż było widać, że wiersz się rozwija */
.wariant-wyciszony .topic .expand {
  font-size: 0;
  color: var(--ai-text-mute);
}
.wariant-wyciszony .topic .expand::after {
  content: "+";
  font-size: 1.5rem;
  font-weight: 400;
}
.wariant-wyciszony .topic[open] .expand {
  transform: rotate(45deg);
}
.wariant-wyciszony .text-link {
  gap: 0;
}

/* --- etykiety sekcji: bez akcentu --- */
.wariant-wyciszony .section-label,
.wariant-wyciszony main section:not(.hero) .eyebrow {
  color: var(--ai-text-mute);
}
.wariant-wyciszony .dark .section-label,
.wariant-wyciszony .dark .eyebrow {
  color: var(--ai-text-ciemne);
}

/* --- punktory list „Cena obejmuje" i „Co zabierzesz": kreska zamiast strzałki --- */
.wariant-wyciszony .takeaways li::before,
.wariant-wyciszony .included li::before {
  content: "–";
  color: var(--ai-text-mute);
}