/* Consistent article notices and readable review labels on every hero color. */
body .article-notice {
  box-sizing: border-box;
  display: block;
  max-width: 100%;
  margin: 16px 0 20px;
  padding: 12px 16px;
  border: 1px solid #d9e1e7;
  border-left: 4px solid #557386;
  border-radius: 5px;
  background: #f3f6f8;
  color: #334b5b;
  font: 400 0.85rem/1.6 'DM Sans', system-ui, sans-serif;
  letter-spacing: normal;
  text-transform: none;
  text-align: left;
  overflow-wrap: anywhere;
  opacity: 1;
}
body .article-notice strong { color: inherit; font-weight: 700; }
body .article-notice--clinical { background: #fff8e9; color: #594723; border-color: #eadfc5; border-left-color: #b8811d; }
body .article-notice--mixed { background: #f1f5fb; color: #344b6a; border-color: #d7e1ee; border-left-color: #57779d; }
body .article-notice--educational { background: #edf6f3; color: #305348; border-color: #cfe3da; border-left-color: #4b8572; }
body .last-reviewed.article-review-date {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  padding: 5px 10px;
  margin: 12px 0 4px;
  border: 1px solid #d6dfe5;
  border-radius: 4px;
  background: #f4f7f9;
  color: #3a4d59;
  font: 500 0.8125rem/1.5 'DM Sans', system-ui, sans-serif;
  letter-spacing: normal;
  text-transform: none;
  text-shadow: none;
  opacity: 1;
}
@media screen and (max-width: 600px) {
  body .article-notice { padding: 11px 13px; }
}
@media print {
  body .article-notice { break-inside: avoid; }
}