/* Event ticket price and break-even calculator (views/event-break-even.cjs, built on the calculator kit). The page
 * needs no styles of its own except these two, both because of the scenario table under the form:
 * 1. The result panel is sticky (tools.css) and its sticky range is the whole calculator grid, table row included, so
 *    on a wide screen it slid over the right-hand columns of the table (the result column) while the page was
 *    scrolled. On this page the result stays where it is: the form is about one screen tall, so it remains in view.
 * 2. Text breaks anywhere inside #visu-tools, so on a phone a one-word column header ("Attendance", "Asistencia") was
 *    cut into three-letter lines. Headers keep their words whole; the table scrolls sideways inside its own frame. */
#visu-tools.vt-event-break-even .vt-calc .vt-out { position: static; }
#visu-tools.vt-event-break-even .vt-calc-wide thead th { overflow-wrap: normal; }
@media (max-width: 600px) {
  /* on a phone the scenario name may take two lines, so the numbers start sooner */
  #visu-tools.vt-event-break-even .vt-calc-wide tbody th { white-space: normal; overflow-wrap: normal; min-width: 104px; }
}