:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.85;color:#1c1c1e;background:#f5f5f7;-webkit-text-size-adjust:100%}
.wrap{max-width:760px;margin:0 auto;padding:8px 20px 72px}
header.site{display:flex;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid #e5e5ea}
.brand{font-size:18px;font-weight:800;color:#0a84ff;letter-spacing:.04em;text-decoration:none}
.crumb{font-size:13px;color:#6c6c70;margin:14px 0 0}
.crumb a{color:#6c6c70}
h1{font-size:23px;margin:10px 0 4px;line-height:1.5}
.meta{color:#6c6c70;font-size:13px;margin:0 0 8px}
.lead{font-size:15px;background:#eef4ff;border:1px solid #cfe0ff;border-radius:10px;padding:12px 14px;margin:16px 0}
h2{font-size:18px;margin:34px 0 8px;padding-top:12px;border-top:1px solid #e5e5ea}
h3{font-size:15px;margin:16px 0 4px}
p,li{font-size:15px}
ol,ul{padding-left:1.35em;margin:8px 0}
li{margin:5px 0}
strong{font-weight:700}
a{color:#0a84ff}
.cat{margin:26px 0 6px;font-size:17px;font-weight:700}
ul.toc{list-style:none;padding:0;margin:6px 0}
ul.toc li{background:#fff;border:1px solid #e5e5ea;border-radius:10px;margin:8px 0;padding:0}
ul.toc li a{display:block;padding:12px 14px;text-decoration:none;color:#1c1c1e;font-size:15px}
ul.toc li a:active{background:#eef4ff}
.faq{background:#fff;border:1px solid #e5e5ea;border-radius:12px;padding:6px 14px;margin:16px 0}
footer.site{margin-top:48px;padding-top:16px;border-top:1px solid #e5e5ea;font-size:13px;color:#6c6c70}
footer.site a{color:#6c6c70}
@media(prefers-color-scheme:dark){
  body{background:#000;color:#e5e5ea}
  header.site,h2,footer.site{border-color:#2c2c2e}
  .lead{background:#10233f;border-color:#1f3a63}
  ul.toc li,.faq{background:#1c1c1e;border-color:#2c2c2e}
  ul.toc li a{color:#e5e5ea}
}