body{margin:0;background:#111;color:#ddd;font:15px/1.55 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:#4aa8f0}
a:hover{color:#7cc0f5}
.in{max-width:860px;margin:0 auto;padding:0 20px}
code{font:13px ui-monospace,Menlo,Consolas,monospace;color:#eee}

header{border-bottom:1px solid #2a2a2a;background:#151515}
header .in{display:flex;align-items:center;justify-content:space-between;height:58px}
header img{display:block}
header nav a{color:#bbb;text-decoration:none;margin-left:20px;font-size:14px}
header nav a:hover{color:#fff}

main{padding-bottom:40px}
section{margin-top:36px}
h1{font-size:28px;margin:34px 0 12px;color:#fff}
h2{font-size:19px;margin:0 0 12px;color:#fff;padding-bottom:6px;border-bottom:1px solid #2a2a2a}
.count{color:#777;font-weight:normal;font-size:15px}
p{margin:0 0 12px}
.note{color:#888;font-size:13.5px}

table{border-collapse:collapse;width:100%}
.kv th{text-align:left;font-weight:normal;color:#888;width:150px;padding:6px 10px 6px 0;vertical-align:top}
.kv td{padding:6px 0}
.kv tr{border-bottom:1px solid #1f1f1f}
.list th{text-align:left;color:#888;font-weight:normal;font-size:13px;padding:6px 10px;border-bottom:1px solid #2a2a2a}
.list td{padding:7px 10px;border-bottom:1px solid #1f1f1f}
.list td.v6{font:13px ui-monospace,Menlo,Consolas,monospace;color:#aaa}
.list tr:hover td{background:#171717}
.list + .note{margin-top:8px}

form{background:#161616;border:1px solid #2a2a2a;padding:18px;margin-top:6px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
label{display:block;font-size:13.5px;color:#aaa;margin-bottom:12px}
.grid label{margin:0}
input,textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;background:#0d0d0d;border:1px solid #333;color:#eee;padding:7px 8px;font-family:inherit;font-size:14px}
input:focus,textarea:focus{outline:none;border-color:#4aa8f0}
fieldset{border:0;padding:0;margin:16px 0 12px}
legend{font-size:13.5px;color:#aaa;padding:0;margin-bottom:6px}
label.inline{display:block;color:#ddd;margin:4px 0}
label.inline input{display:inline;width:auto;margin:0 6px 0 0}
.hp{position:absolute;left:-9999px}
button{background:#2b7fc4;color:#fff;border:0;padding:8px 22px;font-family:inherit;font-size:14px;cursor:pointer}
button:hover{background:#3590da}
button:disabled{opacity:.6}
#jmsg{margin-left:12px;font-size:13.5px}
#jmsg.ok{color:#6c6}#jmsg.err{color:#e66}

.links{margin:0;padding-left:18px}
.links li{margin:3px 0}

footer{border-top:1px solid #2a2a2a;color:#777;font-size:13px;padding:18px 0}

@media(max-width:600px){
  .grid{grid-template-columns:1fr}
  header nav a{margin-left:12px}
  .kv th{width:110px}
  .list th:nth-child(4),.list td:nth-child(4){display:none}
}