ul {
  list-style: '=> ';
}

input.dir-section-toggle + label {
  font-size: x-large;
  font-weight: bold;
  cursor: pointer;
}
input.dir-section-toggle + label:hover {
  text-decoration: underline dotted;
}

input.dir-section-toggle,
input.dir-section-toggle:checked + label + ul {
  display: none;
}

input.dir-section-toggle + label::before {
  color: #888;
  font-size: large;
  vertical-align: 15%;
  content: '[-]';
}

input.dir-section-toggle:checked + label::before {
  content: '[+]';
}