/* CRATERBORN — strony z tekstem: poradnik, FAQ, lista zmian.
   Ten sam wygląd co dokumenty prawne (privacy.html i reszta mają go wpisany
   u siebie); tu jeden plik dla trzech stron w dwóch językach i dla listy
   zmian, którą składa serwer. Kolory i odstępy z `ui.css`. */

/* `ui.css` blokuje przewijanie i zaznaczanie, bo przeszkadzają w grze.
   Na stronie do czytania są potrzebne — patrz komentarz w privacy.html. */
html,body{height:auto;overflow:visible;touch-action:auto;
  overscroll-behavior:auto;user-select:text;-webkit-user-select:text}

.doc{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,
  "Helvetica Neue",Arial,sans-serif;
  max-width:720px;margin:0 auto;padding:var(--s5) var(--s4) var(--s6)}
.doc h1{font-size:26px;letter-spacing:.06em;text-transform:uppercase;
  line-height:1.5;margin-bottom:var(--s2)}
.doc h2{font-size:17px;margin:var(--s5) 0 var(--s2);line-height:1.5;color:var(--txt)}
.doc h3{font-size:15px;margin:var(--s4) 0 var(--s1);line-height:1.5;color:var(--txt-2)}
.doc p,.doc li{font-size:15px;line-height:1.7;color:var(--txt-2);margin-bottom:var(--s2)}
.doc ul{padding-left:var(--s4);margin-bottom:var(--s3)}
.doc b{color:var(--txt)}
.doc a{color:var(--teal-lt)}
.doc .data{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3)}
.doc .wroc{display:inline-block;margin-bottom:var(--s4);font-size:12px;color:var(--txt-3)}

/* Zrzuty z gry: pełna szerokość kolumny, proporcja z atrybutów, więc tekst
   nie skacze, kiedy obraz dojdzie. */
.doc figure{margin:var(--s4) 0}
.doc figure img{display:block;width:100%;height:auto;border-radius:6px;
  border:1px solid var(--line)}
.doc figcaption{font-size:13px;line-height:1.5;color:var(--txt-3);margin-top:var(--s1)}

/* Odnośniki między stronami — u dołu, jak w dokumentach prawnych. */
.doc .nav{margin-top:var(--s5);font-size:14px;line-height:2}

/* Lista zmian: data i numer wersji nad punktami. */
.doc .wersja{margin-top:var(--s5)}
.doc .wersja h2{margin:0 0 var(--s1)}