/* Home Team's panel shape and typography, using the viewer's profile accent. */
.home-team-row #homeTeamChannels {margin-inline:auto;}
.home-dashboard > .home-team-row {
  box-sizing:border-box;width:min(100%,666px);justify-self:center;
}
@media(max-width:700px) {
  .home-dashboard > .home-team-row {width:min(100%,305px);}
  .home-team-row > header {flex-wrap:wrap;gap:12px;}
  .home-team-row > header > span {max-width:none;text-align:left;}
}
#homeWeather.home-feature-panel,
.home-dashboard > .home-week.home-feature-panel {
  --text:#fff;
  --muted:#c9c5c6;
  box-sizing:border-box;
  position:relative;
  width:100%;
  min-width:0;
  max-width:100%;
  margin:0;
  padding:20px;
  overflow:hidden;
  border:2px solid var(--accent);
  border-radius:22px;
  background:radial-gradient(circle at 92% 8%,rgba(var(--accent-rgb),.2),transparent 30%),linear-gradient(145deg,#231f20,#080808 72%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 45px rgba(0,0,0,.28);
  color:var(--text);
}
.home-week.home-feature-panel::before {content:none;}
#homeWeather.home-feature-panel > header,
.home-feature-panel .calendar-hero {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0 2px 16px;padding:0;
}
#homeWeather.home-feature-panel header > div,
.home-feature-panel .calendar-hero > div {min-width:0;}
#homeWeather.home-feature-panel h2,
.home-feature-panel .calendar-hero h2 {
  margin:5px 0 0;color:#fff;
  font:800 clamp(24px,2.4vw,34px)/1.05 Manrope,sans-serif;
  letter-spacing:-.025em;text-transform:uppercase;
}
#homeWeather.home-feature-panel header small,
.home-feature-panel .calendar-hero p {
  margin:0;color:var(--accent);
  font:900 9px/1.2 "DM Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase;
}
.home-feature-panel .calendar-hero #calendarStatus {color:var(--muted);font-size:11px;line-height:1.5;}
#homeWeather.home-feature-panel [data-weather-refresh],
.home-feature-panel .home-panel-toggle,
.home-feature-panel #calendarRefresh {
  flex-shrink:0;min-width:0;min-height:38px;height:auto;padding:9px 14px;
  border:1px solid rgba(var(--accent-rgb),.4);border-radius:12px;
  background:rgba(255,255,255,.07);color:#fff;
}
#homeWeather.home-feature-panel [data-weather-refresh]:hover,
#homeWeather.home-feature-panel [data-weather-refresh]:focus-visible,
.home-feature-panel .home-panel-toggle:hover,
.home-feature-panel .home-panel-toggle:focus-visible,
.home-feature-panel #calendarRefresh:hover,
.home-feature-panel #calendarRefresh:focus-visible {
  border-color:var(--accent);background:rgba(var(--accent-rgb),.18);
  box-shadow:0 0 0 2px rgba(var(--accent-rgb),.18);
}
#homeWeather.home-feature-panel .weather-day,
.home-week.home-feature-panel .calendar-month-panel,
.home-week.home-feature-panel .calendar-agenda {
  min-width:0;border:1px solid rgba(var(--accent-rgb),.34);border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(35,31,32,.72));
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;
}
#homeWeather.home-feature-panel .weather-symbol {color:var(--accent);}
#homeWeather.home-feature-panel .weather-condition {color:#fff;}
#homeWeather.home-feature-panel .weather-unit,
#homeWeather.home-feature-panel .weather-now > small,
#homeWeather.home-feature-panel .weather-day-condition,
#homeWeather.home-feature-panel .weather-day small,
#homeWeather.home-feature-panel footer {color:var(--muted);}
#homeWeather.home-feature-panel footer a {color:var(--accent);}
.home-feature-panel .calendar-layout {grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);}
.home-feature-panel .calendar-agenda-heading h2 {color:#fff;}
.home-feature-panel .calendar-actions {display:flex;width:auto;flex-shrink:0;}
html .home-week.home-feature-panel .espn-day-grid .espn-day,
html .home-week.home-feature-panel .calendar-event,
html .home-week.home-feature-panel .espn-league-filters button {
  border-color:rgba(var(--accent-rgb),.24);background:rgba(255,255,255,.05);color:#fff;
}
html .home-week.home-feature-panel .espn-day-grid .espn-day.is-selected,
html .home-week.home-feature-panel .calendar-event.is-live {
  border-color:var(--accent);background:rgba(var(--accent-rgb),.15);
}
html .home-week.home-feature-panel .espn-league-filters button.is-active,
html .home-week.home-feature-panel .espn-league-filters button:hover,
html .home-week.home-feature-panel .espn-league-filters button:focus-visible {
  border-color:var(--accent);background:var(--accent);
}
html .home-week.home-feature-panel .calendar-event > time {border-color:rgba(var(--accent-rgb),.24);background:rgba(255,255,255,.06);}
html .home-week.home-feature-panel .calendar-event small,
html .home-week.home-feature-panel .calendar-day > small,
html .home-week.home-feature-panel .calendar-loading {color:var(--muted);}
.home-feature-panel .espn-league-filters button.is-active,
.home-feature-panel .espn-league-filters button:hover,
.home-feature-panel .espn-day.is-today > span {color:var(--accent-contrast,#fff);}
@media(max-width:850px) {
  .home-feature-panel .calendar-layout {display:grid;grid-template-columns:minmax(0,1fr);}
  .home-feature-panel .calendar-agenda {margin-top:0;}
}
@media(max-width:700px) {
  #homeWeather.home-feature-panel,.home-dashboard > .home-week.home-feature-panel {padding:14px;}
  #homeWeather.home-feature-panel > header,.home-feature-panel .calendar-hero {align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:12px;}
  #homeWeather.home-feature-panel > header > div {flex:1 1 200px;}
  .home-feature-panel .calendar-hero > div:first-child {flex:1 1 230px;}
  .home-feature-panel .calendar-actions {display:flex!important;width:auto!important;}
  #homeWeather.home-feature-panel .weather-days {gap:5px;}
  #homeWeather.home-feature-panel .weather-day {border-radius:11px;}
  .home-week.home-feature-panel .espn-league-filters {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;overflow:visible;}
  .home-week.home-feature-panel .espn-league-filters button {min-width:0;width:100%;padding:0 5px;}
  .home-week.home-feature-panel .espn-day-grid {grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;width:100%;overflow:visible;}
  .home-week.home-feature-panel .espn-day-grid .espn-day {min-width:0;width:auto;padding:5px 1px;border-radius:9px;}
  .home-week.home-feature-panel .espn-day-grid .espn-day > span {font-size:18px;}
  .home-week.home-feature-panel .espn-day-grid .espn-day > small {font-size:6px;}
  .home-week.home-feature-panel .espn-day-grid .espn-day > b {font-size:6px;}
}
@media(max-width:600px) {
  #homeWeather.home-feature-panel {margin-top:48px;}
}
.home-feature-panel .home-panel-actions,
.home-feature-panel .calendar-actions {display:flex;flex-wrap:wrap;gap:8px;}
#homeWeather.home-feature-panel > header > .home-panel-actions {flex:0 1 auto;}
#homeWeather.home-feature-panel.is-collapsed,
.home-dashboard > .home-week.home-feature-panel.is-collapsed {
  width:min(100%,760px);justify-self:center;
}
#homeWeather.is-collapsed .weather-days,
.home-week.is-collapsed .calendar-month-panel {display:none;}
#homeWeather.is-collapsed [data-weather-body] {grid-template-columns:minmax(0,1fr);min-height:0;gap:0;}
#homeWeather.is-collapsed .weather-now {display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 16px;align-items:center;}
#homeWeather.is-collapsed .weather-current {grid-row:1/3;}
#homeWeather.is-collapsed .weather-now > small {grid-column:2;margin-top:0;}
.home-week.is-collapsed .calendar-layout {grid-template-columns:minmax(0,1fr);}
.home-week.is-collapsed .calendar-agenda {margin-top:0;}
.home-week.home-feature-panel .espn-catalog-fallback {grid-template-columns:44px minmax(0,1fr);gap:12px;}
.home-week.home-feature-panel .espn-catalog-mark {width:44px;}
.home-week.home-feature-panel .espn-catalog-fallback > span:last-child {padding-left:0;}
#homeWeather.home-feature-panel [data-weather-refresh],
.home-feature-panel #calendarRefresh {
  display:inline-grid;place-items:center;flex:0 0 40px;
  width:40px;height:40px;min-width:40px;padding:0;
}
#homeWeather.home-feature-panel [data-weather-refresh] svg,
.home-feature-panel #calendarRefresh svg {
  width:18px;height:18px;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
@media(max-width:480px) {
  #homeWeather.is-collapsed .weather-current {gap:8px;}
  #homeWeather.is-collapsed .weather-current > strong {font-size:32px;}
  #homeWeather.is-collapsed .weather-current .weather-symbol {width:30px;height:30px;}
}