/* Readable labels for this work's static pages. */
:root { --text-muted: #596575; }

.panel h2,
.site-subtitle,
.subpage-back-link,
.character-filter-control span,
.character-sort-button,
.character-mobile-sort-button,
.character-card-meta span,
.character-card-value,
.character-detail-item h3,
.character-name-button:hover,
.character-name-button:focus-visible,
.ad-buy-link {
  color: var(--accent);
}

.ad-buy-link:hover {
  background: var(--accent);
  color: var(--paper-color);
}

@media (max-width: 850px) {
  #cards .character-card-summary--with-value,
  #events .character-card-summary--with-value {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
}