:root { color-scheme: dark; }

body{
  margin:0;
  max-width:760px;
  padding:56px 20px;
  margin-inline:auto;

  background:#0f0e0b;
  color:#f3efe6;

  font-family:"EB Garamond", serif;
  font-size: clamp(19px, 0.6vw + 16px, 21px);
  line-height:1.65;

  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{ color: inherit; text-decoration: underline; text-underline-offset: 3px; }
a:hover{ text-decoration-thickness: 2px; }
h1{ font-size: 28px; margin: 0 0 14px; }
h2{
  font-size: 22px;      /* bigger than body, smaller than h1 */
  font-weight: 600;     /* bold */
  margin: 34px 0 10px;
  letter-spacing: 0;
  text-transform: none;
  opacity: 1;
}
ul{ margin: 8px 0 0 18px; padding: 0; }
li{ margin: 6px 0; }
.small{ opacity: .8; font-size: 14px; }
hr{ border:0; border-top:1px solid rgba(127,127,127,.3); margin: 28px 0; }

.list{ margin-top: 10px; }
.list a{
  display: block;
  padding: 6px 0;
  text-decoration: none;
}
.list a:hover{ text-decoration: underline; }