@layer sections{.post{background-image:radial-gradient(circle 32rem at 0 0, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent), radial-gradient(circle 32rem at 100% 0, color-mix(in srgb, var(--color-secondary) 20%, transparent), transparent);background-repeat:no-repeat;padding-block-end:var(--space-xl)}.post__head{padding-block:var(--space-lg) var(--space-md)}.post__crumb-list{align-items:center;gap:var(--space-2xs);max-inline-size:100%;margin:0 0 var(--space-md);padding:var(--space-3xs) var(--space-xs);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-pill);font-size:var(--size-sm);line-height:var(--leading-subline);background-color:var(--color-white);color:var(--color-gray-500);box-shadow:var(--shadow-edge);list-style:none;display:inline-flex}.post__crumb-list>li{align-items:center;gap:var(--space-2xs);flex:none;display:inline-flex}.post__crumb{align-items:center;gap:var(--space-3xs);min-block-size:1.5rem;color:var(--color-gray-600);text-decoration:none;display:inline-flex}.post__crumb:hover{color:var(--color-primary-readable)}.post__crumb-list>[aria-current=page]{flex:0 auto;min-inline-size:0}.post__crumb-current{text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-900);font-weight:600;overflow:hidden}.post__title,.post__lead,.post__byline{max-inline-size:46rem}.post__title{font-family:var(--font-headline);font-size:var(--size-title);line-height:var(--leading-headline);margin:0}.post__lead{margin:var(--space-xs) 0 0;font-size:var(--size-lg);line-height:var(--leading-body);color:var(--color-gray-600)}.post__byline{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-md);padding-block:var(--space-xs);border-block:var(--border-width) solid var(--border-color);flex-wrap:wrap;margin-block-start:var(--space-md);display:flex}.post__author{align-items:center;gap:var(--space-xs);margin:0;display:flex}.post__avatar{border-radius:var(--radius-pill);background-color:var(--color-primary-tint);block-size:2.75rem;inline-size:2.75rem;color:var(--color-primary-readable);flex:none;place-items:center;display:grid}.post__author-text{gap:var(--space-3xs);display:grid}.post__author-name{font-weight:700;line-height:var(--leading-subline)}.post__author-role{font-size:var(--size-sm);line-height:var(--leading-subline);color:var(--color-gray-600)}.post__meta{color:var(--color-gray-600);flex-direction:column;align-items:flex-start}.post__layout{gap:var(--space-xl);display:grid}.post__main{min-inline-size:0;max-inline-size:46rem}.post__cover{border-radius:var(--radius-lg);margin-block-end:var(--space-lg)}.post__toc-inline{margin-block-end:var(--space-lg)}.post__body h2[id]{scroll-margin-block-start:var(--space-md)}.post__aside{display:none}.post__topics{border-block-start:var(--border-width) solid var(--border-color);margin-block-start:var(--space-xl);padding-block-start:var(--space-md)}.post__topics-title{margin:0 0 var(--space-xs);font-family:var(--font-headline);font-size:var(--size-lg);line-height:var(--leading-headline)}.post__topic-list{gap:var(--space-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.post__topic{padding:var(--space-3xs) var(--space-xs);border:var(--border-width) solid color-mix(in srgb, var(--color-primary) 20%, transparent);border-radius:var(--radius-pill);font-size:var(--size-sm);font-weight:600;line-height:var(--leading-body);background-color:var(--color-primary-tint);color:var(--color-primary-readable);text-decoration:none;display:inline-flex}.post__topic:hover{border-color:var(--color-primary)}@media (min-width:62rem){.post__head{padding-block:var(--space-xl) var(--space-lg)}.post__layout{grid-template-columns:minmax(0,46rem) minmax(0,18rem);justify-content:space-between}.post__toc-inline{display:none}.post__aside{display:block}.post__aside>.post-toc{position:sticky;inset-block-start:var(--space-lg)}}@media (min-width:75rem){.post__aside>.post-toc{inset-block-start:calc(4.5rem + var(--space-lg))}}}