.article-page{padding-block:var(--space-x-large);position:relative;z-index:1}.article-page .container{max-width:var(--layout-max-width-narrowest)}.article-page__header{margin-bottom:var(--space-x-large)}.article-page__date{display:block;color:var(--colour-text-subtle);margin-bottom:var(--space-medium)}.article-page__download{margin-bottom:0}.article-page__title{margin-bottom:var(--space-default)}.article-page__author{display:flex;align-items:center;gap:var(--space-default);margin-bottom:var(--space-xx-large)}.article-page__author-avatar{flex-shrink:0}.article-page__author-meta{display:flex;flex-direction:column;gap:var(--space-xx-small)}.article-page__author-name{margin:0;color:var(--colour-text-primary)}.article-page__author-role{margin:0;color:var(--colour-text-subtle)}.article-page__cover{margin:0 0 var(--space-xx-large);overflow:hidden}.article-page__cover-image{display:block;width:100%;height:100%;object-fit:contain}.article-page__body{margin-bottom:var(--space-xx-large)}.article-page__nav-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-large);padding-block:var(--space-large);border-top:var(--border-width-default) solid var(--colour-border-subtle)}.article-page__nav-link{display:flex;align-items:center;gap:var(--space-small);color:var(--colour-text-primary);text-decoration:none}.article-page__nav-link--next{margin-left:auto}.article-page__nav-link:hover{color:var(--colour-brand)}.article-page__nav-link:focus-visible{outline:var(--border-width-default) solid var(--colour-focus);outline-offset:var(--space-x-small);border-radius:var(--radius-small)}@media(prefers-reduced-motion:no-preference){.article-page__nav-link{transition:color var(--motion-duration-fast) var(--motion-ease)}}