/* ============================================================
   CMS Page (About Us, etc.) — responsive prose content styles
   Mirrors Article.cshtml media embed handling for TinyMCE output
   ============================================================ */

/* YouTube / iframe responsive wrapper (TinyMCE padding-bottom trick) */
.prose div[style*="padding-bottom"] {
    position: relative;
    max-width: 100%;
    margin: 1.5rem 0;
}

.prose div[style*="padding-bottom"] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
}

/* Uploaded video files */
.prose video {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    margin: 1.5rem 0;
}

/* Standalone iframes (maps, embeds, etc.) */
.prose iframe {
    max-width: 100%;
    border-radius: 0.5rem;
}