/* Pastel feedback refinements loaded after the compiled theme bundle. */
body.post-type-design-guidelines .dg-entry-media {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    max-width: 520px;
}

body.post-type-design-guidelines .dg-entry-media .dg-entry-figure {
    width: 100%;
    max-width: none;
}

body.post-type-design-guidelines .dg-entry-media .dg-entry-figure > img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

body.post-type-design-guidelines .dg-entry-media > .wp-block-image {
    width: 100%;
}

body.post-type-design-guidelines .dg-entry-media > .wp-block-image img {
    width: 100%;
}

body.post-type-design-guidelines .dg-entry-body ul.wp-block-list ul.wp-block-list {
    list-style-type: circle;
}

/*
 * The guideline navigation becomes a 390px side rail at 1024px. Keep the
 * article itself stacked through tablet and small-desktop widths so a second
 * text/media split cannot squeeze the copy into an unreadably narrow column.
 */
@media (min-width: 1024px) and (max-width: 1439px) {
    body.post-type-design-guidelines .dg-entry-illustrated {
        flex-direction: column;
    }

    body.post-type-design-guidelines .dg-entry-illustrated .dg-entry-body {
        flex: 0 0 auto;
        width: 100%;
    }

    body.post-type-design-guidelines .dg-entry-illustrated .dg-entry-media {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }
}

@media (min-width: 1440px) {
    body.post-type-design-guidelines .dg-entry-illustrated .dg-entry-media {
        flex: 0 0 40%;
    }
}