@charset "UTF-8";
/* ==========================================================================
   Blok: Tekst (SEO, zwijany)
   Jedna kolumna: nagłówek nad tekstem. Pierwszy akapit widoczny, reszta pod <details>.
   ========================================================================== */

.tresc { background: var(--sec-bg, var(--surface-2)); }

/* Jedna kolumna: nagłówek nad tekstem, szpalta wyśrodkowana w sekcji. */
.tresc__inner { max-width: calc(54rem + 2 * var(--gutter)); }
.tresc__head { margin-bottom: var(--space-5); }
.tresc__head h2 { max-width: none; margin: 0; }
.tresc__body { max-width: none; min-width: 0; }

/* Nagłówki wewnątrz tekstu: mniejsze niż nagłówki sekcji, z wyraźnym odstępem. */
.tresc .prose h2 { margin: var(--space-7) 0 var(--space-3); font-size: var(--fs-h3); line-height: 1.15; }
.tresc .prose h3 { margin: var(--space-6) 0 var(--space-3); font-size: var(--fs-h4); line-height: 1.2; }
.tresc .prose p { line-height: 1.7; }

/* --- Czytaj więcej -------------------------------------------------------- */
.tresc__more summary {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 3rem;
  margin-top: var(--space-2);
  padding: 0.45em 1.3em;
  border: 2px solid var(--line-strong);
  border-radius: var(--pill);
  background: transparent;
  color: var(--ink);
  font-size: var(--fs-sm);
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  transition: border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);
}
.tresc__more summary::-webkit-details-marker { display: none; }
.tresc__more summary:hover { border-color: var(--ink); }

.tresc__chevron { width: 1.15rem; height: 1.15rem; flex: none; transition: transform var(--dur) var(--ease); }
.tresc__more[open] .tresc__chevron { transform: rotate(180deg); }

/* Napis zależy od stanu: bez JS, na samym <details>. */
.tresc__label--close { display: none; }
.tresc__more[open] .tresc__label--open { display: none; }
.tresc__more[open] .tresc__label--close { display: inline; }

.tresc__rest { margin-top: var(--space-5); }
.tresc__rest > :first-child { margin-top: 0; }

/* Tabele (cenniki) i przycisk w treści. Biały wiersz na szarym tle sekcji, nagłówek grafitowy. */
.tresc .prose .wp-block-table { overflow-x: auto; margin: var(--space-4) 0 var(--space-5); }
.tresc .prose table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.tresc .prose th,
.tresc .prose td { padding: 0.75rem 1rem; border: 1px solid var(--line-strong); text-align: left; vertical-align: top; }
.tresc .prose thead th { background: var(--dark); border-color: var(--dark); color: var(--on-dark); font-weight: 700; }
.tresc .prose tbody td { background: var(--surface); }
.tresc .prose a.btn { margin-top: var(--space-2); text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
  .tresc__chevron { transition: none; }
}