#page:has(article.adventofcode) {
  margin: auto;
}

article.adventofcode {
  padding-top: 2em;
}

.adventofcode h1 {
  text-align: center;
}

.adventofcode blockquote {
  background-color: #0f0f23;
  color: white;
  padding: 1em;
  padding-bottom: 0.3em;
  border-left: none;
}
.adventofcode code:not([class*="language-"]) {
  max-width: 100%;
}

.adventofcode pre + blockquote {
  margin-top: 2em;
}

.adventofcode blockquote p:last-child {
  margin-bottom: 0.5em;
}

.adventofcode blockquote code {
  background: inherit !important;
  color: #ffff66 !important;
}

.adventofcode blockquote strong {
  color: white;
}

.adventofcode .result {
  font-weight: 900;
}

.adventofcode .result::after {
  content: " ✅";
}

.adventofcode nav ul {
  display: flex;
  list-style: none;
  padding-left: 0;
  flex-wrap: wrap;
  margin-bottom: 2em;
}

.adventofcode nav li {
  padding-right: 0.2em;
}

.adventofcode blockquote ul {
  list-style-type: "-";
  padding: 1em 0.5em;
}

.adventofcode blockquote li {
  padding-left: 0.5em;
}

.adventofcode blockquote + h2,
.adventofcode blockquote + h3,
.adventofcode blockquote + h4,
.adventofcode pre + h2,
.adventofcode pre + h3,
.adventofcode pre + h4 {
  margin-top: 1em;
}

.adventofcode nav [aria-current]:not([aria-current="false"]) {
  font-weight: bold;
}

.adventofcode img {
  max-width: 100%;
}

.adventofcode p:has(+ ul) {
  margin-bottom: 0.5em;
}

.adventofcode pre {
  margin-bottom: 1em;
}

.adventofcode pre > code:not([class*="language-"]) {
  padding: 0;
}