@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,450;9..144,560;9..144,650&family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root {
  --bg: #EEF0E7; --surface: #E4E8DA; --text: #17231C; --text-muted: #4B5A4F;
  --border: #C7CFBC; --brand: #1C2B49; --brand-text: #F4F1E6; --accent: #92701F;
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Public Sans', -apple-system, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #10140E; --surface: #181F16; --text: #E9ECE1; --text-muted: #A7B09B;
    --border: #303A2C; --brand: #2E4470; --brand-text: #EEF1E6; --accent: #C9A23F;
  }
}
:root[data-theme="dark"] {
  --bg: #10140E; --surface: #181F16; --text: #E9ECE1; --text-muted: #A7B09B;
  --border: #303A2C; --brand: #2E4470; --brand-text: #EEF1E6; --accent: #C9A23F;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font-body); font-size: 1.03rem; line-height: 1.65; }
a { color: var(--accent); }
.masthead { background: var(--brand); color: var(--brand-text); padding: 1.1rem 1.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem 1.5rem; align-items: baseline; }
.masthead .name { font-family: var(--font-display); font-weight: 650; font-size: 1.1rem; }
.masthead a { color: var(--brand-text); font-size: 0.9rem; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.35); }
main { max-width: 760px; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; }
h1 { font-family: var(--font-display); font-weight: 560; font-size: 2rem; line-height: 1.15; margin: 0 0 0.3rem; }
.docmeta { font-family: var(--font-mono); font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 2.2rem; }
h2 { font-family: var(--font-display); font-weight: 650; font-size: 1.25rem; margin: 2.2rem 0 0.6rem; }
p, li { color: var(--text); }
ul { padding-left: 1.2rem; }
li { margin-bottom: 0.4rem; }
.backlink { display: inline-block; margin-top: 3rem; font-size: 0.95rem; }
strong { font-weight: 600; }