html { font-family: system-ui, -apple-system, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif; line-height: 1.8; color: #222; background: #f7f8fa; }
body { max-width: 860px; margin: 0 auto; padding: 2rem 1.2rem 4rem; background: #fff; }
h1 { line-height: 1.35; border-bottom: 3px solid #2c6eaa; padding-bottom: .5rem; }
h2 { margin-top: 2.2rem; border-left: 5px solid #2c6eaa; padding-left: .6rem; }
h3 { margin-top: 1.6rem; }
a { color: #145da0; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .95rem; }
th, td { border: 1px solid #cfd6de; padding: .45rem .55rem; vertical-align: top; }
th { background: #edf3f8; }
blockquote { border-left: 4px solid #9aa8b6; margin-left: 0; padding-left: 1rem; color: #4c5560; }
code { background: #f0f2f4; padding: .1rem .25rem; }
nav { margin-bottom: 2rem; }
.notice { background: #fff8db; border: 1px solid #e3c65a; padding: .8rem 1rem; }