/* ============================================================
   horo.css - раздел "Гороскоп": текст прогноза знака и китайского гороскопа.
   Подключает Client/Common/Html/HoroHtmlHelper из шапки раздела (modules/memax/horo/chrome/ucHeader.ascx).

   Разметку текста (h2.nmHoroSub, p, span.nmHoroDrop) готовит интеграция при импорте прогноза -
   HoroContentHelper в memax.crawlers, сайт отдаёт её из базы как есть.

   Палитра раздела: сливовая, как у шапки гороскопа (#6b2f70).
   ============================================================ */

.nmHoroText {
  max-width: 72ch;
  font-size: 16px;
  line-height: 29px;
  color: #3d3040;
  overflow-wrap: break-word;
}

.nmHoroText p { margin: 0 0 1.15em; }
.nmHoroText p:last-child { margin-bottom: 0; }

/* Буквица: первая буква абзаца, как в книге. */
.nmHoroText .nmHoroDrop {
  float: left;
  margin: 6px 2px 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px;
  line-height: .5;
  color: #6b2f70;
}

/* Подзаголовок раздела прогноза: месяц, неделя, половина недели. */
.nmHoroText .nmHoroSub {
  clear: both;
  margin: 30px 0 14px;
  padding: 14px 0 0 14px;
  border-top: 1px solid #f1e3f2;
  border-left: 3px solid #b77cbb;
  font: 700 18px/1.35 Georgia, "Times New Roman", serif;
  color: #5a2760;
}

.nmHoroText .nmHoroSub:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.nmHoroText .nmHoroSub + p { margin-top: 0; }

@media (max-width: 640px) {
  .nmHoroText { font-size: 17px; line-height: 30px; }

  .nmHoroText .nmHoroDrop { font-size: 38px; }
}