/* Najpierw fragmenty dotyczące znaczników używanych na tych stronach wzięte
 * z normalize.css wersja 7.0.0 i 8.0.1.
 * Pomijam fragmenty zmieniające czcionki i wysokość linii, bo to proszenie
 * się o problemy (np. monopace jest zazwyczaj większa optycznie od serif,
 * więc nie powinna mieć "font-size: 1em").
 */

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* przesłonięte w drugiej połowie arkusza
body {
  margin: 0;
} */

footer {
  display: block;
}

/* przesłonięte w drugiej połowie arkusza
h1 {
  font-size: 2em;
  margin: 0.67em 0;
} */

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  background-color: transparent;
}

b,
strong {
  font-weight: bolder;
}

img {
  border-style: none;
}

/* Teraz ustawienia specyficzne dla moich stron z materiałami dydaktycznymi.
 * Pudełka mają margin-{top,bottom} równy 1.0em, większe odstępy robi się
 * za pomocą margin-top (albo się pudełka skleja podając ujemny margin-top).
 */

body {
  margin: 0.5em;
}

p,
ul,
ol,
dl,
pre {
  margin: 1em 0;   /* top right bottom left */
}

* + .nosep {
  margin-top: -1.0em;
}

h1 {
  font-size: 180%;
  margin: 1.388888em 0 0.555555em 0;   /* 2.5em i 1.0em zwykłej czcionki */
}

body > h1:first-child,
h1.stdsep {
  margin-top: 0.555555em;
}

* + h1.nosep {
  margin-top: -0.555555em;
}

h2 {
  font-size: 140%;
  margin: 1.4285714em 0 0.714286em 0;   /* 2.0em i 1.0em zwykłej czcionki */
}

body > h2:first-child,
hr + h2,
h2.stdsep {
  margin-top: 0.714286em;
}

* + h2.nosep {
  margin-top: -0.714286em;
}

h3 {
  font-size: 120%;
  margin: 1.25em 0 0.833333em 0;   /* 1.5em i 1.0em zwykłej czcionki */
}

hr + h3,
h3.stdsep {
  margin-top: 0.833333em;
}

* + h3.nosep {
  margin-top: -0.833333em;
}

h1,
h2,
h3 {
  text-align: left;
  font-weight: bold;
}

ul {
  /* zmniejsz wcięcie aby punktory były w nim mniej więcej wycentrowane */
  padding-left: 1.8em;
}

kbd,
code {
  /* mały poziomy odstęp aby interpunkcja się nie przyklejała */
  padding: 0 0.1em;
}

del {
  text-decoration: double line-through;   /* CSS 3 */
}

hr {
  margin: 1em auto;
  width: 50%;
  border: none;
  border-top: thin solid black;
}

hr.sep3 {
  margin: 3em auto;
}

footer {
  /* linia-separator w stylu <hr> i tekst z linkiem powrotnym do strony */
  /* głównej, wszystko wyrównane do prawego marginesu                   */
  margin: 1em 0 1em auto;
  width: 75%;
  border-top: thin solid black;
  padding-top: 0.25em;
  font-size: smaller;
  text-align: right;
}

@media print {
  footer { display: none }
}