html {
  background-color: #434;
  color: #FCF;
}
a { color: #D6D; }
input[type="radio"] {
  accent-color: #FCF;
}

#items {
  list-style: none;
  padding: 0;
}

#items > li {
  border-bottom: 1px solid #A9A;
  margin-bottom: 2em;
  padding-bottom: 2em;
}

#items > li > label {
  color: #FFF;
  display: block;
  font-size: 1.5em;
  margin-bottom: 0.5em;
  padding: 0;
  cursor: pointer;
}
#items > li > label > span { display: none; color: #A9A; }
#items > li > label:hover > span { display: inline-block; }

#items > li > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#items > li > ul > li {
  display: inline-block;
  margin-right: 1em;
}

.smc { display: none; }
.smt:checked ~ .smc { display: block; }
.smt { display: none; }

#pm_nupm:checked  ~ #items > :not(.pm_nupm)  { display: none; }
#pm_numng:checked ~ #items > :not(.pm_numng) { display: none; }
#pm_nupm:checked  ~ #items > li > div.smc > div > div.pm_numng { display: none; }
#pm_numng:checked ~ #items > li > div.smc > div > div.pm_nupm  { display: none; }

#tag_lib:checked    ~ #items > :not(.tag_lib)    { display: none; }
#tag_bin:checked    ~ #items > :not(.tag_bin)    { display: none; }
#tag_config:checked ~ #items > :not(.tag_config) { display: none; }
#tag_prompt:checked ~ #items > :not(.tag_prompt) { display: none; }
#tag_completion:checked ~ #items > :not(.tag_completion) { display: none; }

#tag_shell:checked  ~ #items > :not(.tag_shell)  { display: none; }
#tag_script:checked ~ #items > :not(.tag_script) { display: none; }

#tag_plugin:not(:checked) ~ #items > .tag_plugin { display: none; }
#status_active:checked ~ #items > .status_archived { display: none; }

pre { background-color: #212; color: #FAF; padding: 0.5em; border-radius: 0.4em; }

.smc { margin: 0.5em; border-top: 2px dotted darkgray; padding: 0.5em; }
.y { color: #FA8; }
div.si > div.pm_nupm > pre::before { content: "nupm install "; color: #FAF; }
div.si::before { content: "Installation:"; font-weight: bold; }
div.sx::before { content: "Exported libraries: "; font-weight: bold; }
li.ps::before { content: "Status: "; }
li.pf::before { content: "Format: "; }
li.pv::before { content: "Version: "; }
li.pl::before { content: "License: "; }