body
{
    @include sans-serif-font-family;

    color: $color-text-normal;
    background: $color-background-lightest;
    text-size-adjust: none;

    html[lang="ru"] &
    {
        font-family: Arial, Helvetica, sans-serif;
    }
}

main
{
    word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6,
p,
blockquote,
ul, ol, dl
{
    padding: 0;
    margin: 0;

    font-size: 100%;
}

blockquote
{
    position: relative;

    padding-left: 32px;

    color: $color-text-lighter;

    &::before
    {
        content: "";

        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;

        width: 2px;
        margin: 5px 0 10px;

        background: $color-brand-darker;
    }

    @include for-at-least-normal-tablets
    {
        &::before
        {
            margin: 15px 0 5px;
        }
    }
}

ul, ol
{
    @include block-list;
}

dl
{
    margin-bottom: steps(2);

    &:last-child
    {
        margin-bottom: 0;
    }
}

address
{
    font-style: normal;
}

main h1
{
    @include extra-large-heading;
}

p,
blockquote
{
    @include normal-text;
}

p
{
    &.lead
    {
        @include large-text;
        @include font-dimensions(16px, 24px);
        font-weight: bold;

        @include for-at-least-normal-tablets
        {
            @include font-dimensions(16px, 24px);
            margin-bottom: steps(1);
        }
    }

    &.action
    {
        @include buttons;
    }

    &.note
    {
        @include alternative-text;

        &.alert
        {
            color: $color-alert;
        }
    }

    &.footnote
    {
        @include extra-small-text;

        margin-top: steps(1);

        color: $color-text-lighter;

        small
        {
            font-size: 100%;
        }
    }

    &.warning-notice,
    &.failure-notice
    {
        @include normal-heading;

        margin: 0;

        @include for-at-least-normal-tablets
        {
            max-width: steps(70);
            margin: steps(4) auto steps(1);
        }
    }

    &.failure-notice
    {
        color: $color-brand-normal;
    }
}

.richtext
{
    @include richtext;
}
