/*
 * Shared Blog plugin defaults. Host apps can theme surrounding surfaces, but
 * this file keeps article media and readable line lengths consistent.
 */
.vblog-post {
    display: grid;
    gap: 2rem;
}

.vblog-post__hero {
    margin: 0;
}

.vblog-post__hero img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 1.25rem;
}

.vblog-post__header,
.vblog-post__body {
    max-width: 72ch;
}

.vblog-post__dek {
    font-size: 1.25rem;
}

.vblog-post__meta {
    opacity: 0.72;
}

.vblog-post__body img {
    max-width: 100%;
    height: auto;
}

.vblog-list__items {
    display: grid;
    gap: 1rem;
    padding-inline-start: 1.25rem;
}