@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0;
}

body {
  padding: 2.5rem;
}
@media (min-width: 992px) {
  body {
    padding: 2.5rem 0;
  }
}

h1, h2, h3 {
  font-family: "Computer Modern Sans";
}

a {
  text-decoration: none;
}

img, video {
  max-width: 100%;
  height: auto;
}

code, pre code, p code, kbd, samp {
  font-size: 1.5rem;
}

.node__content ul {
  list-style: circle outside;
  padding-left: 2.7rem;
}

.layout-content ol {
  list-style: decimal outside;
  margin-left: 3rem;
}

ul li {
  margin-bottom: 0;
}

li:first-child:is(p) {
  display: inline;
}

input[type=text], input[type=password], textarea {
  width: 100%;
}

label, legend {
  display: inline-block;
}

pre > code {
  line-height: 1.5rem;
}

blockquote {
  position: relative;
}

blockquote::before {
  content: "“";
  display: inline;
  position: absolute;
  top: -14px;
  left: -25px;
  font-size: 5rem;
  color: hsl(var(--theme-hue), 0%, 73%);
}

cite {
  font-size: 1.6rem;
}

blockquote cite::before, blockquote a:has(> cite)::before {
  content: "—";
  visibility: visible;
  pointer-events: none;
}

blockquote cite {
  visibility: visible;
}

blockquote a:has(> cite) {
  visibility: hidden;
}

blockquote a:has(> cite) cite::before {
  content: "";
}

/*# sourceMappingURL=elements.css.map */