html.bnn-newsapp {
  --newsapp-font-scale: 1;
  font-size: calc(16px * var(--newsapp-font-scale));
}

html.bnn-newsapp body,
html.bnn-newsapp button,
html.bnn-newsapp input,
html.bnn-newsapp select,
html.bnn-newsapp textarea,
html.bnn-newsapp .main-controls,
html.bnn-newsapp #timer,
html.bnn-newsapp #highscores,
html.bnn-newsapp .popup-content,
html.bnn-newsapp .popup-content p,
html.bnn-newsapp .popup-content h3,
html.bnn-newsapp .popup-content label,
html.bnn-newsapp .popup-content input,
html.bnn-newsapp .popup-content button,
html.bnn-newsapp .popup-content nav div,
html.bnn-newsapp header button,
html.bnn-newsapp .back-button {
  font-size: 1rem;
}

.newsapp-testpanel {
  margin: 16px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #f7f7f7;
}

.newsapp-testpanel button {
  padding: 8px 12px;
  border: 1px solid #999;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.newsapp-debug-log {
  margin: 12px 0 0;
  padding: 10px;
  min-height: 120px;
  max-height: 280px;
  overflow: auto;
  background: #111;
  color: #8cff8c;
  border-radius: 8px;
  white-space: pre-wrap;
  font: 12px/1.4 monospace;
}