:root {
  --bg: #e8eef2;
  --ink: #1a2a33;
  --accent: #2f6f7e;
  --paper: #f7fafb;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  background:
    radial-gradient(1200px 600px at 10% -10%, #d5e4ea 0%, transparent 55%),
    linear-gradient(165deg, var(--bg), #dfe8ec 40%, #cfdce3);
  color: var(--ink);
  min-height: 100vh;
  line-height: 1.55;
}
header, main, footer {
  max-width: 42rem;
  margin: 0 auto;
  padding: 1.5rem 1.25rem;
}
.brand {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: var(--accent);
  margin: 0 0 0.5rem;
}
h1 { font-weight: 600; font-size: 1.85rem; margin: 0 0 0.75rem; }
.lede { font-size: 1.05rem; opacity: 0.9; }
main {
  background: color-mix(in srgb, var(--paper) 92%, white);
  border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
}
a { color: var(--accent); }
footer { font-size: 0.85rem; opacity: 0.75; }