/* Text alternative for the own three-column diagram at narrow widths. */
.my-osoosi-diagram-text { display: none; }
@media (max-width: 760px) {
  .my-osoosi-diagram > .my-image-open { display: none; }
  .my-osoosi-diagram-text { display: block; padding: 1rem; background: #f2ead9; border: 1px solid #c5b391; border-radius: .5rem; }
  .my-osoosi-diagram-text h3 { margin-top: 0; font-size: 1.2rem; }
  .my-osoosi-diagram-text p, .my-osoosi-diagram-text dt, .my-osoosi-diagram-text dd { font-family: sans-serif; font-size: 1rem; line-height: 1.6; }
  .my-osoosi-diagram-text dt { margin-top: 1rem; font-weight: 700; }
  .my-osoosi-diagram-text dd { margin: .25rem 0 1rem; }
}
