/* =============================================================
   TEXT.CSS
   -------------------------------------------------------------
   TODO: базовые стили для блока "text" ещё не написаны.
   Текстовый блок по умолчанию наследует body, но лучше
   ограничить ширину и добавить отступы:
   - .text-block { max-width: 900px; margin: 0 auto; padding: 20px 0; }
   - .text-block p { margin-bottom: 15px; line-height: 1.6; }
   ============================================================= */

   /* =============================================================
   TEXT.CSS
   Блок "text": обычный текстовый блок (абзацы, списки внутри текста).
   -------------------------------------------------------------
   Ограничиваем ширину 900px — длинные строки неудобно читать
   во всю ширину 1200px.
   ============================================================= */


/* -------------------------------------------------------------
   КОНТЕЙНЕР ТЕКСТОВОГО БЛОКА
   ------------------------------------------------------------- */
.text-block {
    max-width : 900px;
    margin    : 0 auto;
    padding   : 20px 0;
    font-size : 16px;
    line-height: 1.65;
    color     : #333;
}


/* -------------------------------------------------------------
   АБЗАЦЫ
   ------------------------------------------------------------- */
.text-block p {
    margin-bottom : 15px;
}

.text-block p:last-child {
    margin-bottom : 0;
}


/* -------------------------------------------------------------
   ЗАГОЛОВКИ ВНУТРИ ТЕКСТОВОГО БЛОКА
   ------------------------------------------------------------- */
.text-block h2 {
    font-size     : 24px;
    margin        : 25px 0 15px;
    color         : #222;
}

.text-block h3 {
    font-size     : 20px;
    margin        : 20px 0 12px;
    color         : #222;
}


/* -------------------------------------------------------------
   СПИСКИ ВНУТРИ ТЕКСТОВОГО БЛОКА
   ------------------------------------------------------------- */
.text-block ul,
.text-block ol {
    margin-left   : 25px;
    margin-bottom : 15px;
}

.text-block li {
    margin-bottom : 6px;
}


/* -------------------------------------------------------------
   ССЫЛКИ В ТЕКСТЕ
   ------------------------------------------------------------- */
.text-block a {
    color           : #0984e3;
    text-decoration : underline;
}

.text-block a:hover {
    text-decoration : none;
}