.is-hidden { display: none !important; }
.is-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.has-modal-open { overflow: hidden; }

.is-invalid { --input-border: 1px solid #c2557f; }
.is-invalid:focus { box-shadow: 0 0 0 4px rgba(194, 85, 127, 0.22); }

.is-muted { color: var(--silverblue); }
.is-emphasis { color: var(--plum); font-weight: 700; }

.masthead-bar__count.is-live {
  background: var(--lilac-glow);
  box-shadow: 0 0 12px var(--halo);
}

.reader-question__a { will-change: max-height; }

@media (max-width: 768px) {
  .is-desktop-only { display: none !important; }
}