@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Playfair+Display:wght@700&display=swap');

:root {
  --felt: #14402e;
  --felt-dark: #0b2419;
  --gold: #c9a24a;
  --gold-light: #f1d98b;
  --cream: #fbf4e2;
  --parchment: #f3e6c8;
  --ink: #2b1d12;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: radial-gradient(ellipse at top, var(--felt), var(--felt-dark) 70%) fixed;
  color: var(--cream);
  font: 20px/1.6 'EB Garamond', Georgia, serif;
}

main { max-width: 720px; margin: 0 auto; padding: 48px 24px 64px; }

h1, h2 { font-family: 'Playfair Display', Georgia, serif; color: var(--gold-light); line-height: 1.2; }
h1 { font-size: 44px; margin: 0 0 8px; }
h2 { font-size: 26px; margin: 40px 0 8px; }

a { color: var(--gold-light); }

nav { display: flex; gap: 20px; margin-bottom: 40px; font-size: 18px; }
nav a { text-decoration: none; }
nav a:first-child { font-family: 'Playfair Display', Georgia, serif; margin-right: auto; }

.lede { font-style: italic; font-size: 24px; color: var(--parchment); }
.muted { color: var(--parchment); opacity: 0.8; font-size: 17px; }

.card {
  background: var(--parchment);
  color: var(--ink);
  border: 2px solid var(--gold);
  border-radius: 16px;
  padding: 20px 24px;
  margin: 24px 0;
}
.card a { color: #6e1f2a; }

table { width: 100%; border-collapse: collapse; font-size: 17px; }
th, td { text-align: left; vertical-align: top; padding: 8px 8px 8px 0; border-bottom: 1px solid rgba(43, 29, 18, 0.2); }

footer { margin-top: 56px; font-size: 16px; opacity: 0.7; }