:root { color-scheme:light; font-family:system-ui,sans-serif; color:#283638; background:#f4f1e8; line-height:1.6; }
* { box-sizing:border-box; }
body { margin:0; }
main { max-width:48rem; margin:auto; padding:max(2rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) max(3rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left)); }
h1,h2 { line-height:1.2; }
h1 { margin-bottom:.4rem; }
h2 { margin-top:2rem; font-size:1.3rem; }
li { margin:.65rem 0; }
a { color:#25625e; text-underline-offset:.2em; overflow-wrap:anywhere; }
.brand { font-weight:700; text-decoration:none; }
.date { margin-top:0; color:#566563; }
.back { display:inline-block; margin-top:1.5rem; padding:.7rem 0; }
:focus-visible { outline:3px solid #367e78; outline-offset:4px; }