/* календарь безопасных дней: цвета фаз старого сайта заливкой ячеек, на узком экране таблица прокручивается */
.calc-bezopasnyh-dnej {
  overflow-x: auto;
  table { min-width: 40rem; font-size: .8rem; th, td { padding: .2rem .25rem; } td { text-align: center; } }
  ul { list-style: none; padding: 0; margin: 1rem 0 0; }
  li span { display: inline-block; width: 1.5rem; height: 1rem; margin-right: .5rem; vertical-align: middle; border-radius: 3px; }
  [data-phase] { color: #fff; font-weight: 700; }
  [data-phase=menstruation] { background: #d64430; }
  [data-phase=safety] { background: #666; }
  [data-phase=ovul] { background: #ffc20e; color: var(--text); }
  [data-phase=pregnancy2] { background: #da1ae1; }
  [data-phase=pregnancy1] { background: #1a3be1; }
  [data-phase=safety2] { background: #70d146; color: var(--text); }
}