:root { color-scheme: light; font-family: system-ui, sans-serif; color: #28231f; background: #faf6ef; }
body { margin: 0; }
main { width: min(32rem, calc(100% - 3rem)); margin: 16vh auto 4rem; }
.wordmark { font-family: Georgia, serif; font-size: 1.25rem; }
h1 { font-family: Georgia, serif; font-size: clamp(2.25rem, 6vw, 3.5rem); font-weight: 400; margin: 0; }
p { line-height: 1.55; }
button { background: #28231f; border: 1px solid #28231f; border-radius: .5rem; color: white; cursor: pointer; font: inherit; padding: .7rem 1rem; }
button.quiet { background: transparent; color: #28231f; }
button:focus-visible, a:focus-visible { outline: 2px solid #744d31; outline-offset: 3px; }
a { color: #60422e; }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; }
code { overflow-wrap: anywhere; }