@layer components{.activity-detail{--stack-space:var(--space-l);& .activity-detail__back a{font-size:var(--size-step--1);text-decoration:none;&:hover{text-decoration:underline}}& .activity-detail__header{--stack-space:var(--space-2xs)}& .activity-detail__date{color:var(--color-text-muted);font-size:var(--size-step--1);text-transform:lowercase}& .activity-detail__lead{margin-block-start:var(--space-2xs);font-size:var(--size-step-1);color:var(--color-text-muted)}& .activity-detail__body{display:flex;flex-direction:column;gap:var(--space-s);& h2{margin-block-start:var(--space-m);font-size:var(--size-step-1)}& ul, & ol{display:flex;flex-direction:column;gap:var(--space-2xs);margin:0;padding-inline-start:3ch}& li::marker{color:var(--color-accent-strong)}& blockquote{margin:0;padding-inline-start:var(--space-s);border-inline-start:3px solid var(--color-accent);color:var(--color-text-muted);font-style:italic}}}}