/* S11 Pytania v3 (04.10): 6 widocznych + „Więcej pytań (6)”; akordeon z crew.css.
   Pytania bez pogrubienia (prośba Wiktora): font treści, waga 400, kolor granatu. */

.s11 .akordeon summary { font-family: var(--cr-f-tresc); font-weight: 400; }
.s11-lista .akordeon summary { font-size: 1.1875rem; }
@media (min-width: 1024px) {
  .s11-nagl { position: static; margin-bottom: 0; align-self: start; }
  .s11-lista .akordeon summary { font-size: 1.25rem; }
}
.s11-lead { font-size: 1.0625rem; }
.s11-lead a { color: var(--cr-marka); font-weight: 600; }

/* przycisk „Więcej pytań (6)”: pełna szerokość, 52 px, obrys granatu */
.s11-wiecej { margin-top: 20px; }
.s11-wiecej > summary {
  display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 12px 20px;
  list-style: none; cursor: pointer; border: 1.5px solid var(--cr-marka); border-radius: var(--cr-r-kontr);
  font-weight: 600; font-size: 1.0625rem; color: var(--cr-marka); background: var(--cr-tlo);
}
.s11-wiecej > summary::-webkit-details-marker { display: none; }
.s11-wiecej > summary:hover { background: var(--cr-papier-2); }
.s11-wiecej > summary .i { width: 20px; height: 20px; transition: transform var(--cr-ruch) var(--cr-krzywa); }
.s11-wiecej[open] > summary .i { transform: rotate(180deg); }
.s11-wiecej[open] > summary { margin-bottom: 8px; }
@media (min-width: 768px) { .s11-wiecej > summary { display: inline-flex; } }
@media (prefers-reduced-motion: reduce) { .s11-wiecej > summary .i { transition: none; } }