/* Release C: restrained editorial callouts for article and dictionary prose */
.kami-detail-page .kami-detail-prose .kami-callout {
  margin: 32px 0;
  padding: 22px 24px;
  color: var(--kami-ink);
  background: #f7fafb;
  border: 1px solid var(--kami-border);
  border-left-width: 5px;
  border-radius: 0 18px 18px 0;
}

.kami-detail-page .kami-detail-prose .kami-callout > :last-child {
  margin-bottom: 0;
}

.kami-detail-page .kami-detail-prose .kami-callout__title {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.4;
}

.kami-detail-page .kami-detail-prose .kami-callout__title strong {
  color: inherit;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.kami-detail-page .kami-detail-prose .kami-callout--important {
  color: #653200;
  background: #fff8e8;
  border-color: #f4c46f;
  border-left-color: var(--kami-brand-orange);
}

.kami-detail-page .kami-detail-prose .kami-callout--practical {
  color: #064a70;
  background: #f0f9fd;
  border-color: var(--kami-border-blue);
  border-left-color: var(--kami-blue-deep);
}

.kami-detail-page .kami-detail-prose .kami-callout--boundary {
  color: #702b1c;
  background: #fff3ef;
  border-color: #efb5a7;
  border-left-color: #b5472d;
}

@media (max-width: 560px) {
  .kami-detail-page .kami-detail-prose .kami-callout {
    margin: 26px 0;
    padding: 18px;
    border-radius: 0 15px 15px 0;
  }
}