/* Whole-website V1: preserve owner layouts, actions and learner records. */
body.clui-website-v1 :is(.clui-app,.clui-main,.clui-content) {background-color:var(--cl-brand-v1-canvas);color:var(--cl-brand-v1-ink);}
body.clui-website-v1 :is(.clui-topbar,.clui-sidebar,.clui-drawer,.clui-bottom-nav,.clui-profile-menu,.clui-tool-dialog) {background:var(--cl-brand-v1-surface);color:var(--cl-brand-v1-ink);border-color:var(--cl-brand-v1-line);}
body.clui-website-v1 .clui-page-header {background:var(--cl-brand-v1-surface) var(--cl-brand-v1-circles) no-repeat right center;background-size:260px 100%;border:1px solid var(--cl-brand-v1-line);border-radius:var(--cl-brand-v1-radius);box-shadow:none;}
body.clui-website-v1 .clui-page-header :is(h1,p) {color:var(--cl-brand-v1-ink);}
body.clui-website-v1 .clui-page-header .clui-page-header__eyebrow {color:var(--cl-brand-v1-pink);}
body.clui-website-v1 :is(.cldi-dashboard,.clgen-app,.clrf-box,.clrf-discussion) {
 --clgen-primary:var(--cl-brand-v1-accent);--clgen-border:var(--cl-brand-v1-line);
 --clgen-text:var(--cl-brand-v1-ink);--clgen-muted:var(--cl-brand-v1-muted);
 --clgen-surface:var(--cl-brand-v1-surface);--clgen-bg:var(--cl-brand-v1-canvas);
 --cldi-studio-shadow:var(--cl-brand-v1-shadow);--studio-ink:var(--cl-brand-v1-ink);
 --studio-line:var(--cl-brand-v1-line);--studio-soft:var(--cl-brand-v1-soft);
}
body.clui-website-v1 :is(.cldi-dashboard .cldi-card,.cldi-dashboard .cldi-hub__stat,.clgen-hub-card,.clgen-hub-summary__card,.clgen-app .clgen-panel,.clsrc-reflection,.clrf-box,.clrf-discussion) {background:var(--cl-brand-v1-surface);color:var(--cl-brand-v1-ink);border-color:var(--cl-brand-v1-line);border-radius:var(--cl-brand-v1-radius);box-shadow:var(--cl-brand-v1-shadow);}
body.clui-website-v1 :is(.cldi-hub__hero,.clgen-hub-heading,.clgen-hub-welcome,.clrf-box__header,.clrf-discussion__header) {background-color:var(--cl-brand-v1-surface);background-image:var(--cl-brand-v1-circles);background-repeat:no-repeat;background-size:240px 100%;background-position:right top;color:var(--cl-brand-v1-ink);border-color:var(--cl-brand-v1-line);}
body.clui-website-v1 :is(.cldi-hub__hero,.clgen-hub-heading,.clgen-hub-welcome,.clrf-box__header,.clrf-discussion__header) :is(h1,h2,h3,p) {color:var(--cl-brand-v1-ink);}
body.clui-website-v1 :is(.clgen-hub-action,.clgen-app .clgen-button,.cldi-card__cta,.clrf-form__actions button[type=submit]) {border-radius:var(--cl-brand-v1-control-radius);min-height:44px;}
body.clui-website-v1 :is(.clrf-box__prompt,.clrf-studio__tips,.clrf-context,.clrf-discussion__purpose,.clsrc-reflections__summary) {background:var(--cl-brand-v1-soft);color:var(--cl-brand-v1-ink);border-color:var(--cl-brand-v1-line);border-radius:var(--cl-brand-v1-control-radius);}
body.clui-website-v1 :is(.clrf-form__status,.clrf-form__record-note,.clrf-studio__prompt-note) {color:var(--cl-brand-v1-muted);}
body.clui-website-v1 :is(.clgen-hub-card,.cldi-card,.clrf-box,.clrf-discussion,.clsrc-reflection) :is(h2,h3,h4) {font-family:var(--cl-brand-v1-heading);color:var(--cl-brand-v1-ink);}
body.clui-website-v1 .clui-content :is(table,th,td) {border-color:var(--cl-brand-v1-line);}
body.clui-website-v1 .clui-content th {background:var(--cl-brand-v1-soft);color:var(--cl-brand-v1-ink);}
body.clui-website-v1 .clui-content tbody tr:hover>td {background-color:var(--cl-brand-v1-soft);}
body.clui-website-v1 .clui-content :is(.care-ui-kicker,.clgen-eyebrow,.clrf-studio__edition) {color:var(--cl-brand-v1-pink);}
@media(forced-colors:active) {body.clui-website-v1 :is(.clui-page-header,.cldi-hub__hero,.clgen-hub-heading,.clrf-box__header,.clrf-discussion__header){background-image:none;}}

/* Accessible native lesson prerequisite action. */
body.clui-website-v1 #ld-focus-content .ld-alert .ld-button { background: var(--cl-brand-v1-accent) !important; color: var(--cl-brand-v1-on-accent) !important; border-radius: var(--cl-brand-v1-control-radius); min-height: 44px; }

/* The viewport toolbar is structural chrome, not a rounded content card. */
body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ldfhb-header__bar { border-radius:0!important; }
body.clui-website-v1 #ld-focus-sidebar .ld-course-navigation-heading { margin-top:0!important; }

/* Warm canvas belongs to dashboard widget areas, not reading or public pages. */
body.clui-website-v1 :is(.clui-content--dashboard,.clui-content--group_dashboard) {
 --cl-ui-page:var(--cl-brand-v1-dashboard-canvas);
 background-color:var(--cl-brand-v1-dashboard-canvas);
}
body.clui-website-v1 .clui-content--dashboard :is(.cldi-dashboard,.cldi-hub,.cldi-hub__body),
body.clui-website-v1 .clui-content--group_dashboard .clgen-app {
 --clgen-bg:var(--cl-brand-v1-dashboard-canvas);
 background-color:var(--cl-brand-v1-dashboard-canvas);
}
html.clui-a11y-contrast-high body.clui-website-v1 { --cl-brand-v1-dashboard-canvas:var(--cl-brand-v1-canvas); }

/* Match the title frame to the lesson reading column, including narrow screens. */
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1.ldfhb-focus-card .ld-focus .ld-focus-main .ld-focus-content .learndash-shortcode-wrap:has(> :is(.ld-lesson-status,.ld-topic-status,.ld-quiz-status)) {
 box-sizing:border-box!important;
 width:calc(100% - 4rem)!important;
 max-width:var(--ldfhb-card-content-max-width,900px)!important;
 margin-inline:auto!important;
 padding-inline:0!important;
}
@media(max-width:1024px) {
 html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1.ldfhb-focus-card .ld-focus .ld-focus-main .ld-focus-content .learndash-shortcode-wrap:has(> :is(.ld-lesson-status,.ld-topic-status,.ld-quiz-status)) {
  width:calc(100% - 2 * var(--ldfhb-mobile-content-side-padding,16px))!important;
  max-width:none!important;
 }
}

/* Native reading lists keep their markers inside the padded lesson column. */
body.clui-website-v1 #ld-focus-content :is(.ld-lesson-content,.ld-tab-content) :is(ul,ol):is(:not([class]),.wp-block-list) {
 padding-inline-start:1.5em!important;
 margin-inline-start:0!important;
 list-style-position:outside;
}

/* V1 reading notices replace the legacy gradient stripe and glow. */
body.clui-website-v1 #ld-focus-content blockquote.wp-block-quote:is(.clss-branded-quote,.wp-block-quote-is-layout-flow) {
 background:var(--cl-brand-v1-surface)!important;border:1px solid var(--cl-brand-v1-line)!important;border-inline-start:3px solid var(--cl-brand-v1-accent)!important;border-radius:var(--cl-brand-v1-radius)!important;box-shadow:none!important;padding:20px 24px!important;color:var(--cl-brand-v1-ink)!important;
}
body.clui-website-v1 #ld-focus-content blockquote.wp-block-quote:is(.clss-branded-quote,.wp-block-quote-is-layout-flow)::before,
body.clui-website-v1 #ld-focus-content blockquote.wp-block-quote:is(.clss-branded-quote,.wp-block-quote-is-layout-flow)::after {display:none!important;}
/* Native submission and undo controls retain their forms and completion semantics. */
html body.clui-website-v1 .learndash-wrapper #ld-focus-content .ld-content-actions :is(input,button).learndash_mark_complete_button {
 box-sizing:border-box!important;background:var(--cl-brand-v1-accent)!important;color:var(--cl-brand-v1-on-accent)!important;border:1px solid var(--cl-brand-v1-accent)!important;border-radius:var(--cl-brand-v1-control-radius)!important;min-height:44px!important;padding:12px 24px!important;font:600 1rem/1.4 var(--cl-brand-v1-body)!important;box-shadow:none!important;animation:none!important;text-shadow:none!important;
}
html body.clui-website-v1 .learndash-wrapper #ld-focus-content .ld-content-actions :is(input,button).learndash_mark_complete_button:not(:disabled):hover {background:var(--cl-brand-v1-strong)!important;}
html body.clui-website-v1 .learndash-wrapper #ld-focus-content .ld-content-actions :is(input,button).learndash_mark_complete_button:focus-visible {outline:3px solid var(--cl-brand-v1-accent)!important;outline-offset:3px!important;}
html body.clui-website-v1 .learndash-wrapper #ld-focus-content .ld-content-actions :is(input,button).learndash_mark_complete_button:disabled {opacity:.55;cursor:not-allowed;}
/* The native trailing glyph overlaps longer undo labels; the text names the action. */
html body.clui-website-v1 .learndash-wrapper #ld-focus-content .ld-content-actions form.sfwd-mark-complete:not(.ldfhb-native-countdown-badge)::after {display:none!important;}

/* Retain Studio's canvas behind all registered learner pages, not just dashboards.
 * Surface tokens stay white for tables, filters, cards and dialogs. */
body.clui-website-v1 .clui-shell:not(.clui-shell--auth) {
 --cl-ui-page:var(--cl-brand-v1-dashboard-canvas);
 background-color:var(--cl-brand-v1-dashboard-canvas);
}

/* Restore the Studio frame around lessons without tinting the reading card. */
body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 {--ldfhb-frame-background:var(--cl-brand-v1-dashboard-canvas);}
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main {background-color:var(--cl-brand-v1-dashboard-canvas)!important;}
/* Completion forms draw the tick separately. Preserve its reserved text inset. */
html body.clui-website-v1 .learndash-wrapper #ld-focus-content .ld-content-actions form.ldfhb-lesson-complete-form input.learndash_mark_complete_button {
 padding-inline-start:48px!important;
}
html body.clui-website-v1 .learndash-wrapper #ld-focus-content .ld-content-actions form.ldfhb-lesson-complete-form.ldfhb-native-countdown-badge input.learndash_mark_complete_button {padding-inline-end:66px!important;}
html body.clui-website-v1.ldfhb-lesson-buttons-option2 .learndash-wrapper #ld-focus-content .ld-content-actions form.ldfhb-lesson-complete-form.ldfhb-native-countdown-badge input.learndash_mark_complete_button {padding-inline-end:104px!important;}

body.clui-website-v1 .clui-shell:not(.clui-shell--auth) :is(.clui-main,.clui-content) {background-color:var(--cl-brand-v1-dashboard-canvas);}

/* Reserve the same title inset even when video/shortcode wrappers have no top padding. */
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1.ldfhb-focus-card .ld-focus .ld-focus-main #ld-focus-content {padding-top:24px!important;}
@media(max-width:767px){html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1.ldfhb-focus-card .ld-focus .ld-focus-main #ld-focus-content {padding-top:16px!important;}}

/* Lesson progression band: straight edges distinguish navigation from reading cards. */
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions {
 background:var(--cl-brand-v1-accent)!important;
 border:0!important;border-block:1px solid var(--cl-brand-v1-accent)!important;
 border-radius:0!important;box-shadow:none!important;
}

/* Option F: stronger navigation separation; native forms and actions stay intact. */
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions :is(a.ld-button,input.learndash_mark_complete_button,button.learndash_mark_complete_button) {min-height:52px!important;padding-block:14px!important;padding-inline:26px!important;box-sizing:border-box!important;background:var(--cl-brand-v1-surface)!important;color:var(--cl-brand-v1-accent)!important;border:1px solid var(--cl-brand-v1-surface)!important;}
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions a.ld-button :is(span,.ld-text,.ld-icon) {color:inherit!important;}
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions a.ld-button:is(.ld-button-transparent,.ldfhb-lesson-back,[rel="prev"]) {background:transparent!important;color:var(--cl-brand-v1-on-accent)!important;border-color:var(--cl-brand-v1-on-accent)!important;}
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions :is(a.ld-button,input.learndash_mark_complete_button,button.learndash_mark_complete_button):not(:disabled):not([aria-disabled="true"]):hover {background:var(--cl-brand-v1-soft)!important;color:var(--cl-brand-v1-accent)!important;}
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions :is(a.ld-button,input.learndash_mark_complete_button,button.learndash_mark_complete_button):focus-visible {outline:3px solid var(--cl-brand-v1-on-accent)!important;outline-offset:4px!important;}
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions form.ldfhb-lesson-complete-form::before {color:var(--cl-brand-v1-accent)!important;}
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions form.ldfhb-lesson-complete-form input.learndash_mark_complete_button {padding-inline-start:48px!important;}
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions form.ldfhb-lesson-complete-form.ldfhb-native-countdown-badge input.learndash_mark_complete_button {padding-inline-end:66px!important;}
html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1.ldfhb-lesson-buttons-option2 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions form.ldfhb-lesson-complete-form.ldfhb-native-countdown-badge input.learndash_mark_complete_button {padding-inline-end:104px!important;}
@media(max-width:480px){html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions :is(a.ld-button,input.learndash_mark_complete_button,button.learndash_mark_complete_button) {padding-inline:18px!important;}html body.clui-website-v1.ldfhb-template-cl-brand-kit-v1 .ld-focus .ld-focus-main #ld-focus-content .ld-content-actions {gap:12px!important;flex-wrap:wrap!important;}}

/* Approved ending refinement: remove accumulated wrapper space after the notice. */
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content .clss-footer-optional {margin-top:16px!important;margin-bottom:0!important;}
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content :is(.ld-tab-content,.ld-tabs,.learndash-wrapper):has(.clss-footer-optional):not(:has(.clss-footer-aligned)) {padding-bottom:0!important;margin-bottom:0!important;}
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content .clss-footer-aligned {margin-top:28px!important;}

/* The shared Kadence footer adds its own spacing outside the lesson wrapper. */
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content .wp-block-kadence-rowlayout:has(.clss-footer-aligned) > .kt-row-column-wrap{padding-top:0!important;padding-bottom:0!important;}
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content .clui-empty-lesson-footer-row{display:none!important;}

/* Approved optional section B: white cards on soft slate, with an unboxed notice. */
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content .clui-before-optional{margin-bottom:0!important;padding-bottom:0!important;}
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content .clui-optional-surround{display:flow-root;background:var(--clui-optional-background,#fff);padding:0 0 24px;margin:0;box-sizing:border-box;}
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content .clui-optional-surround .clss-footer-optional{padding-top:16px!important;margin-top:0!important;}
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content .clui-optional-surround :is(.clrf-box,.clrf-discussion,.clss-footer-reading){background:#fff!important;border:1px solid #cbd2d5!important;border-left:3px solid #006783!important;border-radius:6px!important;}
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content .clui-optional-surround .ldfhb-lesson-copyright{background:transparent!important;border:0!important;border-top:1px solid #cbd2d5!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;line-height:1.7!important;color:#52616b!important;padding:16px 0!important;margin-top:28px!important;margin-bottom:0!important;text-align:left!important;}
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content .clui-optional-surround .clrf-box__prompt{background:#f4f8f9!important;border-color:#bad5dd!important;}

/* The outer card owns the single teal edge; avoid a second header stripe. */
html body.clui-website-v1.clss-template-cl-brand-kit-v1 #ld-focus-content :is(.clrf-box__header,.clrf-discussion__header){border-left:0!important;border-inline-start:0!important;}
html body.clui-website-v1 #ld-focus-content .clui-optional-collapsed > :not(.clrf-box__header):not(.clrf-discussion__header){display:none!important;}
html body.clui-website-v1 #ld-focus-content :is(.clui-optional-open,.clui-optional-close){font:inherit;font-weight:700;cursor:pointer;min-height:44px;padding:12px 20px;border-radius:5px;}
html body.clui-website-v1 #ld-focus-content .clui-optional-open{display:block;margin-top:20px;background:#006783;color:#fff;border:1px solid #006783;}
html body.clui-website-v1 #ld-focus-content .clui-optional-close{display:block;margin:20px 24px;background:#fff;color:#006783;border:1px solid #006783;}
html body.clui-website-v1 #ld-focus-content :is(.clui-optional-open,.clui-optional-close)[hidden]{display:none!important;}
html body.clui-website-v1 #ld-focus-content :is(.clui-optional-open,.clui-optional-close):focus-visible{outline:3px solid #006783;outline-offset:3px;}
html body.clui-website-v1 #ld-focus-content .clui-optional-open:hover{background:#004e60;}

/* Completed-step resume notice: pink side accent, neutral top edge. */
html body.clui-website-v1 #cl-legacy-resume-notice{border-top:1px solid var(--cl-brand-v1-line,#bad5dd)!important;border-left:4px solid #d40b65!important;}
html body.clui-website-v1 #cl-legacy-resume-notice a.care-ui-button{text-decoration:none!important;}

/* Compact reflection workspace, retaining native forms and disclosures. */
html body.clui-website-v1 #ld-focus-content :is(.clrf-studio__steps,.clrf-studio__prompt-note,.clrf-studio__start){display:none!important;}
html body.clui-website-v1 #ld-focus-content .clrf-box__prompt{border-radius:0!important;border-bottom:1px solid #bad5dd!important;}
html body.clui-website-v1 #ld-focus-content .clrf-studio__workspace{border-bottom:1px solid #bad5dd;min-width:0;}
html body.clui-website-v1 #ld-focus-content .clrf-studio__workspace > *{min-width:0;}
html body.clui-website-v1 #ld-focus-content .clrf-box .clrf-form textarea[name="content"]{height:auto!important;min-height:calc(8 * 1.75em + 34px)!important;line-height:1.75!important;box-sizing:border-box;resize:vertical;}
html body.clui-website-v1 #ld-focus-content .clrf-discussion__purpose-notice{border:1px solid #bad5dd!important;border-left:3px solid #006783!important;}
html body.clui-website-v1 #ld-focus-content .clrf-box :is(.clrf-context,.clrf-studio__tips){border:1px solid #bad5dd!important;border-radius:5px!important;overflow:visible;}
html body.clui-website-v1 #ld-focus-content .clrf-box :is(.clrf-context,.clrf-studio__tips) > summary{display:flex!important;align-items:center;gap:10px;list-style:none!important;padding:12px 14px!important;min-height:44px;box-sizing:border-box;border:0!important;border-radius:4px!important;background:#f4f8f9!important;color:#006783!important;box-shadow:none!important;cursor:pointer;}
html body.clui-website-v1 #ld-focus-content .clrf-box :is(.clrf-context,.clrf-studio__tips) > summary::-webkit-details-marker{display:none;}
html body.clui-website-v1 #ld-focus-content .clrf-box :is(.clrf-context,.clrf-studio__tips) > summary::before{content:""!important;position:static!important;flex:0 0 7px;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);margin:0 3px 0 0;background:none!important;}
html body.clui-website-v1 #ld-focus-content .clrf-box :is(.clrf-context,.clrf-studio__tips)[open] > summary::before{transform:rotate(45deg);}
html body.clui-website-v1 #ld-focus-content .clrf-box :is(.clrf-context,.clrf-studio__tips) > summary::after{content:none!important;}
html body.clui-website-v1 #ld-focus-content .clrf-box :is(.clrf-context,.clrf-studio__tips) > summary:hover{background:#e6f1f4!important;outline:none;}
html body.clui-website-v1 #ld-focus-content .clrf-box :is(.clrf-context,.clrf-studio__tips) > summary:focus-visible{outline:3px solid #006783!important;outline-offset:3px;}
@media(min-width:1000px){html body.clui-website-v1 #ld-focus-content .clrf-box--studio .clrf-studio__workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}}