/* =========================================================================
   Style dla podstron z długim tekstem (polityka prywatności, w przyszłości
   regulamin). Reszta wyglądu pochodzi ze styles.css — tu jest tylko to,
   czego strona główna nie potrzebowała: czytelna kolumna tekstu.
   ========================================================================= */

/* Kolumna węższa niż .container. Wiersz dłuższy niż mniej więcej 75 znaków
   męczy przy czytaniu, bo oko gubi początek następnej linii. */
.doc {
  max-width: 46rem;
  margin: 0 auto;
  padding: 4rem 0 5rem;
}

.doc-title {
  margin-bottom: 0.75rem;
}

.doc-meta {
  color: var(--muted, #8b97a8);
  font-size: 0.9rem;
  margin-bottom: 2.5rem;
}

.doc h2 {
  font-size: 1.25rem;
  margin: 2.75rem 0 0.85rem;
  line-height: 1.3;
}

.doc h3 {
  font-size: 1.02rem;
  margin: 1.75rem 0 0.6rem;
}

.doc p,
.doc li {
  line-height: 1.7;
}

.doc p {
  margin-bottom: 1rem;
}

.doc ul {
  margin: 0 0 1.25rem 1.25rem;
}

.doc li {
  margin-bottom: 0.5rem;
}

/* Tabela „jakie dane, po co, na jakiej podstawie". Na wąskim ekranie
   przewija się w poziomie zamiast rozpychać całą stronę. */
.doc-table-wrap {
  overflow-x: auto;
  margin: 0 0 1.5rem;
}

.doc-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 34rem;
  font-size: 0.94rem;
}

.doc-table th,
.doc-table td {
  text-align: left;
  vertical-align: top;
  padding: 0.7rem 0.9rem 0.7rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.doc-table th {
  font-weight: 600;
  white-space: nowrap;
}

/* Ramka „ten dokument jest projektem". Ma być widoczna i niewygodna,
   żeby nie dało się jej przeoczyć i opublikować tekstu bez sprawdzenia.
   Po uzupełnieniu danych USUŃ ten blok z polityka-prywatnosci.html. */
.doc-draft {
  border: 2px solid #d9822b;
  border-radius: 8px;
  padding: 1.25rem 1.4rem;
  margin-bottom: 2.5rem;
  background: rgba(217, 130, 43, 0.08);
}

.doc-draft strong {
  display: block;
  margin-bottom: 0.5rem;
  color: #f0a45c;
}

.doc-draft ol {
  margin: 0.75rem 0 0 1.25rem;
}

.doc-draft li {
  margin-bottom: 0.4rem;
}

.doc-draft p:last-child {
  margin-bottom: 0;
}

/* Miejsce do uzupełnienia wewnątrz zdania — celowo rzuca się w oczy. */
.doc-fill {
  background: rgba(217, 130, 43, 0.22);
  border-bottom: 1px dashed #d9822b;
  padding: 0 0.25rem;
  font-style: normal;
}