/* Shared Back Up screen design. Home has its own approved layout.
   These selectors change presentation only; keep vendor visibility and interactions. */
body.bu-wcs-design {
    --wcs-course-ink:#000;
    --wcs-course-muted:#454545;
    --wcs-course-paper:#fff;
    --wcs-course-bg:#fef0da;
    --wcs-course-line:#000;
    --wcs-course-accent:#000;
    --bu-orange:#ff6400;
    --bu-radius:18px;
    background:var(--wcs-course-bg);
    color:var(--wcs-course-ink);
    color-scheme:light;
    font-family:"Open Sans",Arial,sans-serif;
    font-size:16px;
    line-height:1.55;
}
.bu-wcs-design :is(h1,h2,h3,h4,.ld-item-title,.ld-profile-heading) {
    font-family:"Bricolage Grotesque",Arial,sans-serif;
    font-weight:800;
    letter-spacing:-.025em;
    color:#000;
}
.bu-wcs-design :is(.entry-title,.ld-focus-content>h1),
.bu-wcs-design .entry-content .bu-screen-heading h1 {
    font-size:clamp(29px,5vw,40px);
    line-height:1.12;
    overflow-wrap:break-word;
    margin:0 0 12px;
}
.bu-wcs-design :is(.entry-content,.ld-tab-content) p {font-size:16px;line-height:1.55}
.bu-wcs-design :is(.site-main,.inside-article,.ld-tab-content,.ld-focus-main,.ld-focus-sidebar){background:transparent;color:#000}
.bu-wcs-design .inside-article {padding:24px 18px 32px}
.bu-wcs-design .entry-content {margin-top:0}
.bu-wcs-design.bu-wcs-screen-header .entry-header {display:none}
.bu-wcs-design .bu-screen-heading {margin:0 0 26px;text-align:left;max-width:680px}
.bu-wcs-design .bu-screen-heading img {display:block;width:145px;height:auto;margin:0 0 22px;background:transparent!important;padding:0!important;border-radius:0!important}
.bu-wcs-design .bu-screen-heading p {margin:0;max-width:56ch}
.bu-wcs-design :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #000;outline-offset:3px;box-shadow:0 0 0 6px #fff}
.bu-wcs-design :is(.entry-content,.ld-tab-content) a:not(.ld-item-name):not(.ld-button):not(.button):not(.gb-button) {color:#000;text-underline-offset:3px}
/* White, black-outlined cards and consistent progress. */
.bu-wcs-design .learndash-wrapper :is(.ld-course-status,.ld-progress,.ld-breadcrumbs,.ld-profile-summary,.ld-item-list-item),
.bu-wcs-design .ld-achievements,
.bu-wcs-design #learndash-registration-wrapper,
.bu-wcs-design.page-id-575 .wcs-info-card {
    background:#fff;color:#000;border:1.5px solid #000;border-radius:var(--bu-radius);box-shadow:none;
}
.bu-wcs-design.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled {border:1.5px solid #000;background:#fff}
.bu-wcs-design .learndash-wrapper .ld-course-status-enrolled>.ld-progress {border:0;background:transparent}
.bu-wcs-design .learndash-wrapper .ld-progress-bar {background:#fef0da;border:1px solid #000;box-sizing:content-box;height:8px}
.bu-wcs-design .learndash-wrapper .ld-progress-bar-percentage,
.bu-wcs-design.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled .ld-progress-bar-percentage {background:#ff6400!important}
.bu-wcs-design .learndash-wrapper :is(.ld-progress-heading,.ld-progress-label,.ld-progress-percentage,.ld-progress-steps) {color:#000!important}
.bu-wcs-design .learndash-wrapper .ld-breadcrumbs :is(a,.ld-breadcrumbs-segments) {color:#000!important}
.bu-wcs-design .learndash-wrapper .ld-breadcrumbs .ld-status,
.bu-wcs-design.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled>.ld-status {
    border:1px solid #000;border-radius:100px;padding:7px 12px;line-height:1.25;letter-spacing:.03em;
}
.bu-wcs-design .learndash-wrapper .ld-breadcrumbs .ld-status-progress,
.bu-wcs-design.single-sfwd-courses .learndash-wrapper .ld-course-status-enrolled>.ld-status-progress {background:#fef0da!important;color:#000!important}
.bu-wcs-design .learndash-wrapper .ld-status-complete {background:#000!important;color:#fff!important}
.bu-wcs-design .learndash-wrapper .ld-status-incomplete {border-color:#000!important;background:#fff}
.bu-wcs-design.single-sfwd-courses .learndash-wrapper .ld-lesson-list .learndash-complete {border-color:#000}
.bu-wcs-design .learndash-wrapper .ld-item-list-item:hover {border-color:#000;box-shadow:0 3px 0 #000}
/* Orange primary actions with accessible black text in both device appearances. */
.bu-wcs-design .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not(.ld--ignore-inline-css),
.bu-wcs-design .ld-button,
.bu-wcs-design .learndash-wrapper .learndash_mark_complete_button,
.bu-wcs-design .entry-content .gb-button,
.bu-wcs-design.page-id-575 .entry-content .gb-button,
.bu-wcs-design :is(.entry-content,.ld-tab-content) :is(input[type=submit],.button,.wp-block-button__link),
.bu-wcs-design .learndash-wrapper .ld-expand-button {
    background:#ff6400!important;color:#000!important;border:1.5px solid #000!important;border-radius:12px;
    font-family:"Open Sans",Arial,sans-serif;font-weight:800;font-size:14px;line-height:1.35;
    min-height:44px;padding:12px 16px;box-sizing:border-box;white-space:normal;text-decoration:none;
}
.bu-wcs-design :is(.ld-button,.learndash_mark_complete_button,.gb-button,.button,input[type=submit],.wp-block-button__link,.ld-expand-button):hover,
.bu-wcs-design .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not(.ld--ignore-inline-css):hover {
    background:#000!important;color:#fff!important;text-decoration:none;
}
.bu-wcs-design .learndash-wrapper .ld-button.ld-button-reverse,
.bu-wcs-design .learndash-wrapper .ld-button.ld-button-transparent {background:#fff!important;color:#000!important}
.bu-wcs-design .learndash-wrapper .ld-button.learndash-link-previous-incomplete {background:#fef0da!important;color:#454545!important}
.bu-wcs-design .learndash-wrapper .ld-content-actions .ld-course-step-back {color:#000!important;text-decoration:underline;font-weight:700}
.bu-wcs-design .learndash-wrapper .ld-alert-warning {background:#fef0da!important;color:#000!important;border:1.5px solid #000!important}
.bu-wcs-design .learndash-wrapper :is(.ld-alert-warning .ld-alert-icon,.ld-status-waiting) {background:#fef0da!important;color:#000!important}
.bu-wcs-design .learndash-wrapper .ld-table-list .ld-table-list-header {background:#000!important;color:#fff!important}
/* Catalogue: recognisable heading, full photographs, large linked rows. */
.bu-wcs-design.post-type-archive-sfwd-courses .site-main {max-width:1080px;margin:0 auto;padding:24px 18px 32px}
.bu-wcs-design.post-type-archive-sfwd-courses .gb-element-db55fa6b {padding:0}
.bu-wcs-design .gb-query-loop-wrapper {gap:18px}
.bu-wcs-design .gb-query-loop-item>.gb-container {border:1.5px solid #000;border-radius:18px;background:#fff;padding:0;box-shadow:none;position:relative}
.bu-wcs-design .gb-query-loop-item figure {margin:0}
.bu-wcs-design .gb-query-loop-item figure :is(picture,img) {display:block;width:100%}
.bu-wcs-design .gb-query-loop-item figure img {height:240px;aspect-ratio:auto;object-fit:contain;background:#fef0da}
.bu-wcs-design .gb-query-loop-item h2 {margin:0;padding:0!important;font-size:22px}
.bu-wcs-design .gb-query-loop-item h2 a {display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:64px;padding:16px 18px;color:#000!important;text-decoration:none!important}
.bu-wcs-design .gb-query-loop-item h2 a::before {content:"";position:absolute;inset:0;border-radius:18px}
.bu-wcs-design .gb-query-loop-item h2 a::after {content:"\2192";font-family:Arial,sans-serif;font-size:25px;flex:none}
.bu-wcs-design .gb-query-loop-item:focus-within>.gb-container {outline:3px solid #000;outline-offset:3px}
.bu-wcs-design .gb-query-loop-item h2 a:focus-visible {outline:none;box-shadow:none}
/* Course overviews and lessons share the same visual vocabulary. */
.bu-wcs-design.single-sfwd-courses .featured-image {border:1.5px solid #000;background:#fef0da}
.bu-wcs-design.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-name {font-size:17px;padding:16px;min-height:76px}
.bu-wcs-design.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-name::after {border-color:#000}
.bu-wcs-design .learndash-wrapper .ld-focus {background:#fef0da}
.bu-wcs-design .learndash-wrapper .ld-focus-header {border-bottom:1px solid #000;background:#fff}
.bu-wcs-design .learndash-wrapper .ld-focus-header .ld-progress {border:0;border-radius:0;background:transparent}
.bu-wcs-design .learndash-wrapper .ld-focus-sidebar {background:#fef0da;border-color:#000}
.bu-wcs-design .learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading {background:#000!important;color:#fff}
.bu-wcs-design .learndash-wrapper .ld-focus-sidebar .ld-lesson-item {background:#fff;color:#000;border-color:#000}
.bu-wcs-design .learndash-wrapper .ld-focus-sidebar .ld-lesson-item-preview-heading {color:#000!important}
.bu-wcs-design .learndash-wrapper .ld-focus-sidebar .ld-is-current-lesson {border-left:4px solid #ff6400}
.bu-wcs-design .learndash-wrapper .ld-focus-header .ld-user-menu {color:#000}
.bu-wcs-design .wp-block-embed__wrapper {border:1.5px solid #000;border-radius:16px;background:#000}
.bu-wcs-design .learndash-wrapper .ld-breadcrumbs {gap:12px;padding:14px 16px}
/* Resource cards remain inside their original role-controlled blocks. */
.bu-wcs-design.page-id-575 .wcs-info-card {padding:20px;gap:16px}
.bu-wcs-design.page-id-575 .wcs-info-card :is(h2,h3) {font-size:23px;line-height:1.15}
.bu-wcs-design.page-id-575 .wcs-info-card p {font-size:16px;line-height:1.55}
.bu-wcs-design.page-id-575 .entry-content>.gb-container {margin:0;background:transparent}
.bu-wcs-design.page-id-575 .wcs-info-card .gb-button {justify-self:stretch;text-align:center}
/* Account and earned badges: legible, touch-friendly summaries. */
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-summary {display:grid;grid-template-columns:1fr;gap:20px;padding:20px;margin-bottom:28px}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-card {margin:0;width:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-avatar {width:68px;height:68px;margin:0;border:1.5px solid #000;border-radius:50%;overflow:hidden}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-edit-link {font-size:15px;color:#000!important;text-decoration:underline}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-stats .ld-profile-stat {width:auto;min-width:0;border:1px solid #000;border-radius:12px;background:#fef0da;padding:12px;margin:0;text-align:left;color:#000}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-stats .ld-profile-stat strong {font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:30px;line-height:1.1;color:#000}
.bu-wcs-design .learndash-wrapper .ld-section-heading {gap:12px;flex-wrap:wrap}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-search-prompt {color:#000;background:transparent;min-width:44px;min-height:44px}
.bu-wcs-design.page-id-683 .gb-element-e04d4827 {display:none}
.bu-wcs-design.page-id-683 .gb-element-9cbd43c6 {padding:0;margin:0}
.bu-wcs-design .ld-achievements {padding:20px}
.bu-wcs-design .ld-achievements h2 {font-size:24px;margin:0 0 20px}
.bu-wcs-design .ld-achievement-items {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bu-wcs-design .ld-achievements .ld-achievement-image {display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-end;gap:12px;margin:0;padding:16px 10px;background:#fef0da;border:1px solid #000;border-radius:14px;text-align:center;width:auto}
.bu-wcs-design .ld-achievements .ld-achievement-image img {width:64px;height:64px;object-fit:contain;margin:0}
.bu-wcs-design .ld-achievements .ld-achievement-tooltip-text {position:static;visibility:visible;opacity:1;transform:none;width:auto;max-width:100%;min-width:0;background:transparent;color:#000;padding:0;white-space:normal;font-size:13px;line-height:1.4;box-shadow:none}
.bu-wcs-design .ld-achievements .ld-achievement-tooltip-text::after {display:none}
/* Forms: preserve labels, validation, hidden fields and keyboard semantics. */
.bu-wcs-design :is(.entry-content,.ld-tab-content) :is(input:not([type=hidden]):not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),select,textarea) {background:#fff;border:1.5px solid #000;border-radius:10px;color:#000;font:16px/1.45 "Open Sans",Arial,sans-serif;max-width:100%;padding:12px;min-height:48px}
.bu-wcs-design :is(input[type=radio],input[type=checkbox]) {accent-color:#000}
.bu-wcs-design #learndash-registration-wrapper {padding:20px;max-width:680px;margin:0}
.bu-wcs-design #learndash-registration-wrapper label {font-weight:700;font-size:15px;margin-bottom:8px}
.bu-wcs-design #learndash-registration-wrapper input:not([type=checkbox]):not([type=hidden]) {width:100%;box-sizing:border-box}
.bu-wcs-design #learndash-registration-wrapper :is(.registration-login,.learndash-registration-field) {margin:0 0 20px}
.bu-wcs-design #learndash-registration-wrapper .registration-login {padding-bottom:16px;border-bottom:1px solid #000;font-size:14px}
.bu-wcs-design #learndash-registration-wrapper .registration-login-link {font-weight:800}
.bu-wcs-design .gform_wrapper {background:#fff;border:1.5px solid #000;border-radius:18px;padding:20px;margin:24px 0}
.bu-wcs-design .gform_wrapper :is(.gfield_label,legend.gfield_label) {font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:19px!important;font-weight:800;color:#000;line-height:1.3}
.bu-wcs-design .gform_wrapper .gfield_radio {display:flex;flex-wrap:wrap;gap:12px}
.bu-wcs-design .gform_wrapper .gchoice {display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:44px;background:#fef0da;border:1px solid #000;border-radius:12px;box-sizing:border-box}
.bu-wcs-design .gform_wrapper .gchoice label {margin:0;line-height:1.4;color:#000;font-size:16px}
.bu-wcs-design .gform_wrapper .gfield_description {font-size:13px;color:#454545}
.bu-wcs-design .gform_wrapper .gfield_error {border-left:3px solid #a60000;padding-left:12px}
.bu-wcs-design .gform_wrapper .gfield_validation_message {color:#a60000;background:#fff;font-weight:700}
/* Share & learn uses the same cards while retaining private/public states. */
.bu-wcs-design .wcs-community {--wcc-bg:#fff;--wcc-paper:#fff;--wcc-ink:#000;--wcc-soft:#454545;--wcc-line:#000;--wcc-wash:#fef0da;--wcc-accent:#000;border:1.5px solid #000;box-shadow:none;font-family:"Open Sans",Arial,sans-serif;color-scheme:light}
.bu-wcs-design .wcs-community :is(h2,h3) {font-family:"Bricolage Grotesque",Arial,sans-serif;font-weight:800;letter-spacing:-.025em}
.bu-wcs-design .wcs-community .wcc-primary {background:#ff6400!important;color:#000!important;border:1.5px solid #000;border-radius:12px}
.bu-wcs-design .wcs-community .wcc-secondary {background:#fff;color:#000;border:1.5px solid #000;border-radius:12px}
.bu-wcs-design .wcs-community .wcc-tabs button {border-radius:0}
.bu-wcs-design .wcs-community .wcc-avatar {background:#fef0da;color:#000;border:1px solid #000}
.bu-wcs-design .wcs-community .wcc-approved {background:#fef0da;color:#000}
@media(min-width:768px) {
    .bu-wcs-design .inside-article {padding:32px 28px 48px}
    .bu-wcs-design .bu-screen-heading img {width:168px}
    .bu-wcs-design.post-type-archive-sfwd-courses .site-main {padding:32px 28px 48px}
    .bu-wcs-design .gb-query-loop-item figure img {height:300px}
    .bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-stats {grid-template-columns:repeat(4,minmax(0,1fr))}
    .bu-wcs-design .ld-achievement-items {grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}
@media(max-width:380px) {
    .bu-wcs-design .inside-article {padding-inline:16px}
    .bu-wcs-design.page-id-575 .wcs-info-card {padding:16px;gap:12px}
    .bu-wcs-design.page-id-575 .wcs-info-card :is(h2,h3) {font-size:21px}
    .bu-wcs-design .learndash-wrapper .ld-section-heading .ld-expand-button {font-size:12px;padding:10px 12px}
}

/* App navigation already supplies these controls; suppress duplicate theme chrome before paint. */
.bu-wcs-app-view :is(#masthead,#site-navigation,.mobile-header-navigation,.mobile-menu-control-wrapper) {display:none}

/* Finish vendor components that carry their own inline accent colours. */
.bu-wcs-design .learndash-wrapper .ld-expand-button :is(.ld-text,.ld-icon) {color:inherit!important;background:transparent!important}
.bu-wcs-design .learndash-wrapper .ld-status.ld-status-progress {background:#fef0da!important;color:#000!important;border:1px solid #000;border-radius:999px}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-card {flex-direction:row;justify-content:flex-start}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-stats {height:auto;min-height:0;align-content:start;align-items:start}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-stat {height:auto;min-height:0}
.bu-wcs-design .bu-current-logo {margin:24px 0;text-align:left}
.bu-wcs-design .bu-current-logo img {width:168px;height:auto;display:block}
.bu-wcs-design .bu-course-return {text-align:center;margin:24px 0}
.bu-wcs-design #learndash-registration-wrapper :is(input[type=text],input[type=email],input[type=password],input[type=url],select,textarea) {border:1.5px solid #000!important;border-radius:12px!important;min-height:48px;background:#fff!important;color:#000!important;box-shadow:none!important;font-size:16px}
.bu-wcs-design #learndash-registration-wrapper input[type=submit] {background:#ff6400!important;color:#000!important;border:1.5px solid #000!important;border-radius:12px!important;min-height:48px}
.bu-wcs-design .learndash-wrapper .ld-file-upload {background:#fff;border:1.5px solid #000;border-radius:12px}
.bu-wcs-design .learndash-wrapper .ld-file-upload .ld-file-upload-form {background:#fff}

.bu-wcs-design .piecal-wrapper {background:#fff;border:1.5px solid #000;border-radius:18px;padding:16px}
.bu-wcs-design [class*=piecal-controls] button {background:#ff6400;color:#000;border:1.5px solid #000;border-radius:10px;min-height:44px}
.bu-wcs-design .piecal-controls__view-chooser {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bu-wcs-design :is(.fc-col-header-cell,.fc-list-day-cushion) {background:#fef0da;color:#000}
.bu-wcs-design .fc a {color:#000}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-stats {grid-auto-rows:max-content;row-gap:12px!important;padding:0!important;margin:0!important;max-height:none}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-profile-stats .ld-profile-stat {padding:12px!important;margin:0!important;align-self:start;max-width:none}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-item-list-actions {display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-item-list-actions .ld-expand-button {width:auto;white-space:nowrap}
.bu-wcs-design.post-type-archive-sfwd-courses .gb-query-loop-wrapper {align-items:start}
.bu-wcs-design.post-type-archive-sfwd-courses .gb-query-loop-item>.gb-container {height:auto;min-height:0;padding:0;display:flex;flex-direction:column;justify-content:flex-start}
.bu-wcs-design.post-type-archive-sfwd-courses .gb-query-loop-item figure {height:auto;min-height:0;aspect-ratio:auto;flex:none}
.bu-wcs-design.post-type-archive-sfwd-courses .gb-query-loop-item figure picture {height:auto;min-height:0;aspect-ratio:auto}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 16px}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-section-heading h3 {margin:0;flex:1 1 auto}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-item-list-actions {margin:0;width:auto;flex:0 1 auto}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-item-list-actions .ld-expand-button .ld-icon {position:static;margin:0;flex:none}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-item-list-actions .ld-expand-button {display:inline-flex;align-items:center;gap:8px}

.bu-wcs-design .learndash-wrapper #ld-profile .ld-item-list-actions .ld-expand-button {max-width:none;min-width:0}
.bu-wcs-design .learndash-wrapper #ld-profile .ld-item-list-actions .ld-expand-button .ld-text {padding:0;flex:0 1 auto}
