.news-directory{grid-template-columns:minmax(0,785px) 240px minmax(360px,544px);gap:56px}
.news-categories h3{margin:0 0 22px;color:rgba(31,111,224,.35);font-size:28px;font-weight:700}
.news-categories button{position:relative;display:block;width:100%;padding:12px 0 12px 18px;border:0;background:transparent;color:#8b9198;text-align:left;font-size:16px;cursor:pointer}
.news-categories button.active{color:#444}
.news-categories button.active:before{position:absolute;left:0;top:17px;border-width:6px 0 6px 8px;border-style:solid;border-color:transparent transparent transparent #9fc3f8;content:""}
@media(max-width:1200px){.news-directory{grid-template-columns:minmax(0,1fr) 220px}.news-preview{grid-column:1/-1}}
@media(max-width:800px){.news-directory{grid-template-columns:1fr}.news-categories{grid-row:1}.news-preview{grid-column:auto}}