.ArticleBanner{margin-bottom:2rem;width:100%}.ArticleBanner img,.ArticleBanner picture{width:100%}.ArticleNav{--arrow-rotate:rotate(90deg);background-color:var(--back-soft-color);border:2px solid var(--accent-color);box-shadow:0 0 12px rgba(0,0,0,.2);display:flex;flex-direction:column;font-size:18px;position:-webkit-sticky;position:sticky;top:2rem}.ArticleNav__header{align-items:center;display:flex;justify-content:space-between;padding:.8rem}.ArticleNav__title{text-transform:uppercase;font-weight:600;padding-top:2px}.ArticleNav__toggler{height:42px;width:42px}.ArticleNav__toggler:before{background-image:url(/resources/img/icons/styled-arrow-tall.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;transform:var(--arrow-rotate);transition:transform .4s;height:26px;width:40px}.ArticleNav__list{display:flex;flex-direction:column;gap:.8em;padding:.8rem;margin-bottom:.8rem}.ArticleNav__list a{display:block}.ArticleNav_mobile{display:none;margin-bottom:1.75rem;position:static}@media only screen and (max-width:1000px){.ArticleNav_mobile{display:flex}}.ArticleNav_mobile .ArticleNav__header{cursor:pointer}.ArticleNav_mobile .ArticleNav__list{display:none}@media only screen and (max-width:1000px){.ArticleNav_common{display:none}}.ArticleNav--active{--arrow-rotate:rotate(0deg)}.ArticleNav--active .ArticleNav__list{display:flex}