html {
  --highlight: #ffe1a0;
}

@media (prefers-color-scheme: dark) {
  html {
    --highlight: #6a4800;
  }
}

.content {
  max-width: 100%;
}

article {
  border-radius: 0.8em;
}

article img {
  border-radius: 2px;
  margin-bottom: 1.5rem;
}

article,
main {
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1rem;
  row-gap: 1rem;

  &>* {
    flex-basis: 100%;
    order: 5;
    margin: 0 !important;
  }

  /* Excessive specifiers due to scoping issues with compiler */
  :is(dl, dl, dl):not(.link) :is(dt, dd) {
    display: none !important;
  }

  &>.image,
  &>img {
    order: 1;
  }

  &>h1 {
    order: 2;
  }

  time,
  dl.tags {
    display: inline;
    order: 3;
    flex-basis: 0;
    opacity: 0.8;
    font-size: 0.9em;
  }

  dl.link {
    order: 10;
  }

  .description {
    font-size: 1.3em;
    /* font-weight: 500; */
    opacity: 0.8;
  }
}

blockquote strong {
  background: var(--highlight);
  font-weight: 400;
  padding-inline: 3px;
  border-radius: 3px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  margin-inline: -3px;
  padding-bottom: 1px;
}