:root { color-scheme: light; font: 1rem/1.65 system-ui, sans-serif; color: #30382c; background: #faf9f6; }
body { margin: 0; }
main { max-width: 48rem; margin: 3rem auto; padding: 0 1.25rem; overflow-wrap: anywhere; }
h1 { font-size: clamp(1.6rem, 5vw, 2.25rem); line-height: 1.2; }
h2 { margin: 0; font-size: 1rem; }
a { color: #286900; text-underline-offset: .2em; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
article { margin: 1.5rem 0; padding: 1.25rem; border: 1px solid #dce3d6; border-radius: .75rem; background: white; }
article.moderator { border-left: 4px solid #317f00; background: #f3f8ee; }
.badge { display: inline-block; margin-left: .5rem; padding: .1rem .5rem; border-radius: 1rem; color: #286900; background: #e8f1df; font-size: .75rem; }
time { color: #596153; font-size: .875rem; }
.body p { margin: .75rem 0; }
pre { white-space: pre-wrap; }
nav { display: flex; gap: 1.5rem; flex-wrap: wrap; }
nav a { padding: .5rem 0; }