/* Buying guides feed the existing Full explanation view instead of duplicating reviews. */
.guideExplanationIntro{
  max-width:780px;
  margin:4px 0 14px;
  color:#9db4c1;
  font-size:14px;
}
.rankcard .rankExplanation{
  display:block;
  margin-top:7px;
  color:#83e8da;
  font-size:11px;
  font-weight:850;
  letter-spacing:.02em;
  text-transform:none;
}
.rankcard:hover .rankExplanation,
.rankcard:focus-visible .rankExplanation{
  color:#fff;
}
.rankcard:focus-visible{
  outline:3px solid rgba(99,217,242,.55);
  outline-offset:3px;
}
.guideSourceBack{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  margin:0 0 18px 10px;
  padding:8px 12px;
  border:1px solid rgba(93,214,205,.28);
  border-radius:12px;
  background:rgba(62,186,179,.08);
  color:#a8efe2;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.guideSourceBack span{
  color:#8da9b8;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.guideSourceBack:hover{
  border-color:rgba(93,214,205,.48);
  background:rgba(62,186,179,.13);
}
@media(max-width:700px){
  .guideExplanationIntro{font-size:13px}
  .rankcard .rankExplanation{margin-top:4px}
  .guideSourceBack{
    display:flex;
    width:max-content;
    max-width:100%;
    margin:8px 0 16px;
    flex-wrap:wrap;
  }
}
@media(prefers-reduced-motion:reduce){
  .rankcard{transition:none}
}