.entry__header {
    margin: var(--x-m) 0;
}
.entry__header-color {
    margin-top: 0.75rem;
}
.entry__title {
    font-size: var(--fs-xl);
    font-weight: normal;
    margin: 0;
    /* margin: var(--x-m) 0; */
}
.entry__nav {
    /* display: flex; */
    /* justify-content: end; */
    /* gap: var(--x-m) */
    text-align: right;
}
.entry__meta {
    column-gap: var(--x-m);
    row-gap: var(--x-s);
    margin: var(--x-m) 0;
}
.entry__meta-column {
    display: flex;
    flex-direction: column;
    row-gap: var(--x-s);
}

.entry__meta-label {
    font-size: var(--fs-s);
    font-weight: normal;
    color: var(--color-tx-muted);
    /* margin-bottom: var(--x-xs); */
}
.entry__meta-value-item::after {
    content: ", "
}
.entry__meta-value-item:last-child::after {
    content: none
}

.entry__content {
    margin: var(--x-m) 0;
    display: flex;
    flex-direction: column;
    /* gap: var(--x-m); */
    /* gap: var(--x-xl); */
}

.block {
    margin: 0 auto;
    width: var(--col-w-6);
}
@media only screen and (min-width: 1920px) {
    .block {
    width: var(--col-w-4);
}
}
@media only screen and (max-width: 1440px) {
    .block {
    width: var(--col-w-8);
}
}
@media only screen and (max-width: 1024px) {
    .block {
    width: var(--col-w-12);
}
}
/* @media only screen and (max-width: 640px) {
    .block {
    width: var(--col-w-12);
}
} */

/* .block--text p,
.block--textarea p,
.block--text h3,
.block--textarea h3,
.block--audio {
    margin: 1rem auto;
    max-width: var(--wrap-tx);
} */

.block figure {
    margin: 1rem auto;
}

.block h3,
.block h3 {
    font-size: var(--fs-s);
    font-weight: normal;
    color: var(--color-tx-muted);
    margin-bottom: var(--x-xs);
}

.block--gallery,
.block--image,
.block--video {
    margin-bottom: var(--x-m);
    width: var(--col-w-12);
}


.block--heading {
    margin-top: var(--x-m);
}

.block--list li::before,
.block--textarea li::before {
    content: "• ";
    color: var(--color-tx-faint);
}

.entry__footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--x-m);
}
@media only screen and (max-width: 640px) {
    .entry__footer {
    grid-template-columns: 1fr;
}
}
.entry__credits {
    font-size: var(--fs-s);
    flex: 1;
}
.entry__credits-title { 
    font-size: var(--fs-s);
    font-weight: normal;
    color: var(--color-tx-muted);
    /* margin-bottom: var(--x-s); */
}

.entry__related {
    flex: 1;
}
.entry__related-title {
    font-size: var(--fs-s);
    font-weight: normal;
    color: var(--color-tx-muted);
    /* margin-bottom: var(--x-s); */
}

.entry__related-item {
    display: flex;
    gap: var(--x-s);
}