.article{max-width:46rem}.article__back{align-items:center;gap:var(--space-2);font-size:var(--text-body-m);font-weight:var(--fw-text-medium);color:var(--accent-700);transition:color var(--dur-micro) var(--ease-micro);display:inline-flex}.article__back:hover{color:var(--accent-600)}.article__back svg{transition:transform var(--dur-micro) var(--ease-micro)}.article__back:hover svg{transform:translate(-3px)}.article__meta{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.article__kind{border-radius:var(--radius-pill);background:var(--accent-100);color:var(--accent-800);font-weight:var(--fw-text-medium);white-space:nowrap;padding:.125rem .5rem}.article__kind--post{background:color-mix(in oklab, var(--pastel-lilac) 70%, white);color:var(--fg-secondary)}.article__date{color:var(--fg-muted)}.article__share{margin-left:auto}.article__title{margin-top:var(--space-4)}.article__lead{margin-top:var(--space-4);font-size:var(--text-lead);color:var(--fg-secondary);max-width:var(--measure-lead);line-height:1.45}.article__cover{margin-top:var(--space-8);border-radius:var(--radius-media);box-shadow:var(--shadow-sm);overflow:hidden}.article__cover img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.article__body{margin-top:var(--space-8)}.article__empty{margin-top:var(--space-8);color:var(--fg-muted)}.article__footer{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.article-related{margin-top:var(--space-16)}.article-related__title{color:var(--fg-primary)}@media (prefers-reduced-motion:reduce){.article__back:hover svg{transform:none}}