/*
 * SPDX-License-Identifier: LicenseRef-FluxTuner-Web-NC
 */

/* Result lists, station cards and responsive behavior. */

.results {
  display: grid;
  gap: 0.85rem;
  margin-top: 1rem;
}

.station-card {
  display: grid;
  gap: 0.9rem;
  border: 1px solid var(--border-soft);
  border-radius: 1.2rem;
  padding: 1rem;
  background: rgba(3, 7, 18, 0.22);
}

.station-card header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}

.station-card h3 { font-size: 1.05rem; }

.station-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  color: var(--muted);
  font-size: 0.88rem;
}

.station-meta span {
  border: 1px solid rgba(155, 180, 206, 0.18);
  border-radius: 999px;
  padding: 0.18rem 0.52rem;
  background: rgba(255, 255, 255, 0.035);
}

@media (max-width: 42rem) {
  .station-card header {
    display: grid;
    align-items: start;
    justify-content: stretch;
  }
}

html[data-theme="light"] .station-card {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(14, 116, 144, 0.22) !important;
}

html[data-theme="light"] .station-meta,
html[data-theme="light"] .station-tags {
  color: #334155 !important;
}

html[data-theme="light"] .station-meta span {
  color: #334155 !important;
  border-color: rgba(51, 65, 85, 0.18) !important;
  background: rgba(226, 232, 240, 0.72) !important;
}