@layer sections{.blog-post__head{padding-block:var(--space-lg) var(--space-large)}.blog-post__head>*{max-inline-size:46rem}.blog-post__crumb ol{gap:var(--space-3xs);color:var(--color-gray-600);font-size:var(--size-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-post__crumb li+li:before{content:"/";color:var(--color-gray-500);margin-inline-end:var(--space-3xs)}.blog-post__crumb a{color:var(--color-gray-800)}.blog-post__crumb [aria-current]{text-overflow:ellipsis;white-space:nowrap;max-inline-size:28ch;overflow:hidden}.blog-post__title{margin-block:var(--space-default) 0;font-size:var(--size-headline);line-height:var(--leading-headline);text-wrap:balance}.blog-post__lead{margin-block:var(--space-default) 0;color:var(--color-gray-700);font-size:var(--size-lg);line-height:var(--leading-subline)}@media (min-width:48rem){.blog-post__lead{font-size:var(--size-subline)}}.blog-post__meta{justify-content:space-between;align-items:center;gap:var(--space-default) var(--space-lg);border-block-start:var(--border-width) solid var(--border-color);font-size:var(--size-sm);line-height:var(--leading-body);flex-wrap:wrap;margin-block-start:var(--space-md);padding-block-start:var(--space-md);display:flex}.blog-post__author{align-items:center;gap:var(--space-xs);display:flex}.blog-post__author p{color:var(--color-gray-600);margin:0;display:grid}.blog-post__author strong{color:var(--color-gray-900)}.blog-post__avatar{object-fit:cover;border-radius:50%;flex:none;block-size:3rem;inline-size:3rem}.blog-post__facts{gap:var(--space-3xs);color:var(--color-gray-600);margin:0;padding:0;list-style:none;display:grid}.blog-post__facts li{align-items:center;gap:var(--space-2xs);display:flex}.blog-post__meta-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;block-size:1rem;inline-size:1rem}.blog-post__layout{gap:var(--space-large);padding-block-end:var(--space-large);display:grid}.blog-post__main{min-inline-size:0;max-inline-size:46rem}@media (min-width:62rem){.blog-post__layout{grid-template-columns:minmax(0,46rem) minmax(12rem,16rem);justify-content:space-between;align-items:start}}.blog-post__cover{max-inline-size:min(46rem,100%);border-radius:var(--radius);margin-block-end:var(--space-lg);display:block}.blog-post__toc{order:-1}@media (min-width:62rem){.blog-post__toc{order:0;position:sticky;top:6rem}}.blog-post__toc-title{margin:0 0 var(--space-xs);color:var(--color-gray-900);font-weight:700}.blog-post__toc ul{gap:var(--space-2xs);padding:0 0 0 var(--space-default);border-inline-start:var(--border-width) solid var(--border-color);font-size:var(--size-sm);line-height:var(--leading-subline);margin:0;list-style:none;display:grid}.blog-post__toc a{color:var(--color-gray-600);text-decoration:none}.blog-post__toc a:hover,.blog-post__toc a:focus-visible{color:var(--color-primary-readable);text-decoration:underline}.blog-post__topics{border-block-start:var(--border-width) solid var(--border-color);margin-block-start:var(--space-large);padding-block-start:var(--space-md)}.blog-post__topics-title{margin:0 0 var(--space-2xs);color:var(--color-gray-900);font-size:var(--size-sm);font-weight:700}.blog-post__topics ul{gap:var(--space-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-post__topics a{padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--color-gray-100);color:var(--color-gray-800);font-size:var(--size-sm);font-weight:600;text-decoration:none;display:inline-block}.blog-post__topics a:hover,.blog-post__topics a:focus-visible{background:var(--color-gray-200);color:var(--color-gray-900)}.blog-post__related{margin-block-start:var(--space-lg)}.blog-post__related h2{margin-block:0 var(--space-xs);font-size:var(--size-xl);line-height:var(--leading-subline)}.blog-post__related ul{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));margin:0;padding:0;list-style:none;display:grid}.blog-post__related a{gap:var(--space-3xs);padding:var(--space-xs) var(--space-md);color:var(--color-gray-900);background-color:var(--color-gray-100);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);text-decoration:none;display:grid}.blog-post__related a:hover{border-color:var(--color-primary-readable)}.blog-post__related-text{color:var(--color-gray-600);font-size:var(--size-sm)}.blog-post__related-label{color:var(--color-gray-900);font-weight:700}.blog-more{padding-block:var(--space-large);background:var(--color-gray-50)}.blog-more__title{margin-block:0 var(--space-md);font-size:calc(var(--size-headline) * .75);line-height:var(--leading-headline)}.blog-more__list{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));margin:0;padding:0;list-style:none;display:grid}.blog-more__card{align-content:start;gap:var(--space-2xs);padding:var(--space-default);background:var(--color-gray-100);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);transition:border-color .15s,transform .18s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.blog-more__card:hover{border-color:var(--color-primary-readable);transform:translateY(-2px)}.blog-more__cover{aspect-ratio:16/10;inline-size:100%;border-radius:var(--radius-sm);object-fit:cover;margin-block-end:var(--space-2xs);display:block}.blog-more__cover--empty{background-color:var(--color-gray-200);background-image:var(--pattern-pixels);background-size:var(--pattern-pixels-size)}.blog-more__name{font-size:var(--size-lg);line-height:var(--leading-subline);margin:0}.blog-more__name a{color:var(--color-gray-900);text-decoration:none}.blog-more__name a:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.blog-more__date{color:var(--color-gray-600);font-size:var(--size-sm)}@media (prefers-reduced-motion:reduce){.blog-more__card{transition:none}.blog-more__card:hover{transform:none}}.blog-list__lead{margin-block:0 var(--space-md);max-width:60ch;color:var(--color-gray-600);font-size:var(--size-lg)}}