/**
 * Insurance article rhythm — quotes & tips inside .ttx / article body
 * No bold required; visual hierarchy via plaques.
 */

.ttx blockquote.op-ins-quote,
.article-wrap__content blockquote.op-ins-quote {
  margin: 26px 0;
  padding: 18px 22px 18px 24px;
  border: 0;
  border-left: 4px solid #2380eb;
  border-radius: 0 16px 16px 0;
  background: linear-gradient(135deg, #eef5ff 0%, #f8fbff 100%);
  box-shadow: 0 12px 28px rgba(9, 43, 150, 0.06);
  color: #30485f;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.62;
}

.ttx blockquote.op-ins-quote::before,
.ttx blockquote.op-ins-quote::after,
.article-wrap__content blockquote.op-ins-quote::before,
.article-wrap__content blockquote.op-ins-quote::after {
  content: none !important;
  display: none !important;
}

.ttx blockquote.op-ins-quote p,
.article-wrap__content blockquote.op-ins-quote p {
  margin: 0;
  color: inherit;
  font-weight: 400;
}

.ttx aside.op-ins-note,
.article-wrap__content aside.op-ins-note {
  display: block;
  margin: 22px 0;
  padding: 14px 18px 16px 18px;
  border: 1px solid rgba(35, 128, 235, 0.14);
  border-left: 3px solid #86b7f5;
  border-radius: 0 14px 14px 0;
  background: #f7faff;
  color: #3a5168;
  font-family: Gilroy, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.58;
  box-shadow: 0 8px 20px rgba(9, 43, 150, 0.04);
}

.ttx aside.op-ins-note::before,
.article-wrap__content aside.op-ins-note::before {
  content: attr(data-label);
  display: inline-block;
  margin: 0 0 8px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(35, 128, 235, 0.1);
  color: #0b4fa8;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  line-height: 1.3;
}

.ttx aside.op-ins-note p,
.article-wrap__content aside.op-ins-note p {
  margin: 0;
  color: inherit;
  font-weight: 400;
}

@media (max-width: 767px) {
  .ttx blockquote.op-ins-quote,
  .article-wrap__content blockquote.op-ins-quote {
    margin: 20px 0;
    padding: 14px 16px;
    border-radius: 0 12px 12px 0;
    font-size: 15px;
  }

  .ttx aside.op-ins-note,
  .article-wrap__content aside.op-ins-note {
    margin: 18px 0;
    padding: 12px 14px 14px;
    font-size: 14.5px;
  }
}