/*
 * i9Startups Authority Explainability
 * R6.3C
 * Mobile-first / non-destructive layer
 */

#authority .i9-explainability {
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid rgba(15, 36, 55, .10);
}

#authority .i9-explainability__title {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .01em;
  color: #15344c;
}

#authority .i9-explainability__reasons {
  margin-top: 7px;
  font-size: 11px;
  line-height: 1.55;
  color: rgba(21, 52, 76, .72);
}

#authority .i9-explainability__verified {
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .02em;
  color: #15344c;
  background: rgba(21, 52, 76, .06);
  border: 1px solid rgba(21, 52, 76, .09);
}

#authority
.i9-explainability--very-high
.i9-explainability__title {
  font-weight: 800;
}

#authority
.i9-explainability--supporting
.i9-explainability__title {
  opacity: .72;
}

#authority
.i9-explainability--supporting
.i9-explainability__reasons {
  opacity: .72;
}

@media (min-width: 768px) {
  #authority .i9-explainability {
    margin-top: 16px;
    padding-top: 14px;
  }

  #authority .i9-explainability__title {
    font-size: 12.5px;
  }

  #authority .i9-explainability__reasons {
    font-size: 11.5px;
  }
}