/* Consumption Guidance note, shown under the consumption day on the menu, the meal library and the
   meal detail modal used by Meals Selection and Add Plan.

   It lives in its own file because the modal renders on screens that must not load
   mps-meals-selection.css: that stylesheet carries the menu page's layout, and classes like
   .meals-container, .swiper and .tab-wrapper exist on Meals Selection too, so pulling it in there
   breaks the step layout. */

.consumption-guidance-note {
    /* A span in the meal detail modal, a paragraph on the menu pages: block either way. */
    display: block;
    margin: 12px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: #424242;
}

.consumption-guidance-note__title {
    display: block;
    color: #000;
}

.consumption-guidance-note__highlight {
    color: #009400 !important;
}