.article-page__header{max-width:1000rem;padding-top:72rem;padding-bottom:34rem}
.article-page__header h1{max-width:900rem}
.article-page__meta{display:flex;align-items:center;gap:20rem;margin-top:18rem;color:var(--color-muted);font-size:14rem}
.article-page__meta a{color:var(--color-primary-dark);font-weight:700;text-underline-offset:4px}
.article-page__cover{margin:28rem 0 0;overflow:hidden;border-radius:6rem;aspect-ratio:16/8}
.article-page__cover picture,.article-page__cover img{display:block;width:100%;height:100%;object-fit:cover}
.article-page__body{max-width:820rem;padding-top:16rem;padding-bottom:48rem;font-size:19rem;line-height:1.7}
.article-page__body h2{font-size:30rem;margin:36rem 0 12rem;line-height:1.2}
.article-page__body h3{font-size:23rem;margin:28rem 0 10rem}
.article-page__body p{margin:16rem 0}
.article-page__body img{max-width:100%;height:auto;border-radius:4rem}
.article-page__body ul,.article-page__body ol{padding-left:24rem}
.article-page__footer{max-width:820rem;padding-top:28rem;padding-bottom:60rem;border-top:1px solid var(--color-border)}
.article-page__footer section{margin-bottom:30rem}
.article-page__footer details{padding:14rem 0;border-bottom:1px solid var(--color-border)}
.article-page__footer summary{cursor:pointer;font-weight:700}
.article-page__all{display:inline-block;margin-top:24rem;color:var(--color-primary-dark);font-weight:700;text-underline-offset:4px}
@media(max-width:600px){.article-page__header{padding-top:42rem;padding-bottom:24rem}.article-page__body{font-size:17rem}.article-page__body h2{font-size:25rem}}