@charset "utf-8";

/* Radio schedule: dark region selector aligned with the On-air popup header. */
#sch .sch-region-name{color:#286b84}
#sch .sch_region_tabs{position:relative;display:block;clear:both;width:100%;margin:14px 0 0;border:0;background:#263f4a}
#sch .sch_region_tabs ul{display:flex;align-items:stretch;width:100%;margin:0;padding:0;list-style:none}
#sch .sch_region_tabs ul li{flex:1 1 0;min-width:0;margin:0;padding:0;list-style:none}
#sch .sch_region_tabs ul li a{float:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:50px;margin:0;padding:10px 5px;border:0;border-right:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;color:#edf3f5;font-size:16px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
#sch .sch_region_tabs ul li:last-child a{border-right:0}
#sch .sch_region_tabs ul li a:hover{background:#2d4854;color:#fff;text-decoration:none}
#sch .sch_region_tabs ul li a:focus-visible{outline:2px solid #d6e6eb;outline-offset:-3px;background:#2d4854;color:#fff}
#sch .sch_region_tabs ul li.on a{background:linear-gradient(to bottom,#7aa8b2 0,#7aa8b2 3px,#34465e 3px,#34465e 100%);color:#fff;font-weight:800}

/* Compact replay action: icon + label without a heavy boxed button. */
#sch .schedule-replay-btn{float:right;display:inline-flex;align-items:center;gap:6px;min-height:28px;margin:-2px 0 -2px 12px;padding:2px 3px;border:0;border-bottom:1px solid #9bb6bd;border-radius:0;background:transparent;color:#315b66;font-family:inherit;font-size:13px;font-weight:600;line-height:1;letter-spacing:-.025em;cursor:pointer;box-sizing:border-box;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
#sch .schedule-replay-icon{position:relative;display:inline-flex;width:18px;height:18px;flex:0 0 18px;align-items:center;justify-content:center;border-radius:50%;background:#315b66}
#sch .schedule-replay-icon:before{display:block;width:0;height:0;margin-left:2px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid #fff;content:""}
#sch .schedule-replay-btn:hover{border-color:#315b66;background:#f0f5f6;color:#243f4a}
#sch .schedule-replay-btn:focus-visible{outline:2px solid #7aa8b2;outline-offset:2px;border-color:#315b66;background:#f0f5f6;color:#243f4a}

/* Keep each day cell centered, while aligning the weekday to the date's left edge. */
#sch .sch_date .sch-day-date,#sch .sch_date .sch-day-week{box-sizing:border-box;width:82px;max-width:calc(100% - 8px);text-align:left}
#sch .sch_date .sch-day-week{padding-left:6px}

@media(max-width:690px){
  #sch .sch_region_tabs{margin-top:10px}
  #sch .sch_region_tabs ul li a{min-height:46px;padding:9px 2px 8px;font-size:13px;letter-spacing:-.045em}
  #sch .schedule-replay-btn{min-height:26px;margin-left:8px;font-size:12px}
  #sch .schedule-replay-icon{width:17px;height:17px;flex-basis:17px}
  #sch .sch_date .sch-day-date,#sch .sch_date .sch-day-week{width:76px;max-width:calc(100% - 6px)}
  #sch .sch_date{scrollbar-width:none}
  #sch .sch_date::-webkit-scrollbar{display:none}
}