*{
margin:0;
padding:0;
box-sizing:border-box;
color-scheme:light;
}

html{scroll-behavior:smooth;}
body{background:#fff;color:#111;font:16px/1.6 Verdana,Arial,sans-serif;padding:16px;}
a{color:#000;text-decoration:none;}
a:hover, a:focus{text-decoration:underline;}
ol, ul{list-style:none;}
.hd, .mn, .ct, .ft{width:100%;max-width:960px;margin:auto;}
.hd{padding:24px 0 16px 0;border-bottom:1px solid #ccc;}
.hd h1{font-size:2rem;font-weight:700;}
.hd p{margin-top:4px;font-size:.9rem;opacity:.7;}
.mn{padding:16px 0;border-bottom:1px solid #ccc;}
.mn ol{display:flex;flex-wrap:wrap;gap:12px;}
.mn li{display:inline-block;}
.mn a{display:block;padding:6px 10px;border:1px solid #999;}
.mn a:hover{background:#eee;}
.ct{padding:24px 0;}
.ct section{padding:24px 0;border-bottom:1px solid #e5e5e5;}
.ct section:last-child{border-bottom:none;}
.ct h2{margin-bottom:12px;font-size:1.4rem;}
.ct p{margin-bottom:12px;}
.ft{padding:24px 0;margin-top:24px;border-top:1px solid #ccc;font-size:.85rem;text-align:center;}
code{padding:2px 4px;background:#f3f3f3;font-family:monospace;}
@media(max-width:640px){body{padding:12px;} .mn ol{flex-direction:column;} .mn a{width:100%;}}