/* Media formatting for this post; typography comes from the shared blog theme. */
.album-comparison {
  display: grid;
  grid-template-columns: 374fr 308fr;
  align-items: start;
  gap: 16px;
  margin: 24px 0 20px;
}

.album-comparison img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.album-demo {
  margin: 24px 0 20px;
}

.album-demo video {
  display: block;
  width: 100%;
  max-width: 374px;
  max-height: 75vh;
  margin: 0 auto;
  background: #1e2022;
  border: 1px solid #2a2d2e;
  border-radius: 6px;
}

article :not(pre) > code {
  overflow-wrap: anywhere;
}

@media screen and (max-width: 480px) {
  .album-comparison {
    gap: 8px;
  }
}