@media screen {
    * {
        transition: all .1325s ease-in-out !important;
    }

    #header.small img {
        max-height: 0 !important;
        opacity: 0;
        z-index: 99999;
        transition: all 1s ease-in-out !important;
    }
}

@media screen and (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
    }
}

@media screen {

    .navbar {
        opacity: .8;
    }

    .bd-search input {
        min-width: 3.25rem !important;
        width: 3.25rem !important;
    }

    .bd-search input:focus, .bd-search input:hover {
        min-width: 180px !important;
        width: 180px !important;
    }
}

.after-post-cats, .after-post-tags {
    line-height: 2;
}

/* Episodes page image sizing */
.episodes-list .card-img-top {
    width: 100%;
    height: 220px; /* set the desired uniform height */
    object-fit: cover; /* crop to fit without distortion */
    object-position: center;
    display: block;
}

/* Series page image sizing (match Episodes page) */
.episodes-series .card-img-top {
    width: 100%;
    height: 220px; /* same uniform height as episodes */
    object-fit: cover; /* crop to fit without distortion */
    object-position: center;
    display: block;
}


/* Post pages image sizing */
/* Featured image at the top of post pages */
.layout-post .post-featured-image {
    width: 100%;
    height: auto;
    max-height: 420px; /* keep to a reasonable visible height */
    object-fit: cover;  /* crop overflow while preserving aspect */
    object-position: center;
    display: block;
}

/* Any images inside the post content */
.layout-post .main-content img {
    max-width: 100%;   /* never overflow the content column */
    height: auto;      /* preserve aspect ratio */
    display: block;
    margin: 1rem auto; /* add a little breathing room */
}