/* Compact Today composition. Visual-only overrides keep dashboard behavior in its feature module. */
.today.todayExperience{
  min-height:210px;
  padding:14px 12px 11px;
  background-position:58% center;
}
.todayExperience .todayHeroCopy{
  min-height:99px;
}
.todayExperience .date{
  margin-top:5px;
  font-size:22px;
  line-height:1.06;
}
.todayWeather{
  gap:6px;
  margin-top:8px;
  font-size:10.5px;
}
.todayWeatherIcon{
  font-size:17px;
}
.todayStats{
  gap:7px;
}
.todayExperience .todayStat{
  min-height:72px;
  grid-template-columns:31px minmax(0,1fr) 9px;
  gap:7px;
  padding:8px 7px;
  border-radius:15px;
}
.todayStatIcon{
  width:31px;
  height:31px;
}
.todayStatIcon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.todayStatCopy b{
  font-size:10.5px;
}
.todayStatCopy small{
  margin-top:2px;
  font-size:7.75px;
}
.todayArrow{
  font-size:16px;
}
@media(max-width:390px){
  .today.todayExperience{
    min-height:202px;
    padding:13px 11px 10px;
    background-position:60% center;
  }
  .todayExperience .todayHeroCopy{
    min-height:94px;
  }
  .todayExperience .date{
    font-size:20px;
  }
  .todayWeather{
    margin-top:7px;
    font-size:10px;
  }
  .todayExperience .todayStat{
    min-height:68px;
    grid-template-columns:28px minmax(0,1fr) 8px;
    gap:6px;
    padding:7px 6px;
  }
  .todayStatIcon{
    width:28px;
    height:28px;
  }
  .todayStatIcon svg{
    width:16px;
    height:16px;
  }
  .todayStatCopy b{
    font-size:9.25px;
  }
  .todayStatCopy small{
    font-size:7.25px;
  }
}