* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; width: 100%; min-height: 100%; }
body {
  background: #101018;
  color: #f1e6c8;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
}
a { color: inherit; text-decoration: none; }
button { font-family: Arial, Helvetica, sans-serif; }
.focused, a:focus, button:focus {
  outline: none;
  border-color: #ffffff !important;
  box-shadow: 0 0 0 4px #ffb84d !important;
}
.clearfix:after { content: ""; display: table; clear: both; }

/* Accent fallbacks for old browsers. CSS variables are intentionally avoided. */
.color-amber .accent-text, .color-amber .station-name, .color-amber .panel-head h1 { color: #ffb84d; }
.color-violet .accent-text, .color-violet .station-name, .color-violet .panel-head h1 { color: #c09aff; }
.color-red .accent-text, .color-red .station-name, .color-red .panel-head h1 { color: #ff796b; }
.color-blue .accent-text, .color-blue .station-name, .color-blue .panel-head h1 { color: #83caff; }
.color-green .accent-text, .color-green .station-name, .color-green .panel-head h1 { color: #8de0b4; }
.color-gold .accent-text, .color-gold .station-name, .color-gold .panel-head h1 { color: #ffd36f; }