.post-preview {
    .post-preview-header {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 1em;

        a.post-preview-image {
            --max-img-width: 375px;

            height: 100%;
            max-height: calc(var(--max-img-width) * (9 / 16));
            width: 100%;
            max-width: var(--max-img-width);
            aspect-ratio: 16/9;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: block;
        }

        .post-preview-heading {
            flex: 1;

            h2 {
                margin-top: 0;
            }
        }
    }

    @media screen and (max-width: 975px) {
        .post-preview-header {
            flex-direction: column;
            align-items: flex-start;

            a.post-preview-image {
                max-height: 100%;
                max-width: 100%;
            }
        }
    }
}

form.comment-form {
    input[type="email"],
    input[type="text"],
    input[type="url"],
    textarea {
        max-width: 400px;
        width: 100%;
    }

    p:not(.logged-in-as):not(.comment-form-cookies-consent) {
        display: flex;
        flex-wrap: wrap;
        margin: 0.75em 0;
    }
}

.comment-body {
    margin-bottom: 1em;

    .comment-meta {
        font-size: 0.85em;
        font-style: italic;
    }

    .comment-reply-link {
        font-size: 0.85em;
        font-weight: bolder;
    }

    p {
        margin: 0.5em 0;
    }
}

.single-post-nav {
    .post-navigation {
        font-weight: bolder;
    }
}