:root {
  --bg-color: #000000;
  --border-color: #222222;
  --border-heavy: #cccccc;
  --text-primary: #e0e0e0;
  --text-secondary: #888888;
  --text-dim: #444444;
  --font-serif: 'EB Garamond', serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
* { box-sizing: border-box; }
body {
  background: var(--bg-color);
  color: var(--text-primary);
  font-family: var(--font-serif);
  margin: 0;
  padding: 40px 20px;
  display: flex;
  justify-content: center;
}
.container { max-width: 680px; width: 100%; }
nav { font-family: var(--font-mono); font-size: 12px; margin-bottom: 30px; }
nav a { color: var(--text-secondary); }
h1 {
  font-family: 'Cinzel', serif; font-weight: 400; font-size: 28px;
  line-height: 1.3; letter-spacing: 1px; margin: 0 0 6px 0;
}
.meta { font-family: var(--font-mono); font-size: 12px; color: var(--text-dim); margin-bottom: 28px; }
.lead {
  font-size: 18px; line-height: 1.6; color: var(--text-primary);
  border-left: 2px solid var(--border-heavy); padding-left: 18px; margin: 0 0 32px 0;
}
h2 {
  font-family: 'Cinzel', serif; font-weight: 400; font-size: 17px;
  letter-spacing: 1px; margin: 34px 0 14px 0; color: var(--text-primary);
}
p, li { font-size: 16px; line-height: 1.7; color: var(--text-secondary); }
strong { color: var(--text-primary); font-weight: 500; }
a { color: var(--text-primary); text-decoration: none; border-bottom: 1px dashed var(--text-secondary); }
a:hover { color: #fff; border-bottom-color: #fff; }
code { font-family: var(--font-mono); font-size: 13px; color: #cbd5d1; background: #0c0c0c; padding: 1px 5px; border-radius: 3px; }
pre { background: #0c0c0c; border: 1px solid var(--border-color); padding: 14px; overflow-x: auto; font-size: 13px; }
pre code { background: none; padding: 0; }
.cta {
  margin: 34px 0; padding: 18px 20px; border: 1px solid var(--border-heavy); background: #050505;
  font-size: 16px;
}
footer {
  margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--border-color);
  font-family: var(--font-mono); font-size: 11px; color: var(--text-dim);
}
footer a { color: var(--text-dim); border-bottom-color: var(--text-dim); }