/* Keep the sentence and field visible in every responsive mode. */
.spw .spw-mobile-context {
  display: block;
  padding: 10px 12px;
  margin: 0 0 10px;
  border: 1px solid hsl(var(--primary) / .2);
  border-radius: 10px;
  background: hsl(var(--primary) / .035);
  max-height: 102px;
  overflow-y: auto;
  overscroll-behavior: contain;
  font-size: 15px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.spw .spw-mobile-context mark {
  background: hsl(var(--primary) / .12);
  color: hsl(var(--primary));
  padding: 1px 4px;
  border-radius: 4px;
  font-weight: 650;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.spw .spw-question { display: flex; margin-bottom: 8px; }
.spw .spw-question h2 { display: block; font-size: 24px; }
@media (max-width: 1023px) {
  .spw .spw-picker-heading { flex-shrink: 0; overflow: visible; }
  .spw .spw-question h2 { font-size: 20px; }
  .spw .spw-question p { display: none; }
  .spw .spw-question .spw-mode { display: block; }
}
@media (max-height: 600px) {
  .spw .spw-mobile-context { max-height: 70px; margin-bottom: 6px; font-size: 14px; }
  .spw .spw-question h2 { font-size: 18px; }
}