:root {
  color-scheme: dark;
}

body {
  margin: 0;
  background: #07160e;
  color: #f6f0df;
  font:
    16px/1.6 Inter,
    system-ui,
    sans-serif;
}

main {
  max-width: 760px;
  margin: 0 auto;
  padding: 32px 16px 64px;
}

h1,
h2 {
  font-family: 'Playfair Display', Georgia, serif;
  color: #f3dc97;
}

h1 {
  margin-bottom: 0;
}

.updated {
  margin-top: 4px;
  color: rgba(246, 240, 223, 0.7);
}

.draft {
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(246, 195, 67, 0.15);
  border: 1px dashed #f6c343;
  color: #ffe6a6;
  font-size: 0.9rem;
}

a {
  color: #f3dc97;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

th,
td {
  padding: 8px;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25);
  text-align: left;
  vertical-align: top;
}