html,body{margin:0;padding:0}
body{background:#eef3f2;color:#1b2528;font-family:Verdana,Tahoma,"DejaVu Sans",Geneva,sans-serif;font-size:15px;line-height:1.6}
a{color:#0b6b5e}
a:hover{color:#063f38}
code,.mono,h1,h2,h3,#side .name,#foot{font-family:Menlo,Consolas,"DejaVu Sans Mono","Liberation Mono",monospace}
#shell{display:flex;min-height:100vh}
#side{flex:0 0 230px;background:#1b2a2f;color:#cfe0dc;padding:26px 20px}
#side .name{display:block;color:#ffffff;font-size:18px;font-weight:bold;text-decoration:none;margin:10px 0 2px}
#side .sub{font-size:12px;color:#8fb5ad;margin:0 0 26px}
#side ul{list-style:none;margin:0;padding:0}
#side li{border-top:1px solid #2c4047}
#side li a{display:block;padding:9px 4px;color:#cfe0dc;text-decoration:none}
#side li a:hover,#side li a.on{color:#ffffff;background:#24383e}
#side li a.on{border-left:3px solid #3fbfa5;padding-left:8px}
#side .mail{margin-top:28px;font-size:12px;word-break:break-all}
#side .mail a{color:#7fd6c3}
#body{flex:1;padding:34px 40px 20px;max-width:860px}
h1{font-size:24px;margin:0 0 4px;color:#123236}
h1 + .kicker{margin:0 0 24px;color:#4a5f62}
h2{font-size:17px;margin:30px 0 8px;color:#123236;border-bottom:1px solid #c5d6d2;padding-bottom:4px}
h2::before{content:"> ";color:#0b8a77}
h3{font-size:15px;margin:18px 0 4px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0}
.box{background:#ffffff;border:1px solid #c5d6d2;padding:12px 14px}
.box strong{display:block;font-family:Menlo,Consolas,"DejaVu Sans Mono",monospace;color:#0b6b5e;margin-bottom:4px}
table{border-collapse:collapse;width:100%;background:#fff;margin:10px 0;font-size:14px}
th,td{border:1px solid #c5d6d2;padding:6px 9px;text-align:left;vertical-align:top}
th{background:#d9e6e3}
ul.tight li{margin:2px 0}
#foot{font-size:12px;color:#55696c;border-top:1px solid #c5d6d2;margin-top:40px;padding-top:10px}
@media (max-width:720px){
  #shell{display:block}
  #side{padding:16px}
  #side .sub{margin-bottom:12px}
  #side ul{display:flex;flex-wrap:wrap}
  #side li{border:0;margin-right:6px}
  #side li a.on{border-left:0;padding-left:4px;border-bottom:2px solid #3fbfa5}
  #side .mail{margin-top:10px}
  #body{padding:22px 16px}
}