@layer components{[name=PostHeader] .container>:first-child{margin-block-start:0;padding-block-start:0}[name=PostHeader] .container>:last-child:not([class*=button]){margin-block-end:0;padding-block-end:0}[name=PostHeader] .container>h2,[name=PostHeader] .container>h3,[name=PostHeader] .container>h4,[name=PostHeader] .container>h5,[name=PostHeader] .container>h6{margin-block-start:0}[name=PostHeader] .content *+*{--space-md: 2rem}[name=PostHeader] .meta{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--font-sm)}[name=PostHeader] .meta>*:not(:last-child):after{background-color:var(--color-accent);block-size:.125rem;content:"";display:inline-block;inline-size:.5rem;margin:0 .5rem;vertical-align:middle}[name=PostHeader] .meta a{color:var(--color-text);text-decoration:none}[name=PostHeader] .meta .author{align-items:center;display:flex;text-decoration:none}[name=PostHeader] .meta .avatar{block-size:2rem;border-radius:100%;inline-size:2rem;margin-inline-end:.75rem}@media(--bp-mobile-horizontal){[name=PostHeader] .meta .avatar{block-size:3rem;inline-size:3rem}}[name=PostHeader]+.image-wrapper{padding-block-end:0;background:linear-gradient(to bottom,var(--background) 50%,var(--color-bg-page) 50%);margin-block-start:calc(var(--space-section) * -.75);z-index:1}[name=PostHeader]+.image-wrapper [name=ElementImage]{max-inline-size:var(--container-sm);inline-size:var(--container-sm);margin-inline:auto}[name=PostHeader]+.image-wrapper+[name=BreadcrumbNavigation]{max-inline-size:var(--container-sm);inline-size:var(--container-sm);margin-inline:auto;margin-block-start:1rem}[name=PostHeader]+.image-wrapper+[name=BreadcrumbNavigation] nav{padding-inline:0}[name=PostHeader]+.image-wrapper+[name=BreadcrumbNavigation] nav ol{margin-block-start:0}[name=PostHeader] .intro{inline-size:var(--container-sm);max-inline-size:var(--container-sm);margin-inline:auto}}