/* Wider web-view/page layouts. Keep phone and narrow multitasking views unchanged. */
@media (min-width: 768px) {
    .bu-wcs-page.post-type-archive-sfwd-courses .site-main {
        box-sizing: border-box;
        max-width: 1120px;
        margin: 0 auto;
        padding: 0 24px 48px;
    }

    .bu-wcs-page.post-type-archive-sfwd-courses .gb-element-bc4938d5 {
        max-width: 760px;
        margin: 0 auto 32px;
    }

    .bu-wcs-page.post-type-archive-sfwd-courses .gb-query-loop-wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        margin-left: 0;
        align-items: stretch;
    }

    .bu-wcs-page.post-type-archive-sfwd-courses .gb-query-loop-wrapper > .gb-query-loop-item {
        width: auto;
        min-width: 0;
        padding: 0;
    }

    .bu-wcs-page.post-type-archive-sfwd-courses .gb-query-loop-item > .gb-container {
        box-sizing: border-box;
        padding-bottom: 24px;
    }

    .bu-wcs-page.post-type-archive-sfwd-courses .gb-query-loop-item figure img {
        width: 100%;
        height: clamp(240px, 30vw, 320px);
        aspect-ratio: auto;
        object-fit: contain;
    }

    .bu-wcs-page.post-type-archive-sfwd-courses .gb-query-loop-item h2 {
        padding: 0 24px;
        font-size: 24px;
    }

    .bu-wcs-page.page-id-513 #page,
    .bu-wcs-page.page-id-575 #page {
        max-width: 1120px;
        margin-inline: auto;
    }

    .bu-wcs-page.page-id-513 .entry-content {
        display: grid;
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
        align-items: center;
        gap: clamp(24px, 4vw, 48px);
    }

    .bu-wcs-page.page-id-513 .entry-content > .gb-container-e6b17514 {
        min-width: 0;
        padding: 24px 0;
        margin: 0;
        text-align: left;
    }

    .bu-wcs-page.page-id-513 .gb-container-e6b17514 :is(h1, p) {
        text-align: left;
    }

    .bu-wcs-page.page-id-513 .gb-container-e6b17514 h1 {
        max-width: 22ch;
        margin-bottom: 24px;
    }

    .bu-wcs-page.page-id-513 .gb-container-b5a09165 {
        padding: 0;
        margin-top: 28px;
        text-align: left;
    }

    .bu-wcs-page.page-id-513 .entry-content > .gb-container-9130e59d {
        min-width: 0;
        margin: 0;
        padding: 32px 24px;
        text-align: center;
        background: var(--wcs-course-paper);
        border: 1px solid var(--wcs-course-line);
    }

    .bu-wcs-page.page-id-513 .gb-container-9130e59d figure {
        margin: 24px 0 0;
    }

    .bu-wcs-page.page-id-513 .gb-container-9130e59d img {
        width: 100%;
        max-width: 320px;
        height: auto;
    }

    .bu-wcs-page.page-id-575 .entry-content .wcs-info-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: 24px;
    }

    .bu-wcs-page.page-id-575 .wcs-info-card {
        align-content: start;
        grid-template-rows: auto 1fr auto;
    }

    .bu-wcs-page.page-id-575 .wcs-info-card .gb-button {
        align-self: end;
    }

    .bu-wcs-page.single-sfwd-courses #page {
        max-width: 1040px;
    }

    .bu-wcs-page .learndash-wrapper .ld-focus .ld-focus-main {
        padding-top: 50px;
    }

    .bu-wcs-page .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
        max-width: 1040px;
        padding: 32px clamp(24px, 4vw, 48px) 48px;
    }

    .bu-wcs-page .ld-tab-content > p {
        max-width: 72ch;
    }

    .bu-wcs-page:is(.page-id-32, .page-id-683) #page {
        max-width: 920px;
        margin-inline: auto;
    }
}

/* Leave more room for the lesson at tablet widths; keep LearnDash's toggle. */
@media (min-width: 768px) and (max-width: 1199px) {
    .bu-wcs-page .learndash-wrapper .ld-focus .ld-focus-sidebar,
    .bu-wcs-page .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
        width: 260px;
    }

    .bu-wcs-page .learndash-wrapper .ld-focus:not(.ld-focus-sidebar-collapsed) .ld-focus-main {
        width: calc(100% - 260px);
    }

    .bu-wcs-page .learndash-wrapper .ld-focus:not(.ld-focus-sidebar-collapsed):not(.ld-focus-position-right):not(.ld-focus-position-rtl-left) .ld-focus-main {
        margin-left: 260px;
    }

    .bu-wcs-page .learndash-wrapper .ld-focus:is(.ld-focus-position-right, .ld-focus-position-rtl-left):not(.ld-focus-sidebar-collapsed) .ld-focus-main {
        margin-right: 260px;
    }
}