body{font-family:system-ui,Arial,sans-serif;line-height:1.6;color:#1f2933;margin:0;background:#fafaf8}
.in{max-width:760px;margin:0 auto;padding:0 18px}
nav{max-width:760px;margin:0 auto;padding:14px 18px;font-size:.95rem}
nav button{font:inherit;padding:4px 12px;cursor:pointer}
h1,h2,h3{color:#3a3f6b}
h2{margin-top:30px}
pre#src{white-space:pre-wrap;font-family:inherit}
pre.code{background:#fff;border:1px solid #d8d8d0;border-radius:6px;padding:12px;white-space:pre-wrap}
table{border-collapse:collapse;width:100%;margin:12px 0}
th,td{border:1px solid #ccc;padding:6px 8px;text-align:left;vertical-align:top}
th{background:#eef0f6}
hr{border:0;border-top:1px solid #ccc;margin:24px 0}
footer{max-width:760px;margin:40px auto;padding:16px 18px 0;border-top:1px solid #ddd;font-size:.85rem}
.box{background:#eef0f6;border-left:4px solid #3a3f6b;padding:12px 16px;margin:24px 0}
a.btn{display:inline-block;background:#3a3f6b;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none}
@media print{.noprint{display:none}body{background:#fff;font-size:11pt}}