.tutor-retention-strip{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px;
  margin:12px 0 4px;
  padding:9px 10px;
  border:1px solid #dbeafe;
  border-radius:11px;
  background:#f8fbff;
  color:#334155;
}
.tutor-retention-strip>span{
  display:flex;
  align-items:center;
  gap:6px;
  color:#1d4ed8;
  font-size:.72rem;
  font-weight:900;
}
.tutor-retention-strip>strong{
  justify-self:end;
  font-size:.72rem;
  color:#475569;
}
.tutor-retention-trend{display:flex;align-items:center;gap:5px}
.tutor-retention-trend i{
  width:10px;height:10px;border-radius:50%;background:#cbd5e1;
}
.tutor-retention-trend i.good{background:#16a34a}
.tutor-retention-trend i.mid{background:#f59e0b}
.tutor-retention-trend i.review{background:#dc2626}
.tutor-retention-report{
  margin-top:18px;
  border:1px solid #bfdbfe;
  border-radius:16px;
  background:#eff6ff;
  padding:16px;
}
.tutor-retention-report span{
  display:block;
  color:#1d4ed8;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.tutor-retention-report strong{
  display:block;
  margin-top:4px;
  color:#0f172a;
  font-size:1rem;
}
.tutor-retention-report p{
  margin:7px 0 0;
  color:#475569;
  line-height:1.5;
}
.tutor-retention-history{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.tutor-retention-history article{
  border-radius:11px;
  background:#fff;
  padding:9px;
  border:1px solid #dbeafe;
}
.tutor-retention-history article.good{border-color:#bbf7d0}
.tutor-retention-history article.mid{border-color:#fde68a}
.tutor-retention-history article.review{border-color:#fecaca}
.tutor-retention-history b{display:block;color:#64748b;font-size:.72rem}
.tutor-retention-history article span{
  margin-top:3px;
  color:#0f172a;
  font-size:.78rem;
  letter-spacing:0;
  text-transform:none;
}
.tutor-retention-history small{color:#64748b;font-size:.68rem}
@media(max-width:720px){
  .tutor-retention-strip{grid-template-columns:1fr auto}
  .tutor-retention-strip>strong{grid-column:1/-1;justify-self:start}
  .tutor-retention-history{grid-template-columns:1fr 1fr}
}