.cl-scope-note {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-block: 24px;
  padding: 18px 21px;
  border-left: 5px solid var(--vf-blue);
  background: var(--vf-bg);
  color: var(--vf-ink);
}

.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: var(--vf-mute);
  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;
  }
}