/* Block: Post Meta */

.block-post-meta .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3.125rem;
}

.block-post-meta .section-title {
    margin-bottom: 1.5rem;
}

.block-post-meta .section--keywords .section-content {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.block-post-meta .section--keywords .keyword {
    background-color: #F3F4F7;
    padding: 1.875rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.block-post-meta .section--keywords .keyword__value {
    font-size: var(--font-15);
    font-weight: 700;
}

.block-post-meta .section--highlights .section-content {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
}

.block-post-meta .section--highlights .highlight {
    padding-left: 1rem;
    border-left: 3px solid var(--c-tertiary);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.block-post-meta .section--highlights .highlight__name {
    font-size: var(--font-21);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.block-post-meta .section--highlights .highlight__description {
    font-size: var(--font-15);
    opacity: 0.8;
}

.block-post-meta .section--authors .section-content {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.block-post-meta .section--authors .author {
    display: flex;
    align-items: flex-end;
    gap: 0.625rem;
    margin-left: -7px;
}

.block-post-meta .section--authors .author-image {
    flex-shrink: 0;
}

.block-post-meta .section--authors .author-image img {
    width: 4.375rem;
    height: 4.375rem;
    object-fit: contain;
    margin-bottom: -7px;
}

.block-post-meta .section--authors .author-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.block-post-meta .section--authors .author-name {
    font-size: var(--font-15);
}

.block-post-meta .section--authors .author-role {
    font-size: var(--font-13-11);
    font-weight: 600;
    color: rgb(from var(--c-secondary) r g b / .5);
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.block-post-meta .section--download .section-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
}

.block-post-meta .section--download .btn:where(.tertiary, .tertiary-alt):not(:last-child) {
    margin-bottom: 0.5rem;
}

.block-post-meta .section--download .btn {
    font-size: var(--font-15);
}

.block-post-meta .section--outline {
    padding: 2.5rem 1.875rem;
    background-color: #F3F4F7;
}

.block-post-meta .section--outline .section-title {
    margin-bottom: 1.875rem;
}

.block-post-meta .section--outline .section-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1.875rem;
}

.block-post-meta .section--outline .section-content a {
    display: flex;
    align-items: baseline;
    gap: 0.625rem;
    color: var(--c-secondary);
    font-size: var(--font-13-11);
    font-weight: 500;
    line-height: 1.2;
    opacity: .5;
    text-decoration: none;
    transition: 250ms ease;
}

.block-post-meta .section--outline .section-content a:where(.active, :hover, :focus-visible) {
    opacity: 1;
}

.block-post-meta .section--outline .section-content a::before {
    content: '';
    flex-shrink: 0;
    display: block;
    width: 6px;
    height:  6px;
    border: 1px solid var(--c-secondary);
    border-radius: 50%;
    margin-top: 6px;
    margin-top: calc(0.5lh - 3px);
    transition: background-color 250ms ease;
}

.block-post-meta .section--outline .section-content a:where(.active)::before {
    background-color: var(--c-secondary);
}

.block-post-meta .section--tags .section-content {
    display: flex;
    align-items: center;
    gap: 0.3125rem;
    flex-wrap: wrap;
}

.block-post-meta .section--tags .tag {
    color: var(--c-secondary);
    font-size: var(--font-13-11);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.block-post-meta .section--tags .tag:not(.tag-btn):not(:last-child)::after {
    content: ',';
}

.block-post-meta .section--tags .tag-btn {
    padding: 0.625rem;
    border-radius: var(--radius-xs);
    border: 1px solid rgb(from var(--c-secondary) r g b / .2);
}

.block-post-meta .section--share .section-title {
    margin-bottom: 1.875rem;
}

.block-post-meta .section--share .addtoany_list {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.block-post-meta .section--share .addtoany_list a {
    padding: 0;
}

.block-post-meta .section--share .addtoany_list a img {
    display: block;
}