/* Flow */
.services-help,
.services-commands,
.services-help-page {
  clear:both;
}
.services .services-commands {
  padding-top:10px;
}
.services-help > li {
  box-sizing:border-box;
  float:left;
  width:25%;
  min-width:120px;
}
/* == Services Buttons == */
.services-help > li > a,
.services-commands > li > a {
  text-transform:uppercase;
  letter-spacing:0.035em;
  margin:4px;
}
.services-help > li > a {
  background-color:rgb(5,131,124);
  border-width:0px;
}
.services-help > li > a:hover,
.services-help > li > a.selected {
  background-color:rgb(17,165,156);
  color:white;
}
.services-help > li > a#walkthrough {
  font-style:italic;
  background-color:rgb(5,101,124);
  text-transform:none;
}
.services-help > li > a#walkthrough:hover,
.services-help > li > a#walkthrough.selected {
  background-color:rgb(17,135,156);
  color:white;
}
@media (max-width: 599px) {
  .services-help > li {
    box-sizing:border-box;
    width:50%;
  }
}
/* == Command Lists == */
.services-commands a.button-like {
  border-color:rgb(5,131,124);
  background-color:transparent;
  color:rgb(5,131,124);
  text-transform:none;
  text-align:left;
  border-width:1px;
  padding-left:12px;
}
.services-commands a.button-like:hover {
  color:rgb(17,165,156);
  border-color:rgb(17,165,156);
}
.services-commands > li#back > a {
  border:0px;
  text-transform:none;
  font-weight:bold;
  font-size:1em;
}
/* == Info page == */
.services-help-page {
  padding:8px;
}
.services-commands .services-help-page a.permalink {
  display:block;
  float:right;
  padding:0px;
}
.services-help-page pre {
  margin:0px;
  white-space:pre-wrap;
}
/* furling and unfurling */
.services-commands > li > .services-help-page {
  display:none;
}
.services-commands > li > a.services-help-open + .services-help-page {
  display:block;
}
.services-help-page h2 {
  /* we already have the h2 headline displayed, as a link */
  display:none;
}