html { font: 1em/1.5rem Georgia, "Times New Roman", Times, serif; color: #222; background: white; }
h1 { margin: 0 0 1rem; font-size: 2.25rem; color: #444; line-height: normal; font-weight: normal; }
h2 { margin: 1.5rem 0 1rem; font-size: 1.5rem; font-weight: normal; }
h3, h4, h5, h6 { margin: 1.5rem 0 1rem; font-size: 1.125rem; }

h2 small,
h3 small { font-size: 1rem; line-height: 1; }

h2 small a,
h3 small a { margin-left: 0.5rem; color: #aaa; text-decoration: none; }

h2 small a:hover,
h2 small a:focus,
h3 small a:hover,
h3 small a:focus { color: blue; text-decoration: underline; }

p, ul, ol, dl, pre { margin: 1rem 0; }

a { color: blue; }

q:lang(cs) { quotes: '„' '“' '‚' '‘'; }
hr { height: 1px; margin: 2rem 0; border: none; color: #dadada; background: #dadada; }

html, body { margin: 0; padding: 0; }
body { padding: 1.5rem; }

@media (min-width: 769px) {
  html, body { min-height: 100%; background: #eee; }
  body { min-height: 100vh; display: flex; align-items: center; padding: 0; }
  main { background: white; width: 50vw; max-width: 40rem; margin: 0 auto; padding: 1.5rem 2rem 1rem; }
}