body{
  max-width:62rem;
  margin:0 auto;
  padding:48px 20px;
  background:#111;
  color:#ddd;
  font-family:Consolas, Menlo, Monaco, monospace;
  font-size:0.9375rem;
  line-height:1.6;
}
a{color:#8fd6c4;}
a:hover{color:#e8a95a;}

nav{
  font-size:0.8125rem;
  color:#888;
  margin:0 0 20px;
}
nav a{margin-right:12px;}
nav .current{color:#888; margin-right:12px;}

h1{
  font-size:1.6rem;
  margin:0 0 20px;
}

.intro{
  color:#ccc;
  margin:0 0 24px;
}

dl{
  display:grid;
  grid-template-columns:max-content 1fr;
  gap:4px 16px;
  margin:0 0 24px;
  font-size:0.875rem;
}
dt{color:#888;}
dd{margin:0;}
dd.hl{color:#e8a95a;}

.btn{
  display:inline-block;
  border:1px solid #e8a95a;
  color:#e8a95a;
  padding:8px 14px;
  text-decoration:none;
}
.btn:hover{background:#e8a95a; color:#111;}

h2{
  font-size:1.2rem;
  font-weight:normal;
  margin:40px 0 4px;
}
.note{color:#888; font-size:0.8125rem; margin:0 0 16px;}

ol{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid #333;
}
li{
  border-bottom:1px solid #333;
  padding:12px 0;
}
li > a{display:block; margin-bottom:2px;}
.src a{display:inline;}
li .title{
  color:#ddd;
  margin-bottom:4px;
}
li .also{
  display:block;
  color:#888;
  font-style:italic;
  font-size:0.8125rem;
  margin-bottom:4px;
}
.src{color:#888; font-size:0.75rem;}
.src + .src{margin-top:2px;}

.geoip-table{
  width:100%;
  border-collapse:collapse;
  font-size:0.8125rem;
  table-layout:fixed;
}

.geoip-table th,
.geoip-table td{
  text-align:left;
  vertical-align:top;
  padding:10px 8px;
  border-bottom:1px solid #333;
  word-wrap:break-word;
}
.geoip-table th{
  color:#888;
  font-weight:normal;
  border-bottom:1px solid #555;
}
.geoip-table td:first-child{color:#ddd;}
.geoip-table .also{
  display:block;
  color:#888;
  font-style:italic;
  font-size:0.75rem;
  margin-top:2px;
}
.geoip-table .unknown{color:#555;}
.geoip-table .notes{
  color:#888;
  font-style:italic;
  font-size:0.75rem;
}
.geoip-table tr:hover td{background:#181818;}

@media (max-width:600px){
  .geoip-table{font-size:0.75rem;}
  .geoip-table th,
  .geoip-table td{padding:8px 4px;}
}

footer{
  margin-top:40px;
  color:#888;
  font-size:0.75rem;
}
footer a{color:#888;}
footer a:hover{color:#e8a95a;}