:root { color-scheme: light; --paper: #f6f3ec; --surface: #fffdf7; --ink: #17292b; --muted: #4c6262; --accent: #165866; --rule: #c4d0cc; --focus: #a44828; }
* { box-sizing: border-box; }
html { scroll-behavior: auto; }
body { margin: 0px; background: var(--paper); color: var(--ink); font: 17px / 1.7 system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: var(--accent); text-underline-offset: 0.17em; }
a:hover { color: var(--ink); }
a:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; border-radius: 2px; }
.skip-link { position: absolute; left: 1rem; top: -5rem; z-index: 10; background: var(--surface); padding: 0.5rem 0.8rem; }
.skip-link:focus { top: 0.8rem; }
.shell { width: min(100% - 2.5rem, 1020px); margin-inline: auto; }
.site-header { border-bottom: 1px solid var(--rule); background: var(--surface); }
.header-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.75rem 2rem; padding-block: 1.25rem; }
.brand { color: var(--ink); font: 700 0.95rem / 1.3 system-ui, sans-serif; letter-spacing: 0.025em; text-decoration: none; }
.site-nav { display: flex; flex-wrap: wrap; gap: 0.2rem 1.25rem; }
.site-nav a { font-size: 0.89rem; color: var(--muted); text-decoration: none; border-bottom: 1px solid transparent; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--ink); }
main { padding-block: clamp(2.8rem, 7vw, 5rem) 5rem; }
.eyebrow { color: var(--accent); font: 700 0.74rem / 1.5 ui-monospace, "Cascadia Code", monospace; letter-spacing: 0.14em; text-transform: uppercase; margin: 0px 0px 1.2rem; }
.prose { max-width: 68ch; }
h1, h2 { font-family: Cambria, Georgia, serif; font-weight: 400; letter-spacing: -0.012em; }
h1 { font-size: clamp(2.6rem, 6vw, 4rem); line-height: 1.12; margin: 0px 0px 1.45rem; max-width: 20ch; }
h2 { font-size: clamp(1.4rem, 3vw, 1.8rem); line-height: 1.23; margin: 2.8rem 0px 0.6rem; }
p { margin: 0px 0px 1.25rem; }
.lede { color: var(--muted); font-size: 1.12rem; line-height: 1.7; }
.statement { margin: 2.5rem 0px; padding: 1.2rem 1.5rem; border-left: 3px solid var(--accent); background: var(--surface); }
.statement p:last-child { margin-bottom: 0px; }
.facts { margin: 2.2rem 0px 3rem; padding: 0px; border-top: 1px solid var(--rule); }
.facts div { display: grid; grid-template-columns: 12rem 1fr; gap: 1rem; padding: 0.8rem 0px; border-bottom: 1px solid var(--rule); }
.facts dt { color: var(--muted); font-size: 0.9rem; }
.facts dd { margin: 0px; }
.reading-link { display: inline-block; margin: 0.25rem 1.3rem 0.5rem 0px; font-weight: 650; }
.site-footer { border-top: 1px solid var(--rule); padding: 1.5rem 0px 2.5rem; color: var(--muted); font-size: 0.85rem; }
.footer-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem 2rem; }
@media (max-width: 650px) {
  body { font-size: 16px; }
  .shell { width: min(100% - 2rem, 1020px); }
  .facts div { display: block; }
  .facts dd { margin-top: 0.15rem; }
  main { padding-bottom: 3.5rem; }
}