:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #24332a; background: #f6f8f5; line-height: 1.7; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main, footer { max-width: 850px; margin: auto; padding: 24px clamp(20px, 5vw, 48px); }
header { padding-top: 36px; }
header a { font-size: 1.5rem; font-weight: 750; text-decoration: none; }
main { background: white; border-radius: 20px; margin-bottom: 20px; }
h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; margin-top: 16px; }
h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 34px; }
a { color: #365f43; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:focus-visible { outline: 2px solid #365f43; outline-offset: 4px; }
li { margin-bottom: 10px; }
ul, ol { padding-left: 24px; }
.date { color: #627168; }
.notice { background: #edf4ee; padding: 16px 20px; border-radius: 12px; }
footer { font-size: .9rem; padding-bottom: 40px; }
@media (max-width: 600px) { main { border-radius: 0; } }