:root { color-scheme: light; background: #f7f4ed; color: #182d2c; font: 100%/1.65 system-ui, sans-serif; }
body { margin: 0; }
main { max-width: 45rem; margin: auto; padding: 2rem 1.25rem 3rem; }
header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 1rem; border-bottom: 1px solid #a4b5ad; }
.brand { font-weight: 700; }
nav a { display: inline-block; padding: .25rem .5rem; }
article + article { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #a4b5ad; }
h1, h2 { line-height: 1.2; }
h2 { margin-top: 1.8rem; font-size: 1.25rem; }
a { color: #095a5d; overflow-wrap: anywhere; }
a:focus-visible { outline: 2px solid #095a5d; outline-offset: 4px; }