:root {
:  --bg: #fbfbf9;
:  --panel: #ffffff;
:  --text: #1a1a1a;
:  --muted: #5a5a5a;
:  --rule: rgba(0, 0, 0, 0.08);
:  --shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
:  --radius: 16px;
:  --maxw: 72ch;
:}
:
:* {
:  box-sizing: border-box;
:}
:
html,
body {
:  height: 100%;
:}
:
body {
:  margin: 0;
:  color: var(--text);
:  background: radial-gradient(1200px 700px at 18% 0%, #ffffff, var(--bg));
:  font-family:
:    ui-serif,
:    "Iowan Old Style",
:    "Palatino Linotype",
:    Palatino,
:    "Crimson Text",
:    Georgia,
:    serif;
:  line-height: 1.7;
:  text-rendering: optimizeLegibility;
:  -webkit-font-smoothing: antialiased;
:  -moz-osx-font-smoothing: grayscale;
:}
:
.container {
:  width: min(calc(100% - 2rem), var(--maxw));
:  margin: 0 auto;
:}
:
.skip-link {
:  position: absolute;
:  left: 0.75rem;
:  top: 0.75rem;
:  padding: 0.5rem 0.65rem;
:  background: var(--panel);
:  border: 1px solid var(--rule);
:  border-radius: 10px;
:  color: var(--text);
:  text-decoration: none;
:  transform: translateY(-150%);
:  transition: transform 140ms ease;
:  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
:  z-index: 10;
:}
:
.skip-link:focus {
:  transform: translateY(0);
:  outline: none;
:}
:
.site-header {
:  padding: 4.25rem 0 1.5rem;
:}
:
.kicker {
:  font-family:
:    ui-sans-serif,
:    system-ui,
:    -apple-system,
:    BlinkMacSystemFont,
:    "Segoe UI",
:    sans-serif;
:  font-size: 0.85rem;
:  letter-spacing: 0.1em;
:  text-transform: uppercase;
:  color: var(--muted);
:  margin-bottom: 0.65rem;
:}
:
h1 {
:  font-weight: 650;
:  font-size: clamp(1.75rem, 4vw, 2.35rem);
:  line-height: 1.18;
:  letter-spacing: -0.01em;
:  margin: 0 0 0.6rem;
:}
:
.subtitle {
:  margin: 0 0 1.4rem;
:  color: var(--muted);
:  font-size: 1.05rem;
:}
:
.meta {
:  display: grid;
:  grid-template-columns: repeat(2, minmax(0, 1fr));
:  gap: 0.9rem 1.2rem;
:  padding: 1rem 1.1rem;
:  background: var(--panel);
:  border: 1px solid var(--rule);
:  border-radius: var(--radius);
:  box-shadow: var(--shadow);
:}
:
.meta dt {
:  font-family:
:    ui-sans-serif,
:    system-ui,
:    -apple-system,
:    BlinkMacSystemFont,
:    "Segoe UI",
:    sans-serif;
:  font-size: 0.82rem;
:  color: var(--muted);
:  letter-spacing: 0.02em;
:}
:
.meta dd {
:  margin: 0.1rem 0 0;
:  font-size: 0.98rem;
:}
:
.smallcaps {
:  font-variant-caps: all-small-caps;
:  letter-spacing: 0.02em;
:}
:
.prose {
:  margin: 1.75rem 0 2.5rem;
:  padding: 1.5rem 1.5rem;
:  background: var(--panel);
:  border: 1px solid var(--rule);
:  border-radius: var(--radius);
:  box-shadow: var(--shadow);
:}
:
.prose p {
:  margin: 0;
:}
:
.prose p + p {
:  margin-top: 1.15rem;
:}
:
.site-footer {
:  padding-bottom: 3rem;
:}
:
.fineprint {
:  margin: 0;
:  color: var(--muted);
:  font-size: 0.95rem;
:  border-top: 1px solid var(--rule);
:  padding-top: 1.1rem;
:}
:
code {
:  font-family:
:    ui-monospace,
:    SFMono-Regular,
:    Menlo,
:    Monaco,
:    Consolas,
:    "Liberation Mono",
:    "Courier New",
:    monospace;
:  font-size: 0.95em;
:}
:
@media (max-width: 520px) {
:  .meta {
:    grid-template-columns: 1fr;
:  }
:
:  .prose {
:    padding: 1.15rem 1.1rem;
:  }
:}
:
@media print {
:  body {
:    background: #fff;
:  }
:
:  .skip-link,
:  .meta {
:    display: none;
:  }
:
:  .prose {
:    box-shadow: none;
:    border: none;
:    padding: 0;
:  }
:}
