.tab-panel > p strong { color: var(--ink); }
.schedule-card { border: 1px solid var(--line); padding: 24px 28px; margin: 20px 0; background: #fff; }
.schedule-card.recommended { border-top: 3px solid var(--gold); }
.schedule-top { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; }
.schedule-top > span { font-size: 11px; color: #fff; background: var(--jade); padding: 5px 9px; border-radius: 2px; }
.schedule-top > b { color: var(--ink); font: 600 17px "Noto Serif SC"; }
.schedule-top > small { color: #8b9691; }
.schedule-time { display: grid; grid-template-columns: 1fr 1.6fr 1fr; align-items: center; margin: 26px 0 18px; }
.schedule-time > div:last-child { text-align: right; }
.schedule-time b { display: block; color: var(--ink); font: 600 30px "Noto Serif SC"; }
.schedule-time small { color: #77847f; }
.schedule-time i { height: 1px; background: var(--line); position: relative; text-align: center; }
.schedule-time i::after { content: "✈"; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; color: var(--gold); padding: 0 10px; }
.schedule-time i span { display: block; transform: translateY(-24px); font-style: normal; font-size: 10px; color: #8b9691; }
.schedule-card > p { margin: 0; color: #65736e; font-size: 13px; line-height: 1.8; }
@media (max-width: 700px) {
  .schedule-card { padding: 20px 16px; }
  .schedule-top { grid-template-columns: auto 1fr; }
  .schedule-top > small { grid-column: 1 / -1; }
  .schedule-time { grid-template-columns: 1fr 1.1fr 1fr; }
  .schedule-time b { font-size: 24px; }
  .schedule-time small { font-size: 10px; }
}