/* карточки разделов — только список главной в <div class="index-list" markdown> (root/index.*.md): селектор
   по любому верхнеуровневому списку делал карточками и обычные списки других страниц */
.md-container .md-content .index-list > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -.35rem;
    list-style: none;
    padding: 0;
}

.md-container .md-content .index-list > ul > li {
    position: relative;
    padding: 1rem;
    width: calc(25% - .7rem);
    background: white;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    font-size: .7rem;
    color: #425D5A;
    margin: .35rem;
}

.md-container .md-content .index-list > ul > li > a {
    color: #425D5A;
    font-size: 1.2rem;
    line-height: 1.4rem;
    display: inline-block;
    font-weight: bold;
    margin-bottom: .2rem;
}

.md-container .md-content .index-list > ul > li:hover {
    background: #FFFBF4;
}

.md-container .md-content .index-list > ul > li a:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
}

.md-content__inner.md-content__inner.md-typeset.md-typeset {
    max-width: 100%;
    margin: 0 .8rem 1.2rem;
}

@media screen and (max-width: 1024px) {
    .md-container .md-content .index-list > ul > li {
        width: calc(50% - .7rem);
    }
}

@media screen and (max-width: 460px) {
    .md-container .md-content .index-list > ul > li {
        width: calc(100% - .7rem);
    }
}