img {
  width: 100%;
  border-radius: var(--border-radius);
  margin-block: 1rem;
}

p img {
  margin: 0;
}

iframe {
  max-width: 100%;
}

blockquote {
  background-color: var(--blockquote-bg-color);
  border-left: 0.35rem solid var(--a-color);
  margin-inline: 0;
  padding-inline: 0.8rem;
  padding-block: 0.35rem;
  border-radius: var(--border-radius);
}

blockquote > * {
  margin-block: .25em;
}

blockquote blockquote {
  border-radius: 0;
}

details {
  margin-block: 1em;
  margin-inline-start: 1em;
}

details[no-indent], details[no-indent] > * {
  margin-inline-start: 0em;
}

details[no-close][open] > summary {
  display: none;
}

details > summary {
  margin-inline-start: -1em;
  max-width: 100%;
  white-space: nowrap;
}

details > summary > * {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  margin: 0;
}

details > summary::-webkit-details-marker, details > summary::marker {
  color: var(--a-color);
}

hr {
  flex: 1;
  border: none;
  height: 0.2em;
  background-color: var(--main-color);
  opacity: 0.2;
}