*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;font-family:Verdana,Geneva,sans-serif;font-size:14px;line-height:1.55}
a{color:#000099}
a:visited{color:#464646}
.wrap{display:flex;gap:40px;max-width:760px;padding:28px 16px 60px}
nav{width:130px;flex:none;font-size:12px;line-height:2}
nav .name{display:block;font-weight:bold;color:#000;text-decoration:none;margin-bottom:10px;line-height:1.3}
nav a{display:block;text-decoration:none}
nav a:hover{text-decoration:underline}
nav a.on{color:#000;font-weight:bold}
main{flex:1;min-width:0;max-width:520px}
h1{font-size:15px;margin:0 0 4px}
h2{font-size:13px;margin:26px 0 6px}
.date{color:#666;font-size:12px;margin:0 0 22px}
p{margin:0 0 14px}
ol,ul{padding-left:22px;margin:0 0 14px}
li{margin-bottom:4px}
.index{list-style:none;padding:0}
.index li{margin-bottom:10px}
.index span{color:#666;font-size:12px;margin-left:6px}
.note{margin-bottom:20px}
.note .d{color:#666;font-size:12px;display:block}
.sticker{margin:0 0 12px}
.q{margin:0 0 16px}.q span{display:block;color:#666;font-size:12px;margin-top:2px}
.t{font-weight:bold;font-size:12px;margin:20px 0 4px}
.ref{font-size:12px;color:#333}
.lede{margin-bottom:24px}
.aside{border-left:2px solid #ccc;color:#444;font-size:12px;margin:-10px 0 26px;padding-left:10px}
.caveat{margin-bottom:22px}
.caveat h2{margin-bottom:4px}
.updated{border-top:1px solid #ddd;color:#666;font-size:11px;margin-top:34px;padding-top:10px}
footer{margin-top:44px;color:#999;font-size:11px}
@media (max-width:720px){
 .wrap{display:block;padding:20px 16px 48px}
 nav{width:auto;margin-bottom:26px;line-height:1.9}
 nav .name{margin-bottom:6px}
 nav a{display:inline-block;margin-right:12px}
 main{max-width:none}
}