/*  DEFAULTS: MEDIA
//////////////////////////////////////////////////////////////////////////////*/

@layer defaults {
    img,
    iframe {
        max-width: 100%;
        vertical-align: bottom;
        height: auto;
    }
    figure {
        margin: 0;
    }
    figcaption {
        margin: 0;
        padding-top: var(--spacing-xs);
        font-size: var(--font-size-s);
        line-height: var(--line-height-s);
    }
    p img {
        float: left;
        margin: var(--spacing-xs) var(--spacing-s) var(--spacing-s) 0;
    }
    iframe {
        height: auto;
        aspect-ratio: 16/9;
    }
    .alignright {
        float: right;
        margin: 0 0 var(--spacing-m) var(--spacing-m);
    }
}