/* /tune-in: every place the station lives. Built on /listen's classes (listen.css); this adds only
 * the section heads and the handle line. Deco rules hold (docs/operations/reskin.md): no
 * border-radius, gold is always a gradient, no text below 11px, muted text is --nav. */

.tune-in .tune-in-h {
  font: 500 15px/1 var(--cond);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--nav);
  margin: 36px 0 14px;
}
.tune-in > .listen-where + .tune-in-h { margin-top: 40px; }

.tune-in-handle {
  display: block;
  font: 400 12px/1.4 var(--mono);
  letter-spacing: .04em;
  text-transform: none;
  color: var(--nav);
  margin-top: 4px;
}

.tune-in-feed { font-family: var(--mono); letter-spacing: .02em; text-transform: none; }

@media (min-width: 520px) {
  .tune-in nav[aria-label="Social accounts"] { display: grid; grid-template-columns: 1fr 1fr; }
}