/* Процент совместимости. Ставится после расчёта, перед первым текстом.
   Без flex и grid — на старых андроидах они лишние, здесь хватает
   обычного выравнивания по центру. */

.score{
  margin:26px auto 6px;
  max-width:420px;
  text-align:center;
  padding:22px 18px 20px;
  border:1px solid var(--line,#3A2E44);
  border-radius:2px;
  background:rgba(200,155,76,.05);
}
.score-num{
  font-family:var(--disp,Georgia,serif);
  font-size:62px;
  line-height:1;
  color:#C89B4C;
  letter-spacing:-.02em;
}
.score-num span{
  font-size:26px;
  margin-left:2px;
  vertical-align:super;
  letter-spacing:0;
}
.score-cap{
  margin-top:12px;
  font:400 13px/1.55 var(--ui,Arial,sans-serif);
  color:#B9AEC0;
}

@media (max-width:420px){
  .score{margin-top:20px; padding:18px 14px 16px;}
  .score-num{font-size:52px;}
  .score-num span{font-size:22px;}
}

@media print{
  .score{page-break-inside:avoid; break-inside:avoid;}
}