/* ShapePart - dokumenty prawne (/regulamin, /polityka-prywatnosci, /cookies):
   typografia treści od kancelarii. Rama strony (nawigacja, spis po lewej,
   kolumna 760 px, pager, pasek z przyciskiem na telefonie) to ta sama rama
   co rozdział bazy wiedzy - klasy .kb-* z baza-wiedzy.css, partial
   marketing/_document. Ten arkusz wchodzi PO baza-wiedzy.css i tylko na
   stronach dokumentów; nadpisuje stopnie nagłówków bazy wiedzy, bo tekst
   prawny ma więcej poziomów i czyta się gęściej. Kolory wyłącznie z tokenów
   (shapepart-tokens.css) - pilnuje test/assets/shapepart_tokens_test.rb. */

/* Linia pod tytułem: wersja dokumentu i spółka, mono (klasa .sp-mono). */
.doc-meta { color: var(--sp-tekst-2); }

.doc-content { max-width: 72ch; }

.doc-content h2 {
  margin: var(--sp-space-48) 0 var(--sp-space-12);
  font-size: var(--sp-text-24);
  line-height: var(--sp-lh-24);
}

.doc-content h3 {
  margin: var(--sp-space-24) 0 var(--sp-space-8);
  font-size: var(--sp-text-20);
  line-height: var(--sp-lh-20);
  /* Kotwica "Dane spółki" ze stopki (#dane-spolki) ma stanąć pod lepkim paskiem. */
  scroll-margin-top: 88px;
}

.doc-content p { margin: var(--sp-space-12) 0; }

.doc-content ul,
.doc-content ol {
  margin: var(--sp-space-12) 0;
  padding-left: var(--sp-space-24);
}

.doc-content ul { list-style: disc; }
.doc-content ol { list-style: decimal; }
.doc-content li { margin: var(--sp-space-8) 0; }

.doc-content a {
  color: var(--sp-niebieski-600);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.doc-content a:hover { color: var(--sp-niebieski-700); }
.doc-content strong { font-weight: 500; }

/* Listy z markerem w nawiasie - "a)" i "1)" z dokumentów kancelarii. */
.doc-content ol.paren,
.doc-content ol.paren-num {
  list-style: none;
  counter-reset: paren;
  padding-left: var(--sp-space-32);
}

.doc-content ol.paren > li,
.doc-content ol.paren-num > li {
  position: relative;
  counter-increment: paren;
}

.doc-content ol.paren > li::before {
  content: counter(paren, lower-alpha) ")";
  position: absolute;
  left: calc(-1 * var(--sp-space-32));
  width: var(--sp-space-24);
  text-align: right;
  color: var(--sp-tekst-2);
}

.doc-content ol.paren-num > li::before {
  content: counter(paren) ")";
  position: absolute;
  left: calc(-1 * var(--sp-space-32));
  width: var(--sp-space-24);
  text-align: right;
  color: var(--sp-tekst-2);
}

/* Tabela w polityce cookies - na wąskim ekranie przewija się w poziomie. */
.doc-table-wrap {
  margin: var(--sp-space-24) 0;
  overflow-x: auto;
}

.doc-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: var(--sp-text-14);
  line-height: var(--sp-lh-14);
}

.doc-table th,
.doc-table td {
  padding: var(--sp-space-8) var(--sp-space-12);
  border: 1px solid var(--sp-linia);
  text-align: left;
  vertical-align: top;
}

.doc-table th {
  background: var(--sp-szron);
  font-weight: 500;
}

.doc-content .lead {
  margin-bottom: var(--sp-space-24);
  font-size: var(--sp-text-20);
  line-height: var(--sp-lh-20);
  color: var(--sp-tekst-2);
}