:root {
  background-color: Highlight;
  color:HighlightText;
}

::selection {
  background-color:white; 
  color:black
}

ul {padding-left:1em}

summary {
  border-bottom: 1px solid;
  cursor: pointer;
  list-style: none; /* optional: remove default triangle if you want custom styling */
}

.custom {
  list-style: none;
}

.custom li::before {
  content: attr(data-bullet);
  padding-right: 1em;
}

body {
  font-family: sans-serif;
  line-height:1.5;
  margin:auto;
  padding:1em;
  margin-block:1em
}

@media (min-width: 500px) {
  body {width: 19em;}
}

h2,h5 {text-align: center;}

h3 {text-align: right}

h2,h3,h4 {margin-bottom:0;}

h5 {margin-top:0}

a {color: var(--text-col)}
a.no {text-decoration:none}