.cl-scope-note {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-block: 24px;
  padding: 18px 21px;
  border-left: 5px solid #1675ce;
  background: #dfe8ee;
  color: #183047;
}

.cl-scope-note strong {
  flex: 0 0 auto;
  font-size: .76rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.cl-scope-note p {
  max-width: 920px;
  margin: 0;
  color: #465c6d;
  font-size: .84rem;
  line-height: 1.5;
}

@media (max-width: 700px) {
  .cl-scope-note {
    display: block;
    margin-block: 16px;
  }

  .cl-scope-note p {
    margin-top: 8px;
  }
}