/* SchoolDay v267.8: the meal text on the public page carries formatting now.

   Main, Side and Dessert used to be escaped plain text, so whatever a school
   had typed arrived as one run of characters. They are a small amount of
   sanitised HTML now -- bold, italic, underline, line breaks and lists -- and
   these are the rules that stop that markup arriving with a browser's default
   spacing and pushing the meal box open.

   The value sits inside an existing .meal-line-value or beside a "Main:"
   label, both of which are inline, so the block tags inside it need telling
   not to behave like blocks in the middle of a sentence. */

.meal-rich-v2678 { display: inline-block; vertical-align: top; }

/* A single paragraph -- which is what one line of typed menu text becomes --
   must not add a blank line above and below itself. */
.meal-rich-v2678 p {
  margin: 0;
  display: block;
}
.meal-rich-v2678 p + p { margin-top: .25em; }

.meal-rich-v2678 ul,
.meal-rich-v2678 ol {
  margin: .15em 0 .15em 1.1em;
  padding: 0;
  text-align: left;
}
.meal-rich-v2678 li { margin: 0; }

/* The four things the sanitiser allows, given their meaning explicitly rather
   than relying on a browser default that a reset may already have removed. */
.meal-rich-v2678 strong,
.meal-rich-v2678 b { font-weight: 700; }
.meal-rich-v2678 em,
.meal-rich-v2678 i { font-style: italic; }
.meal-rich-v2678 u { text-decoration: underline; }
.meal-rich-v2678 s { text-decoration: line-through; }

/* Inside the week grid the cell is narrow, so a long menu wraps rather than
   widening the column. */
.public-week-section .meal-rich-v2678,
.meal-line .meal-rich-v2678 {
  max-width: 100%;
  overflow-wrap: anywhere;
}