/* PANORAMA - estimated speed averages by class (no false precision) */
.estimated-speed-summary{
  margin:12px 13px;
  padding:15px 16px 13px;
  border:1px solid rgba(103,216,210,.14);
  border-radius:12px;
  color:#e4eff0;
  background:linear-gradient(128deg,rgba(9,27,31,.98),rgba(9,15,23,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.estimated-speed-summary header{display:grid;gap:4px;margin-bottom:14px}
.estimated-speed-kicker{
  font:750 9px/1.4 ui-monospace,monospace;
  color:#78babb;letter-spacing:.09em;
}
.estimated-speed-summary header>strong{
  color:#ecf5f4;
  font-size:15px;line-height:1.25;
  font-weight:750;letter-spacing:-.02em;
}
.estimated-speed-summary header>small{
  color:#7e9ca5;
  font:500 10px/1.4 ui-monospace,monospace;
}
.estimated-speed-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.estimated-speed-item{
  min-width:0;
  padding:12px 9px;
  display:flex;flex-direction:column;
  align-items:flex-start;
  gap:4px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.02);
  border-radius:9px;
}
.estimated-speed-item>span{
  font-size:10px;color:#a0b6bc;
  line-height:1.2;font-weight:650;
}
.estimated-speed-item>strong{
  color:#effbf9;
  font:800 25px/1.1 ui-monospace,monospace;
  font-variant-numeric:tabular-nums;
}
.estimated-speed-item>em{
  color:#76d8ce;font:650 9px/1.3 ui-monospace,monospace;
  font-style:normal;
}
.estimated-speed-item>small{
  color:#708991;font:500 8px/1.3 ui-monospace,monospace;
}
.estimated-speed-note{
  margin:13px 0 0;
  padding-top:10px;
  color:#91abb0;
  border-top:1px solid rgba(255,255,255,.065);
  font:550 10px/1.5 ui-monospace,monospace;
}
.estimated-speed-empty{
  margin:0;padding:8px 0;
  color:#9eb5be;
  font:500 11px/1.5 ui-monospace,monospace;
}
.estimated-speed-summary[data-state=error]{border-color:rgba(232,207,121,.25)}
.estimated-speed-summary[data-state=empty]{opacity:.78}
#estimatedSpeedEagle{
  margin:8px 10px 12px;padding:12px;
}
#estimatedSpeedEagle .estimated-speed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#estimatedSpeedEagle .estimated-speed-item>strong{font-size:19px}
#estimatedSpeedEagle .estimated-speed-item{padding:10px 8px}
#estimatedSpeedBook{
  margin:13px 10px 14px;
}
@media(max-width:900px){
 .estimated-speed-summary{padding:13px 12px}
 .estimated-speed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .estimated-speed-item>span{font-size:10px}
 .estimated-speed-item>strong{font-size:21px}
 #estimatedSpeedEagle{grid-column:1 / -1!important}
 .estimated-speed-summary header>strong{font-size:14px}
}

/* Mobile: show six class averages in normal scroll flow, after aforo. */
#estimatedSpeedMobile{display:none}
@media(max-width:900px){
 body[data-view="video"] #estimatedSpeedMobile{
   display:block!important;
   position:relative!important;
   width:100%!important;
   margin:9px 0 0!important;
   padding:13px!important;
   border-radius:12px!important;
 }
 #estimatedSpeedMobile .estimated-speed-grid{
   display:grid!important;
   grid-template-columns:repeat(3,minmax(0,1fr));
   gap:6px!important;
 }
 #estimatedSpeedMobile .estimated-speed-item{
   padding:9px 6px!important;
   min-height:75px;
 }
 #estimatedSpeedMobile .estimated-speed-item>span{
   font-size:9px;min-height:22px;
 }
 #estimatedSpeedMobile .estimated-speed-item>strong{font-size:19px}
 #estimatedSpeedMobile .estimated-speed-item>em{font-size:8px}
 #estimatedSpeedMobile .estimated-speed-item>small{font-size:7px}
 #estimatedSpeedMobile .estimated-speed-note{
   font-size:9px!important;
 }
}
@media(max-width:360px){
 #estimatedSpeedMobile .estimated-speed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}