.article,.article-index{--psta-measure:40rem;max-width:1080px;padding:var(--psta-space-2xl) var(--psta-space-xl) var(--psta-space-3xl);gap:var(--psta-space-3xl);margin:0 auto;display:grid}.article__header,.article__illustration,.article__body,.article__cta,.article__embed{max-width:var(--psta-measure)}.article__header{gap:var(--psta-space-lg);display:grid}.article__meta{align-items:center;gap:var(--psta-space-sm);flex-wrap:wrap;display:flex}.article__title{font-family:var(--psta-font-body);font-size:var(--psta-size-display-md);line-height:var(--psta-leading-display-md);letter-spacing:var(--psta-tracking-display-md);color:var(--psta-text-display);max-width:20ch;margin:0;font-weight:400}.article__standfirst{font-family:var(--psta-font-body);font-size:var(--psta-size-heading);line-height:var(--psta-leading-subheading);color:var(--psta-text-secondary);margin:0}.article__illustration{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--psta-border);border-radius:var(--psta-radius-card);width:100%;display:block}.article__body{gap:var(--psta-space-lg);display:grid}.article__body h2{font-family:var(--psta-font-body);font-size:var(--psta-size-heading);line-height:var(--psta-leading-heading);letter-spacing:var(--psta-tracking-heading);color:var(--psta-text-display);margin:var(--psta-space-2xl) 0 0;font-weight:600}.article__body h3{font-family:var(--psta-font-body);font-size:1.25rem;line-height:var(--psta-leading-subheading);color:var(--psta-text-display);margin:0;font-weight:600}.article__body p{font-family:var(--psta-font-serif);color:var(--psta-text-primary);margin:0;font-size:1.25rem;line-height:1.65}.article__body ol,.article__body ul{gap:var(--psta-space-sm);padding-left:var(--psta-space-lg);margin:0;display:grid}.article__body li{font-family:var(--psta-font-serif);color:var(--psta-text-primary);font-size:1.25rem;line-height:1.65}.article__body mark{background:var(--psta-accent-subtle);color:inherit;border-radius:var(--psta-radius-technical);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 -.04em;padding:.12em .18em}.article__body strong{color:var(--psta-text-display);font-weight:500}.article__faq-item{gap:var(--psta-space-xs);display:grid}.article__pullquote{margin:var(--psta-space-xl) 0;padding-left:var(--psta-space-lg);border-left:2px solid var(--psta-accent);font-family:var(--psta-font-body);font-size:var(--psta-size-heading);line-height:var(--psta-leading-subheading);color:var(--psta-text-display)}.article__cta{gap:var(--psta-space-md);padding-top:var(--psta-space-lg);border-top:1px solid var(--psta-border);justify-items:start;display:grid}.article__cta-buttons{align-items:flex-start;gap:var(--psta-space-md);flex-wrap:wrap;display:flex}.article__embed{border:none;width:100%;min-height:30rem}.article-index__list{gap:var(--psta-space-2xl) var(--psta-space-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));margin:0;padding:0;list-style:none;display:grid}.article-index__item{display:grid}.article-index__card{gap:var(--psta-space-md);color:inherit;text-decoration:none;display:grid}.article-index__image{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--psta-border);border-radius:var(--psta-radius-card);width:100%;transition:border-color var(--psta-duration-micro) var(--psta-ease);display:block}.article-index__card:hover .article-index__image{border-color:var(--psta-border-visible)}.article-index__text{gap:var(--psta-space-xs);display:grid}.article-index__item h2{font-family:var(--psta-font-body);font-size:var(--psta-size-subheading);line-height:var(--psta-leading-subheading);color:var(--psta-text-display);transition:color var(--psta-duration-micro) var(--psta-ease);margin:0;font-weight:500}.article-index__card:hover h2{color:var(--psta-accent)}.article-index__item p{font-family:var(--psta-font-body);font-size:var(--psta-size-body-sm);line-height:var(--psta-leading-body-sm);color:var(--psta-text-secondary);margin:0}.article a.psta-link,.article-index a.psta-link{color:var(--psta-text-primary);border-bottom:1px solid var(--psta-border-visible);text-decoration:none}.article a.psta-link:hover,.article-index a.psta-link:hover{border-color:var(--psta-text-primary)}
