*{margin:0;padding:0;box-sizing:border-box}
body{font:1.1em/1.6 system-ui,sans-serif;max-width:48rem;margin:auto;padding:2rem;padding-left:10rem;color:#222;background:#fafafa}
nav{position:fixed;top:2rem;left:calc((100vw - 48rem)/2 - 8rem);display:flex;flex-direction:column;gap:0.4rem;font-size:0.85rem;width:8rem}
nav a{color:#4a7c59;text-decoration:none}
nav a:hover{text-decoration:underline}
header{text-align:center;margin-bottom:2rem}
header img{width:300px;height:auto}
h1{font-size:1.8rem;margin:0.5rem 0 1rem}
h2{font-size:1.4rem;margin:2rem 0 0.5rem;padding-bottom:0.3rem;border-bottom:2px dotted #6b8e23}
h3{font-size:1.15rem;margin:1.2rem 0 0.3rem}
p{margin:0.4rem 0}
a{color:#4a7c59;text-decoration:none}
a:hover{text-decoration:underline}
sup a{color:#4a7c59}
ul{margin:0.4rem 0;list-style-position:inside}
@media(max-width:64rem){nav{position:static;flex-direction:row;flex-wrap:wrap;gap:0.8rem;width:auto;margin-bottom:1rem}body{padding-left:2rem}}