body {
  font-family: "Yu Gothic", sans-serif;
  background:#f8f9fa;
  margin:20px;
}

h1, h2 {
  text-align:center;
  margin:20px 0;
}

/* カード全体 */
.program-card {
  /* ここで非表示はしない */
  border-radius: 10px;
  padding: 12px;
  margin: 10px auto;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
  max-width: 900px;
  width: 100%;
}

/* 見出し */
.program-card h3 {
  font-size:18px;
  color:#0077cc;
  margin-bottom:8px;
}

.program-card h3 a {
  color:#0077cc;
  text-decoration:none;
}

.program-card h3 a:hover {
  text-decoration:underline;
}

.time {
  background:#0077cc;
  color:#fff;
  padding:2px 6px;
  border-radius:4px;
  font-weight:bold;
  margin-right:10px;
}

/* アナウンサー */
.announcer {
  margin-left:15px;
  font-size:15px;
  line-height:1.7;
}

.announcer a {
  color:inherit;
  text-decoration:none;
  font-weight:bold;
}

.announcer a:hover {
  text-decoration:underline;
}

/* 色分け */
.red { color:red; }
.green { color:green; }
.pink { color:deeppink; }
.purple { color:purple; }

.note {
  font-size:0.85rem;
  color:#555;
  margin-left:15px;
}

hr {
  border:none;
  border-top:2px solid orange;
  margin:12px 0;
}

/* 放送中カードの強調 */
.program-card.highlight {
  background-color: #fff9e6 !important; /* 薄い黄色 */
  border: 3px solid orange !important; /* オレンジ枠 */
  border-radius: 10px !important;
  box-shadow: 0 0 8px rgba(255,165,0,0.5) !important;
}