/* Risk and AI text-fit correction. */
.sharp-risk {
  grid-template-columns: 36px minmax(88px, 1.15fr) 42px 28px minmax(86px, .9fr) 9px !important;
  gap: 5px !important;
}

.sharp-risk__copy strong {
  font-size: clamp(10.8px, 2.85vw, 12px) !important;
}

.sharp-risk em {
  font-size: clamp(7.6px, 2.05vw, 8.8px) !important;
}

.sharp-risk b,
.sharp-risk__protection strong,
.sharp-risk__exposure strong {
  font-size: clamp(12.2px, 3.25vw, 14px) !important;
}

.sharp-risk__exposure {
  padding-left: 6px !important;
}

.sharp-risk__protection {
  padding-left: 8px !important;
}

.sharp-risk__protection em,
.sharp-risk__protection strong {
  padding-left: 9px !important;
}

.sharp-risk__protection .sharp-home-icon {
  width: 24px !important;
  height: 24px !important;
  padding: 5px !important;
}

.sharp-ai__card {
  grid-template-columns: 66px minmax(0, 1fr) 78px !important;
  gap: 7px !important;
}

.sharp-ai__ball {
  width: 56px !important;
  height: 56px !important;
  margin-left: 24px !important;
}

.sharp-ai__copy strong {
  font-size: clamp(13.2px, 3.45vw, 15px) !important;
}

.sharp-ai__copy em {
  font-size: clamp(11.2px, 3vw, 12.5px) !important;
}

.sharp-ai__confidence {
  width: 78px !important;
  height: 56px !important;
  padding: 8px 7px !important;
}

.sharp-ai__confidence em {
  font-size: clamp(8.4px, 2.25vw, 9.2px) !important;
}

.sharp-ai__confidence strong {
  font-size: clamp(19px, 5vw, 21px) !important;
}

@media (max-width: 390px) {
  .sharp-risk {
    grid-template-columns: 34px minmax(82px, 1.12fr) 39px 26px minmax(78px, .88fr) 8px !important;
    gap: 4px !important;
  }

  .sharp-risk__shield {
    width: 34px !important;
    height: 34px !important;
    padding: 6px !important;
  }

  .sharp-risk__copy strong {
    font-size: 10.1px !important;
  }

  .sharp-risk em {
    font-size: 7.15px !important;
  }

  .sharp-risk b,
  .sharp-risk__protection strong,
  .sharp-risk__exposure strong {
    font-size: 11.7px !important;
  }

  .sharp-risk__ring {
    width: 26px !important;
    height: 26px !important;
  }

  .sharp-risk__exposure {
    padding-left: 5px !important;
  }

  .sharp-risk__protection {
    padding-left: 7px !important;
  }

  .sharp-risk__protection em,
  .sharp-risk__protection strong {
    padding-left: 8px !important;
  }

  .sharp-risk__protection .sharp-home-icon {
    width: 22px !important;
    height: 22px !important;
    padding: 4px !important;
  }

  .sharp-ai__card {
    grid-template-columns: 62px minmax(0, 1fr) 74px !important;
    gap: 6px !important;
  }

  .sharp-ai__ball {
    width: 52px !important;
    height: 52px !important;
    margin-left: 22px !important;
  }

  .sharp-ai__copy strong {
    font-size: 12.4px !important;
  }

  .sharp-ai__copy em {
    font-size: 10.8px !important;
  }

  .sharp-ai__confidence {
    width: 74px !important;
    height: 54px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .sharp-ai__confidence em {
    font-size: 7.9px !important;
  }

  .sharp-ai__confidence strong {
    font-size: 18.5px !important;
  }
}
