/* Backrooms-specific styles for large ASCII art */

.backroom-entry pre,
.backroom-text {
  white-space: pre;
  overflow-x: auto;
  word-break: normal;
  font-size: 10px;
  line-height: 1.2;
}

.backroom-entry pre code {
  white-space: pre;
  word-break: normal;
}

/* Tablet: slightly bigger */
@media (width >= 48rem) {
  .backroom-entry pre,
  .backroom-text {
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
  }
}

/* Desktop: match site default */
@media (width >= 64rem) {
  .backroom-entry pre,
  .backroom-text {
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
  }
}

/* Metadata styling */
.backroom-entry .metadata {
  margin-bottom: calc(var(--spacing) * 6);
}

.backroom-entry .metadata p {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
}

.backroom-entry .metadata code {
  background-color: var(--color-slate-200);
  padding: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
  border-radius: 0.25rem;
  font-size: var(--text-xs);
}

.backroom-entry .topics span {
  display: inline-block;
  background-color: var(--color-slate-200);
  padding: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
  border-radius: 0.25rem;
  margin-right: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
}