/* Style stron prawnych (polityka prywatności, Impressum, Datenschutz).
 *
 * ŚWIADOMIE OSOBNY PLIK, nie dopisek do style.css. Strona marketingowa jest przebudowywana
 * i jej klasy się zmieniają; dokumenty prawne muszą być czytelne także wtedy, gdy layout
 * strony głównej akurat leży. Tokeny są skopiowane, nie zaimportowane — z tego samego powodu.
 *
 * Paleta zgodna z „papier i tusz" (style.css oraz core/ui/theme/Color.kt w apce).
 */

@font-face {
  font-family: 'Baloo 2';
  src: url('fonts/baloo2.woff2') format('woff2-variations');
  font-weight: 400 800;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('fonts/nunito.woff2') format('woff2-variations');
  font-weight: 300 900;
  font-display: swap;
}

:root {
  --ink: #1F3A5F;
  --stamp: #C8433B;
  --stamp-text: #AC362F;
  --paper: #FDFBF3;
  --grad-top: #F1EADC;
  --grad-bottom: #E3DAC4;
  --text: #1F3A5F;
  --text-soft: #505C73;
  --line: rgba(31, 58, 95, 0.16);
  --radius: 18px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0 20px 80px;
  background: linear-gradient(180deg, var(--grad-top) 0%, var(--grad-bottom) 100%) fixed;
  color: var(--text);
  font-family: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 17px;
  line-height: 1.65;
  font-weight: 400;
}

.wrap {
  max-width: 760px;
  margin: 0 auto;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 48px 44px;
  margin-top: 40px;
}

h1, h2, h3 {
  font-family: 'Baloo 2', system-ui, sans-serif;
  line-height: 1.25;
  margin: 0 0 12px;
}
h1 { font-size: 2rem; font-weight: 700; }
h2 { font-size: 1.35rem; font-weight: 600; margin-top: 40px; }
h3 { font-size: 1.05rem; font-weight: 600; margin-top: 26px; }

p, ul, ol { margin: 0 0 16px; }
ul, ol { padding-left: 22px; }
li { margin-bottom: 6px; }

a { color: var(--stamp-text); text-underline-offset: 2px; }
a:hover { color: var(--ink); }

.updated {
  color: var(--text-soft);
  font-size: 0.92rem;
  margin-bottom: 32px;
}

.back {
  display: inline-block;
  margin: 28px auto 0;
  font-weight: 600;
  text-decoration: none;
}
.back::before { content: '← '; }

/* Tabele danych muszą przewijać się WEWNĄTRZ swojego kontenera — inaczej na telefonie
   cała strona jedzie w bok i dokument robi się nieczytelny właśnie tam, gdzie jest najgęstszy. */
.table-scroll { overflow-x: auto; margin: 0 0 20px; }
table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 0.95rem; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-family: 'Baloo 2', sans-serif; font-weight: 600; }


@media (max-width: 640px) {
  .wrap { padding: 32px 22px; margin-top: 20px; }
  h1 { font-size: 1.6rem; }
  body { font-size: 16px; }
}