/* v0.9.22 – hero note: the decorative marker has its own column. */
#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-note {
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  grid-template-areas:"mark title" "body body" !important;
  column-gap:8px !important;
  row-gap:12px !important;
}
#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-note > span {
  grid-area:mark !important;
  align-self:start !important;
  display:block !important;
  width:34px !important;
  margin:0 !important;
  line-height:1 !important;
  transform:rotate(-10deg) !important;
}
#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-note p {
  grid-area:title !important;
  align-self:center !important;
  min-width:0 !important;
  margin:0 !important;
}
#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-note b {
  grid-area:body !important;
  margin:0 !important;
}