/*
 * override.css
 * Loaded after built/screen.css for quick tweaks without rebuilding theme assets.
 */

/* Posts: make YouTube embeds larger (use the canvas "wide" column on tablet/desktop) */
.single-content.gh-canvas > figure.kg-embed-card,
.single-content.gh-canvas > figure.kg-video-card,
.single-content.gh-canvas > .kg-embed-card,
.single-content.gh-canvas > .kg-video-card {
    grid-column: main;
}

@media (min-width: 768px) {
    .single-content.gh-canvas > figure.kg-embed-card,
    .single-content.gh-canvas > figure.kg-video-card,
    .single-content.gh-canvas > .kg-embed-card,
    .single-content.gh-canvas > .kg-video-card {
        grid-column: wide;
    }
}

.single-content.gh-canvas > figure.kg-embed-card iframe[src*="youtube.com"],
.single-content.gh-canvas > figure.kg-embed-card iframe[src*="youtube-nocookie.com"],
.single-content.gh-canvas > figure.kg-embed-card iframe[src*="youtu.be"],
.single-content.gh-canvas > .kg-embed-card iframe[src*="youtube.com"],
.single-content.gh-canvas > .kg-embed-card iframe[src*="youtube-nocookie.com"],
.single-content.gh-canvas > .kg-embed-card iframe[src*="youtu.be"] {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}