:root{color-scheme:light dark;--bg:#fff;--fg:#1c1c1e;--sub:#5c5c61;--line:#d8d8dc;--link:#0a58c8;--note:#f3f4f6}
@media (prefers-color-scheme:dark){:root{--bg:#141416;--fg:#ececee;--sub:#a0a0a8;--line:#3a3a40;--link:#7db3ff;--note:#1f1f23}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif;overflow-wrap:anywhere}
header,main,footer{max-width:720px;margin:0 auto;padding:0 20px}
header{padding-top:20px;padding-bottom:12px;border-bottom:1px solid var(--line);font-weight:700}
header a{color:var(--fg);text-decoration:none}
main{padding-top:16px;padding-bottom:32px}
h1{font-size:1.6rem;line-height:1.4;margin:1.2em 0 .4em}
h2{font-size:1.25rem;line-height:1.4;margin:2em 0 .4em}
h3{font-size:1.05rem;margin:1.5em 0 .3em}
a{color:var(--link)}
ul,ol{padding-left:1.5em}
li ul,li ol{margin:.2em 0}
blockquote,.notice{margin:1em 0;padding:.6em 1em;background:var(--note);border-left:4px solid var(--line)}
blockquote p,.notice{margin:.2em 0}
.updated{color:var(--sub);font-size:.9rem}
code{font-family:ui-monospace,Menlo,monospace;font-size:.9em}
footer{padding-top:16px;padding-bottom:40px;border-top:1px solid var(--line);color:var(--sub);font-size:.9rem}