.advisory-block {
  --inline-label-bg: var(--advisory-inline-bg);
  --inline-label-border: var(--advisory-inline-border);

  position: relative;
  overflow: hidden;
  margin: 25px 0;
  padding: 14px 18px;
  border: 1px solid var(--header-bg-border);
  border-radius: 20px;
  background: var(--header-bg);
  transition:
    background-color var(--theme-transition),
    border-color var(--theme-transition);
}

.advisory-block p {
  margin: 0;
  color: var(--content-color);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.75;
}

.advisory-block p + p {
  margin-top: 10px;
}

.advisory-title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin: 0 0 8px;
  color: var(--heading-color);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  white-space: nowrap;
}

.advisory-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: inherit;
}

.note-block .advisory-icon {
  color: var(--accent-color);
}

.caution-block .advisory-icon {
  color: #ffa726;
}