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