.truckers-radio {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 50;
  width: 250px;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  padding: 18px;
  border: 1px solid #2c4053;
  border-radius: 16px;
  background: #101d2b;
  color: #f2f6fb;
  box-shadow: 0 8px 28px #0005;
  font: 14px/1.4 Arial, sans-serif;
}
.truckers-radio.truckers-radio-inline { position: static; width: 100%; max-width: none; margin-bottom: 20px; box-shadow: none; }
.truckers-radio-heading { display: flex; gap: 12px; align-items: center; }
.truckers-radio-heading > span { font-size: 28px; color: #71d4f0; }
.truckers-radio-heading strong { display: block; font-size: 18px; }
.truckers-radio-heading small { color: #71d4f0; font-size: 10px; letter-spacing: .12em; }
.truckers-radio .truckers-radio-status { color: #b5c6d8; margin: 12px 0; font-size: 12px; }
.truckers-radio .truckers-radio-toggle { display: block; width: 100%; padding: 10px; border: 0; border-radius: 8px; background: #71d4f0; color: #0b1622; font: inherit; font-weight: bold; cursor: pointer; }
.truckers-radio-toggle:focus-visible { outline: 2px solid white; outline-offset: 3px; }
.truckers-radio .truckers-radio-volume { display: flex; align-items: center; gap: 10px; margin-top: 12px; color: #b5c6d8; font-size: 12px; }
.truckers-radio-volume input { min-width: 0; width: 100%; accent-color: #71d4f0; }
@media (max-width: 700px) {
  .truckers-radio { position: static; width: auto; max-width: none; margin: 20px 16px; }
  .truckers-radio.truckers-radio-inline { margin: 0 0 20px; }
}