/* permanentunderclass.me — brutalist sans-serif, hard left.
   White text on light gray. No gradients, no shadows, no rounding. */

html, body {
  margin: 0;
  padding: 0;
  background: #bfbfbf;
  color: #ffffff;
  font: 0.95rem/1.55 Helvetica, "Helvetica Neue", Arial, sans-serif;
}

main {
  max-width: 64ch;
  padding: 2rem;
}

h1 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
}

p {
  margin: 0.4rem 0;
}

.controls {
  margin: 0 0 1.5rem 0;
}

button#play {
  background: transparent;
  color: #ffffff;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}

button#play:hover {
  outline: none;
  text-decoration: underline;
}

button#play:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
  text-decoration: underline;
}

.onair {
  margin-left: 1.5rem;
  letter-spacing: 0.05em;
}

.dot {
  display: inline-block;
}

.dot-on {
  color: #ffffff;
  animation: pulse 2s ease-in-out infinite alternate;
}

.dot-off {
  color: #7a7a7a;
  animation: none;
}

@keyframes pulse {
  from { opacity: 1.0; }
  to   { opacity: 0.4; }
}

@media (prefers-reduced-motion: reduce) {
  .dot-on { animation: none; }
}

blockquote {
  margin: 0.4rem 0 1rem 0;
  padding-left: 1.5rem;
  font-style: normal;
}

.muted {
  color: #d8d8d8;
  margin-top: 2rem;
}

a, a:visited {
  color: #ffffff;
  text-decoration: underline;
}