.article{flex-direction:column;align-items:flex-start;display:flex}@media (min-width:769px){.article{flex-direction:row}}@media (min-width:769px){.article__content{order:0}}.article__content{flex:1 1 0;order:1}@media (min-width:769px){.article__content{order:0}}.article__navigation{flex-wrap:wrap;order:0;margin:0 0 15px;display:flex}@media (min-width:769px){.article__navigation{flex-grow:0;flex-shrink:0;order:1;width:250px;margin:0 0 0 30px;display:block}}@media (min-width:1025px){.article__navigation{width:335px}}.article__navigation-link{color:#1e1818;background:#f7f7f7;border-radius:4px;margin:0 5px 5px 0;padding:10px 15px;font-weight:500;line-height:20px;transition:background-color .2s ease-out;display:block}.article__navigation-link:hover,.article__navigation-link:focus{color:#1e1818;background:#eaeaea;text-decoration:none}.article__navigation-link:active{color:#1e1818;background:#dedede}.article__navigation-link.is-active{color:#fff;background:#404046}@media (min-width:769px){.article__navigation-link{margin:0 0 5px;padding:14px 20px}}.article__title{margin:0 0 22px;padding:0;font-size:18px;font-weight:500}@media (min-width:481px){.article__title{margin:0 0 35px;font-size:30px;font-weight:600}}.article__image-container{border-radius:4px;width:100%;height:167px;margin:0 0 25px;padding:0;overflow:hidden}@media (min-width:481px){.article__image-container{height:340px;margin:0 0 45px}}.article__image{object-fit:cover;width:100%;height:100%;display:block}.article__body{font-weight:500;line-height:1.7}