/*** ---------- Single ---------- ***/
.single {
    .wpb-related--posts { --gc: 1; --gap: 3.2rem; }
    .wpb-related--posts .container.container--articles { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); }

    .wpb-content {
        .container {--gap: 3.2rem; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--gap);
            .wpb-content__main {
                h2 {font-size: clamp(2.4rem, 3vw, 3.8rem);}
                h3 {font-size: clamp(2rem, 2.4vw, 2.8rem);}

                .wpb-related {margin: 3.2rem 0;
                    .wpb-related__title {margin-bottom: 2rem;}
                    .wpb-related__grid {display: flex; flex-direction: column; gap: 1rem;}
                }
                .wpb-text__small { --p: 3.2rem; padding-top: var(--p); margin-top: var(--p); font-size: var(--fs-sm); border-top: 1px solid var(--clr-border); opacity: .5;}

                .content-section {
                    &.content-section--text {
                        img {width: auto;}
                    }
                    &.content-section--patreon {--p: 4.8rem; color: var(--clr-white); overflow: hidden;
                        .content-section__inner {padding: var(--p); border-radius: var(--br-lg); display: flex; flex-direction: column; gap: 1.6rem; align-items: center; text-align: center;
                            .wpb-image img {height: 1.6rem; width: auto;}
                            .wpb-text {max-width: 40rem;
                                .btn-group {justify-content: center;}
                            }
                        }
                    }
                    &.content-section--podcast {
                        .wpb-podcast { margin: 1.6rem 0; }
                    }
                }
            }
            .wpb-content__sidebar {
                .wpb-sidebar__author {--p: 2.4rem 3.2rem; background-color: var(--clr-white); border-radius: var(--br-sm); margin-bottom: 3.2rem;
                    .wpb-author__header {padding: var(--p); display: flex; justify-content: space-between; align-items: center; gap: 1.6rem; position: relative; text-decoration: none;
                        .btn {
                            &::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
                        }
                    }
                    .wpb-author__body {padding: var(--p); border-top: 1px solid var(--clr-border);}
                }
                .wpb-sidebar__newsletter {position: sticky; top: 2rem; 
                    .wpb-newsletter {width: 100%;}
                }
                .wpb-card--sidebar {position: sticky; top: 2rem; }
            }
        }
    }


    /* Single Variations */
    &.single-specializations {
        .wpb-header {
            .container {gap: 4rem;}
            .wpb-usps-wrapper {--gap: 0.8rem; --p: 3.2rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--gap);
                .wpb-usp { display: flex; gap: 2.4rem; background-color: var(--clr-white); padding: var(--p); border-radius: var(--br-sm); flex-basis: calc(33% - (var(--gap) / 2)); flex-grow: 1; min-width: 32rem;
                    .wpb-icon__wrapper {align-items: start; height: 3.2rem;
                        .wpb-icon {font-size: 1.6rem;}
                    }
                    .wpb-usp__text {font-family: var(--font-accent); font-size: var(--fs-xxl); font-weight: 600; line-height: 1.1; text-align: start;}
                }
            }
        } 
    }


    @media (min-width: 992px) {
        .wpb-related--posts { --gc: 3; }  

        .wpb-content {
            .container {--gap: 4rem; grid-template-columns: minmax(0, 60%) minmax(0, 40%);}
        }

        &.single-studies {
            .container {--gap: 4rem; grid-template-columns: minmax(0, 1fr) minmax(0, 48rem);}
        }

        &.single-specializations {
            .wpb-header {
                .container {gap: 8rem;}
            }
        }
    }

    @media (min-width: 1200px) {
        .wpb-content {
            .container {--gap: 6.4rem; grid-template-columns: minmax(min(60rem, 100%), 80rem) minmax(min(40rem, 100%), 58rem);}
        }

        &.single-studies {
            .container {grid-template-columns: minmax(min(60rem, 100%), 80rem) minmax(min(48rem, 100%), 58rem);}
        }

        &.single-specializations {
            .wpb-header {
                .container {gap: 12rem;}
            }
        }
    }
}