:root {
  color-scheme: dark;
  font-family: Georgia, "Times New Roman", serif;
  background: #061d20;
  color: #f5e6bd;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at top, rgba(201, 157, 77, .16), transparent 34rem),
    #061d20;
}

main {
  width: min(760px, calc(100% - 32px));
  margin: 0 auto;
  padding: 56px 0 72px;
}

header {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(239, 196, 126, .4);
}

h1, h2, h3 { color: #efc47e; }
h1 { margin: 0 0 8px; font-size: clamp(2rem, 7vw, 3.4rem); }
h2 { margin-top: 36px; }
h3 { margin-top: 28px; font-size: 1.1rem; }
p, li { line-height: 1.7; }
a { color: #efc47e; }
.updated, nav { color: #c9bb9e; }
nav { margin-top: 14px; }
nav a + a { margin-left: 18px; }