/* Beyond Care Training — course + lesson visual coherence v150
   Presentation-only layer. Uses the existing v132/v147/v148 scrapbook assets
   and design tokens; does not alter lesson logic, content, navigation or data. */
:root{
  --bc-cl-paper:#f8f2e8;
  --bc-cl-ink:#151210;
  --bc-cl-muted:#51463c;
  --bc-cl-red:#d7181f;
  --bc-cl-line:rgba(68,47,30,.22);
  --bc-cl-tape:var(--sb148-tape-a,linear-gradient(180deg,rgba(201,163,112,.52),rgba(186,148,98,.46)));
  --bc-cl-shadow:0 8px 17px rgba(62,43,26,.13);
}

/* COURSE OVERVIEW — replace the last clean SaaS cues with the same paper
   materials already used on the public site and the signed-in platform. */
html body .course-overview-page-v38{
  position:relative!important;
  isolation:isolate;
  color:var(--bc-cl-ink)!important;
  padding-top:30px!important;
}
html body .course-overview-page-v38::before{
  content:"";position:absolute;z-index:-1;inset:8px 18px 30px;
  background:var(--sb147-sheet-wide-a) center top/100% 100% no-repeat,
             #f8f2e8;
  filter:drop-shadow(0 8px 8px rgba(60,41,25,.13));
  pointer-events:none;
}
html body .course-overview-page-v38 .course-overview-hero-v38{
  position:relative;border-bottom:1px dashed rgba(68,47,30,.25)!important;
  padding:24px 20px 30px!important;gap:42px!important;
}
html body .course-overview-page-v38 .course-overview-hero-v38::after{
  content:"";position:absolute;right:8%;top:-4px;width:104px;height:28px;
  background:var(--bc-cl-tape) center/100% 100% no-repeat;
  opacity:.86;transform:rotate(2.8deg);pointer-events:none;
}
html body .course-overview-page-v38 .course-overview-kicker-v38,
html body .course-overview-page-v38 .course-section-kicker-v38{
  font-family:var(--sb147-hand,'Caveat',cursive)!important;
  font-size:19px!important;font-weight:600!important;letter-spacing:.045em!important;
  text-transform:uppercase;color:#514238!important;
}
html body .course-overview-page-v38 .course-overview-kicker-v38>span,
html body .course-overview-page-v38 .course-section-kicker-v38>span{
  height:2px!important;width:48px!important;background:var(--bc-cl-red)!important;
  border-radius:0!important;transform:rotate(-1.4deg);
}
html body .course-overview-page-v38 .course-overview-hero-v38 h1,
html body .course-overview-page-v38 .course-think-v38 h2,
html body .course-overview-page-v38 .course-journey-v38__head h2,
html body .course-overview-page-v38 .course-final-v38 h2{
  font-family:var(--sb147-serif,'Vidaloka',Georgia,serif)!important;
  color:var(--bc-cl-ink)!important;text-shadow:.25px .25px rgba(21,18,16,.16);
}
html body .course-overview-page-v38 .course-overview-hero-v38 h1 em,
html body .course-overview-page-v38 .course-think-v38 h2 em{color:var(--bc-cl-red)!important}
html body .course-overview-page-v38 .course-overview-progress-v38{
  position:relative;background:var(--sb147-sheet-b) center/100% 100% no-repeat,#f7eee2!important;
  border:0!important;border-radius:0!important;box-shadow:var(--bc-cl-shadow)!important;
  padding:32px 30px!important;transform:rotate(.35deg);
}
html body .course-overview-page-v38 .course-overview-progress-v38::before{
  content:"";position:absolute;left:34%;top:-8px;width:82px;height:23px;
  background:var(--bc-cl-tape) center/100% 100% no-repeat;transform:rotate(-3deg);opacity:.78;
}
html body .course-overview-page-v38 .course-overview-progress-v38__primary,
html body .course-overview-page-v38 .course-final-v38__button{
  border-radius:2px!important;background:var(--bc-cl-red)!important;
  box-shadow:2px 3px 0 rgba(87,36,25,.18)!important;
}
html body .course-overview-page-v38 .course-overview-stats-v38 strong{color:var(--bc-cl-red)!important}
html body .course-overview-page-v38 .course-think-v38,
html body .course-overview-page-v38 .course-journey-v38{position:relative;padding:28px 20px 16px!important}
html body .course-overview-page-v38 .course-think-v38{border-bottom:1px dashed rgba(68,47,30,.26)!important}
html body .course-overview-page-v38 .course-focus-card-v38{
  position:relative;border:0!important;border-radius:0!important;
  background:var(--sb147-sheet-a) center/100% 100% no-repeat,#f8f2e8!important;
  box-shadow:var(--bc-cl-shadow)!important;transform:rotate(-.25deg);
}
html body .course-overview-page-v38 .course-focus-card-v38:nth-child(2){transform:rotate(.35deg)}
html body .course-overview-page-v38 .course-focus-card-v38:nth-child(3){transform:rotate(-.15deg)}
html body .course-overview-page-v38 .course-focus-card-v38::before{
  content:"";position:absolute;top:-5px;left:42%;width:66px;height:18px;
  background:var(--bc-cl-tape) center/100% 100% no-repeat;opacity:.7;transform:rotate(2deg);
}
html body .course-overview-page-v38 .course-focus-card-v38 strong{font-family:var(--sb147-serif,'Vidaloka',Georgia,serif)!important}
html body .course-overview-page-v38 .course-journey-v38__item{
  background:var(--sb147-sheet-a) center/100% 100% no-repeat,#faf5ec!important;
  border:0!important;border-radius:0!important;box-shadow:0 4px 8px rgba(62,43,26,.11)!important;
  position:relative;overflow:visible!important;
}
html body .course-overview-page-v38 .course-journey-v38__item:nth-child(3n+2){transform:rotate(.18deg)}
html body .course-overview-page-v38 .course-journey-v38__item:nth-child(3n){transform:rotate(-.16deg)}
html body .course-overview-page-v38 .course-journey-v38__row{background:transparent!important}
html body .course-overview-page-v38 .course-journey-v38__num{border-radius:0!important;background:rgba(215,24,31,.09)!important;color:var(--bc-cl-red)!important;font-family:var(--sb147-serif,'Vidaloka',Georgia,serif)!important}
html body .course-overview-page-v38 .course-journey-v38__title{font-family:Georgia,'Times New Roman',serif!important;font-weight:600!important}
html body .course-overview-page-v38 .course-final-v38{
  background:var(--sb147-sheet-b) center/100% 100% no-repeat,#f8eee4!important;
  border:0!important;border-radius:0!important;box-shadow:var(--bc-cl-shadow)!important;
}
html body .course-overview-page-v38 .course-overview-more-v38{
  background:var(--sb147-note) center/100% 100% no-repeat,#f8f2e8!important;
  border:0!important;border-radius:0!important;padding:0 22px!important;
}

/* LESSON PAGES — same paper, same ink, same red-pencil marks. Content blocks
   retain their existing layout and interactions, but no longer look like a
   separate rounded-card UI kit. */
html body .lesson-content:not(.unit-content){
  position:relative;color:var(--bc-cl-ink)!important;
}
html body .lesson-content:not(.unit-content) .lesson-header{
  position:relative;padding:30px 30px 28px!important;margin-bottom:28px!important;
  background:var(--sb147-sheet-wide-a) center/100% 100% no-repeat,#f8f2e8!important;
  border:0!important;box-shadow:var(--bc-cl-shadow)!important;
}
html body .lesson-content:not(.unit-content) .lesson-header::before{
  content:"";position:absolute;top:-5px;left:16%;width:90px;height:22px;
  background:var(--bc-cl-tape) center/100% 100% no-repeat;opacity:.78;transform:rotate(-2.5deg);
}
html body .lesson-content .lesson-tag,
html body .lesson-content .lesson-header .lesson-tag{
  color:var(--bc-cl-red)!important;font-family:var(--sb147-hand,'Caveat',cursive)!important;
  font-size:20px!important;letter-spacing:.035em!important;
}
html body .lesson-content .lesson-header h1{
  font-family:var(--sb147-serif,'Vidaloka',Georgia,serif)!important;
  color:var(--bc-cl-ink)!important;letter-spacing:-.02em!important;
}
html body .lesson-content .lesson-intro{color:#443b33!important;font-family:Georgia,'Times New Roman',serif!important;line-height:1.75!important}
html body .lesson-content .lesson-objectives,
html body .lesson-content .welcome-module,
html body .lesson-content .quiz-block,
html body .lesson-content .tf-block,
html body .lesson-content .local-content-section,
html body .lesson-content .module-orientation-panel,
html body .lesson-content .pullquote{
  border-radius:0!important;border-color:rgba(68,47,30,.16)!important;
  box-shadow:0 5px 11px rgba(62,43,26,.08)!important;
}
html body .lesson-content .lesson-objectives,
html body .lesson-content .welcome-module,
html body .lesson-content .module-orientation-panel{
  background:var(--sb147-sheet-a) center/100% 100% no-repeat,#f8f2e8!important;
}
html body .lesson-content .quiz-block,
html body .lesson-content .tf-block{
  background:var(--sb147-sheet-b) center/100% 100% no-repeat,#f8f2e8!important;
}
html body .lesson-content .pullquote{
  background:var(--sb147-note) center/100% 100% no-repeat,#f5eadc!important;
  border-left:3px solid var(--bc-cl-red)!important;
}
html body .lesson-content .lesson-footer,
html body .lesson-content .lesson-progress-info{
  border-color:rgba(68,47,30,.22)!important;
}
html body .lesson-content button,
html body .unit-page button{transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
html body .lesson-content :is(button,.btn,.bc-primary-action):not(.answer-option):not(.quiz-option){border-radius:2px}
html body .lesson-content :is(button,.btn,.bc-primary-action):focus-visible,
html body .course-overview-page-v38 :is(a,button,summary):focus-visible{
  outline:3px solid rgba(215,24,31,.55)!important;outline-offset:3px!important;
}

/* REFLECTION PAGES — match the lesson paper instead of introducing a new
   visual system for the final activity. */
html body .reflection-shell.reflection-journal-v133{
  background:var(--sb147-sheet-wide-a) center top/100% 100% no-repeat,#f8f2e8!important;
  filter:drop-shadow(0 7px 7px rgba(60,41,25,.11));
}
html body .reflection-shell.reflection-journal-v133 .journal-course-card-v133{
  border-radius:0!important;background:var(--sb147-sheet-a) center/100% 100% no-repeat,#f8f2e8!important;
  box-shadow:0 6px 10px rgba(62,43,26,.1)!important;
}

@media(max-width:700px){
  html body .course-overview-page-v38::before{inset:5px 2px 18px}
  html body .course-overview-page-v38 .course-overview-hero-v38{padding:20px 8px 24px!important;gap:24px!important}
  html body .course-overview-page-v38 .course-think-v38,
  html body .course-overview-page-v38 .course-journey-v38{padding-left:8px!important;padding-right:8px!important}
  html body .course-overview-page-v38 .course-focus-card-v38{transform:none!important}
  html body .course-overview-page-v38 .course-journey-v38__item{transform:none!important}
  html body .lesson-content:not(.unit-content) .lesson-header{padding:25px 20px 24px!important}
}
@media(prefers-reduced-motion:reduce){html body .lesson-content button,html body .unit-page button{transition:none!important}}
html body.a11y-high-contrast .course-overview-page-v38::before,
html body.a11y-high-contrast .course-overview-page-v38 .course-overview-progress-v38,
html body.a11y-high-contrast .course-overview-page-v38 .course-focus-card-v38,
html body.a11y-high-contrast .course-overview-page-v38 .course-journey-v38__item,
html body.a11y-high-contrast .lesson-content .lesson-header,
html body.a11y-high-contrast .lesson-content .lesson-objectives,
html body.a11y-high-contrast .lesson-content .welcome-module,
html body.a11y-high-contrast .lesson-content .quiz-block,
html body.a11y-high-contrast .lesson-content .tf-block{background-image:none!important;filter:none!important;box-shadow:none!important;border:2px solid currentColor!important}