:root{--fg:#2b2b2b;--muted:#7a7a7a;--accent:#b15b09;--line:#e6ddd2;--bg:#fffaf2;}
@media (prefers-color-scheme: dark){
  :root{--fg:#e9e4dd;--muted:#a9a29a;--accent:#ffb072;--line:#3a3630;--bg:#1a1a1a;}
}
*{box-sizing:border-box;}
body{margin:0;padding:0;background:var(--bg);color:var(--fg);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;
  line-height:1.8;font-size:16px;}
a{color:var(--accent);}
header.site,footer.site{max-width:760px;margin:0 auto;padding:16px 20px;}
header.site a{color:var(--fg);font-weight:700;text-decoration:none;font-size:1.1rem;}
footer.site{color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-bottom:40px;}
main{max-width:760px;margin:0 auto;padding:16px 20px 64px;}
h1{font-size:1.6rem;margin:0 0 4px;}
h2{font-size:1.1rem;margin:36px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--line);}
.lang{color:var(--muted);font-size:.85rem;margin:0 0 28px;}
p,li{margin:0 0 10px;}
ol,ul{padding-left:1.4em;margin:0 0 12px;}
.updated{color:var(--muted);font-size:.85rem;margin-top:40px;}
hr{border:0;border-top:1px solid var(--line);margin:64px 0 40px;}
.note{background:rgba(177,91,9,.08);border-left:3px solid var(--accent);padding:12px 14px;margin:0 0 24px;font-size:.92rem;}
.hero{padding:48px 0 24px;}
.hero h1{font-size:2.2rem;}
.hero p{font-size:1.05rem;}
.links{list-style:none;padding:0;}
.links li{margin:0 0 8px;}