main{
    display: flex;
    flex-flow:row nowrap;
    align-items: flex-start;
    gap:2em;
}
#sbr {
    flex:1 1 18em;
}
article.page {
    flex:5 1 46ch;
}

/* _____________________________________________________________________________________


_____________________________________________________________________________________ */

.ext-rsc h5{
    font-size: 1.5em;
    margin-bottom:1em;
}

.ext-rsc .link-list{
    margin:0 0 2em 0;
}

.ext-rsc .link-list li{
    padding:1em;
    background:rgba(0,0,0,0.0375);
    margin:.5em 0;
    border-radius: .25em;
}

.ext-rsc .link-list li h4{
    font-size:.9em;
    font-weight: 700;
}

.ext-rsc .link-list li h4 a::after{
    font-family: boxicons;
    content:"\eb3e";
}

.ext-rsc .link-list li .descr{
    margin-top:.125em;
}
.ext-rsc .link-list li .descr p{
    font-size: .75em;
    line-height: 1.4;
    margin-bottom: .75em;
}

.ext-rsc .link-list li .descr p:last-child{
    margin: 0;
}




/* _____________________________________________________________________________________


_____________________________________________________________________________________ */

.content-boxes{
}

.content-boxes ul.content-list{
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    gap:2em;
}

.content-boxes ul.content-list li.content-item{
    display: flex;
    flex-flow:row nowrap;
    align-items: stretch;
    box-shadow:  -17px 17px 43px #c0c0c0,
                 17px -17px 43px #fafafa;
     border-radius: .5em;
    background: #fff;
}

.content-boxes li.content-item .th{
flex:1 3 20em;
}
.content-boxes li.content-item .th img{
    width:100%;
    height:100%;
    display: block;
    border-radius: .5em 0 0 .5em;
    object-fit: cover;
    object-position: top left;
}
.content-boxes li.content-item .tx{
    display: flex;
    flex-flow: column;
    flex:3 1 46ch;
    padding:1em;
    box-shadow: -20px 0 10px -10px rgba(0,0,0,0.2) ;

}



.content-boxes li.content-item h2{
    flex:0 0 auto;
    font-size:1.3em;
    margin-bottom:.5em;
}
.content-boxes li.content-item .descr{
    flex:1 0 4em;
}
.content-boxes li.content-item .descr p{
    font-size:.85em;
    margin-bottom:.75em;
    line-height: 1.3;
}
.content-boxes li.content-item .ae-btn{
    background-color:var(--color-link);
    color: #fff;
    border-radius: .5em;
    font-size: .85em;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    gap:.5em;
}


/* _____________________________________________________________________________________


_____________________________________________________________________________________ */


@media (max-width: 767px) {

main{
    flex-wrap: wrap;
}

.content-boxes li.content-item .th{
    display: none;
}
.content-boxes li.content-item .tx{
    box-shadow: none;
}

}