html { scrollbar-width: none; }
html::-webkit-scrollbar { display: none; }

body {
  margin: 0;
  padding: 24px;
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: #fff;
  color: #000;
  font-family: "Times New Roman", Times, serif;
  line-height: 1.5;
}

h1, h2 { margin: 0.4em 0; }

footer { margin-top: auto; padding-top: 3em; }

figure { margin: 0.75em 0; }
figure img,
figure video {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 35vh;
}
figcaption { margin-top: 0.5em; }

main, footer { width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; }
ul { list-style: none; padding: 0; margin: 0.75em 0; }
li { margin: 0.6em 0; }
li ul { margin: 0.3em 0 0; padding-left: 1em; }
li li { margin: 0.3em 0; }