* {
  font-family:var(--font-ui);
  font-size:var(--font-size);
}
h2 {
  font-size:125%;
//  display:inline-block;
}
.code {
  margin-left:3rem;
  margin-top:0.25rem;
  margin-bottom:0.25rem;
//  padding:0.5rem;
//  background:#2C3E51;
//  color:white;
  width:fit-content;
  border-radius:1rem;
  display:inline-block;
}
li {
  list-style:none;
}
li {
  vertical-align:top;
//  margin-left:1rem;
  margin-left:0;
  margin-bottom:0.5rem;
  display:inline-block;
}
p {
  font-size:105%;
  margin-left:1rem;
}
sol-query {
  margin:0.5rem;
  padding:0.5rem;
  border:2px solid #666;
  width:fit-content;
  border-radius:var(--radius,4px);
}
main {
  display:grid;
  grid-template-columns:600px 1fr;
  gap:1%;
}
i {color:green;}
sol-accordion {
  display:block;
  width:40ch;
  border:2px solid #666;
  border-radius:4px;
  padding:0.5rem;
  margin:0.5rem;
}
.example {
  margin-left:1rem;
}
pre {
  margin-left:1rem;
}
pre,code {
  margin-top:0.25rem !important;
  margin-bottom:0.5rem !important;
}
code {
  color:var(--text-muted,red);
}