.body__code-block{font-size:.8rem;padding:0 var(--spacing-md)!important}
.cover-image{height:24rem;margin-bottom:var(--spacing-lg);width:100%;display:block;position:relative}.cover-image p{margin:0}.cover-image p a{text-decoration:none}.cover-image__image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:24rem}.cover-image__attribution{bottom:var(--spacing-md);right:var(--spacing-md);z-index:10;position:absolute}.cover-image__attribution-text{font-size:var(--font-size-sm);margin:0}.cover-image__attribution-link{text-decoration:underline}@media (min-width:640px){.cover-image,.cover-image__image{height:36rem}}
.meta-data{color:var(--color-gray-500);font-size:var(--font-size-xs);align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-3xl);flex-direction:row;display:flex}.meta-data__author{align-items:center;gap:var(--spacing-sm);z-index:20;display:flex}.meta-data__avatar{background-color:var(--color-gray-800);border:var(--spacing-xs)solid var(--color-gray-900);height:var(--spacing-5xl);width:var(--spacing-5xl);border-radius:50%}.meta-data__content{background-color:var(--color-gray-900);gap:var(--spacing-sm);margin-left:calc(-1*var(--spacing-5xl));padding:var(--spacing-md)var(--spacing-5xl);z-index:10;border-radius:9999px 0 0 9999px;flex-direction:column;width:100%;display:flex}.meta-data__item{align-items:center;gap:var(--spacing-sm);display:flex}.meta-data__icon{color:var(--color-gray-600);height:var(--spacing-md);width:var(--spacing-md)}@media (min-width:1025px){.meta-data{font-size:var(--font-size-sm)}.meta-data__content{padding-right:var(--spacing-3xl)}}
.more-pages{background-color:var(--color-gray-900)}.more-pages__grid{justify-items:center;gap:var(--spacing-3xl);grid-template-columns:1fr;margin-left:auto;margin-right:auto;display:grid}.more-pages__link{color:inherit;text-decoration:none;display:block}.more-pages__item{background-color:var(--color-gray-800)}.more-pages__title{margin-top:calc(-1*var(--spacing-sm));padding:var(--spacing-lg);transition:color .2s}.more-pages__link:hover .more-pages__title{color:var(--color-gray-800)}@media (min-width:769px){.more-pages{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}}@media (min-width:1025px){.more-pages__grid{grid-template-columns:repeat(3,1fr)}}
.post-header{width:100vw;height:33rem}.post-header__info{margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;max-width:48rem;display:flex}.post-header__date{color:var(--color-gray-500);font-weight:300}.post-header__cover-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.post-header__metadata-item{align-items:center;gap:var(--spacing-sm);display:flex}.post-header__metadata-icon{width:1rem;height:1rem;color:var(--color-gray-600)}
.post-link{background-color:var(--color-gray-900);font-size:var(--font-size-xl);gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.post-link__image{-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom}.post-link__content{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;display:flex}.post-link__text{margin-bottom:var(--spacing-md);flex:1}.post-link__title{margin-bottom:var(--spacing-sm)}.post-link__excerpt{color:var(--color-gray-300);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.post-link__metadata{color:var(--color-gray-500);font-size:var(--font-size-sm);gap:var(--spacing-xs);flex-direction:column;font-weight:300;display:flex}.post-link__metadata-item{gap:var(--spacing-sm);display:flex}.post-link__metadata-icon{color:var(--color-gray-600);height:var(--font-size-xs);width:var(--font-size-xs);margin-top:var(--spacing-xs)}.post-link:hover .post-link__title,.post-link:hover .post-link__excerpt{color:var(--color-gray-800)}.post-link:hover .post-link__metadata{color:var(--color-gray-600)}@media (min-width:1025px){.post-link{align-items:start;gap:var(--spacing-5xl);grid-template-columns:1fr 2fr;display:grid}.post-link__image{width:100%;height:18.75rem}.post-link__content{gap:0}.post-link__metadata{gap:var(--spacing-lg);flex-direction:row}}.more-posts__list .post-link{gap:var(--spacing-sm);flex-direction:column;height:100%;display:flex}.more-posts__list .post-link__image{flex-shrink:0;width:100%;height:12.5rem}.more-posts__list .post-link__content{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;flex:1;display:flex}.more-posts__list .post-link__text{flex:1}.more-posts__list .post-link__metadata{gap:var(--spacing-xs);flex-direction:column;margin-top:auto}
.post-preview{max-width:var(--layout-container);margin-left:auto;margin-right:auto}.post-preview__image-link{height:24rem}.post-preview__image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;height:24rem}.post-preview__content{gap:var(--spacing-md);margin-bottom:var(--spacing-md);margin-left:auto;margin-right:auto;margin-top:var(--spacing-md);max-width:65ch;padding-left:var(--layout-container-padding);padding-right:var(--layout-container-padding);flex-direction:column;display:flex}.post-preview__title{font-size:1.875rem;line-height:1.375}.post-preview__metadata{color:var(--color-gray-500);gap:var(--spacing-sm);flex-direction:column;justify-content:space-between;font-size:.875rem;display:flex}.post-preview__metadata-primary{gap:var(--spacing-sm);flex-direction:column;justify-content:space-between;display:flex}@media (min-width:1025px){.post-preview__metadata-primary{align-items:center;gap:var(--spacing-md);flex-direction:row}}.post-preview__metadata-item{align-items:center;gap:var(--spacing-sm);display:flex}.post-preview__metadata-icon{width:1rem;height:1rem;color:var(--color-gray-600)}.post-preview__date{align-items:center;gap:var(--spacing-sm);display:flex}.post-preview__excerpt{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--color-gray-300);line-height:1.625}.post-preview__read-more{margin-top:var(--spacing-sm);background-color:var(--color-gray-900);padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.post-preview__read-more:hover{color:var(--color-gray-800)}@media (min-width:640px){.post-preview__image-link,.post-preview__image{height:24rem}}@media (min-width:1025px){.post-preview__metadata{flex-direction:row;align-items:center}.post-preview__metadata-primary{justify-content:flex-start}.post-preview__date{justify-content:flex-end}}
.more-posts{margin:var(--spacing-3xl)0}.more-posts__title{margin-bottom:var(--spacing-xl);text-align:center;font-size:var(--font-size-4xl)}.more-posts__list{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (min-width:640px){.more-posts__title{margin-left:var(--spacing-md);text-align:left}}@media (min-width:769px){.more-posts__title{font-size:var(--font-size-5xl)}.more-posts__list{gap:var(--spacing-2xl);grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.more-posts__list{gap:var(--spacing-3xl);grid-template-columns:repeat(3,1fr)}}.more-posts__load-more{margin-top:var(--spacing-2xl);justify-content:center;display:flex}.more-posts__load-button{background-color:var(--color-aqua-500);color:var(--color-black);cursor:pointer;font-size:var(--font-size-lg);min-width:120px;padding:var(--spacing-md)var(--spacing-xl);border:none;font-weight:600}.more-posts__load-button:hover:not(:disabled){background-color:var(--color-aqua-600)}.more-posts__load-button:disabled{background-color:var(--color-gray-400);cursor:not-allowed}.more-posts__error{color:var(--color-pink-600);text-align:center}.more-posts__error p{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.more-posts__retry-button{background-color:var(--color-pink-500);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm)var(--spacing-lg);border:none;font-weight:500}.more-posts__retry-button:hover:not(:disabled){background-color:var(--color-pink-600)}.more-posts__retry-button:disabled{background-color:var(--color-gray-400);cursor:not-allowed}