html { background:#f7f3ed; color:#2c2926; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body { margin:0; }
main { max-width:860px; margin:0 auto; padding:24px 20px 64px; }
nav { display:flex; flex-wrap:wrap; gap:16px; padding:8px 0 28px; }
nav a { color:#315d7a; text-decoration:none; font-weight:600; }
article { background:#fffdf9; border:1px solid #e6ddd3; border-radius:16px; padding:28px clamp(20px,5vw,52px); box-shadow:0 8px 28px rgba(77,54,36,.06); }
h1 { margin-top:0; color:#244c68; line-height:1.3; }
h2 { margin-top:2em; color:#315d7a; }
h3 { color:#4c7188; }
p, li { line-height:1.8; }
li + li { margin-top:.35em; }
code { background:#f1eae2; padding:.1em .3em; border-radius:4px; }
a { color:#315d7a; }