/* ========================================================================
   BEYOND CARE v145 — GLOBAL SCRAPBOOK MATERIAL LAYER
   Loaded last on platform.html (data-bc-scrapbook-material). One material
   language for the whole learner platform: diary paper behind the content,
   paper sheets with tape corners and a gentle tilt on cards, ruled-ledger
   paper on tables and forms, Vidaloka / Caveat / Inter typography, the dark
   sidebar as journal cover and spine, the journey bar as a paper header
   strip, the login card as the journal's front cover.

   Cascade: this file is the last stylesheet, so it wins over the glass
   system by matching its specificity and importance rather than raising it.
   The glass rules are `:is(.card)` with !important; the rules here are
   `body .card` or `.main[data-bc-shell="paper"] .card` with !important.
   Accessibility flags (body.a11y-high-contrast, body.a11y-reduce-motion and
   the matching media queries) are restated at the end with higher
   specificity so they always win over the decoration.

   The four learner pages that already carry the scrapbook look (Courses,
   My Journal, Resource Studio and Events) only receive typography alignment:
   scrapbook-material-v145.js marks the main region data-bc-shell="scrapbook"
   while one of them is on screen, so the paper material below stays off.

   Spreads and page turns reuse the Distinctive Lens diary keyframes
   (bcDiaryTurnForward / bcDiaryTurnBackward / bcDiaryClipForward /
   bcDiaryClipBackward / bcDiaryMobileFade / bcDiaryEntryIn) declared in
   lesson-experience.css.
   ======================================================================== */

:root{
  --bc145-paper:#f7f1e8;
  --bc145-paper-2:#fbf7ef;
  --bc145-paper-3:#efe6d8;
  --bc145-ink:#1b1713;
  --bc145-ink-2:#3b332c;
  --bc145-muted:#5a524a;
  --bc145-red:#c4121b;
  --bc145-red-deep:#9e0d14;
  --bc145-line:rgba(55,42,30,.17);
  --bc145-rule:rgba(55,42,30,.14);
  --bc145-cover:#2a1d19;
  --bc145-cover-2:#3b2a24;
  --bc145-cover-ink:#f3eadc;
  --bc145-stitch:rgba(243,234,220,.5);
  --bc145-texture:url('./assets/diary-paper-texture.jpg');
  --bc145-sheet-a:url('./assets/scrapbook-v132/card-a.png');
  --bc145-sheet-b:url('./assets/scrapbook-v132/card-b.png');
  --bc145-sheet-c:url('./assets/scrapbook-v132/card-c.png');
  --bc145-sheet-wide-a:url('./assets/scrapbook-v132/sheet-wide-a.png');
  --bc145-sheet-wide-b:url('./assets/scrapbook-v132/sheet-wide-b.png');
  --bc145-sheet-tall-a:url('./assets/scrapbook-v132/sheet-tall-a.png');
  --bc145-sheet-tall-b:url('./assets/scrapbook-v132/sheet-tall-b.png');
  --bc145-note:url('./assets/scrapbook-v132/note-small.png');
  --bc145-serif:'Vidaloka',Georgia,'Times New Roman',serif;
  --bc145-hand:'Caveat','Segoe Print','Bradley Hand',cursive;
  --bc145-sans:'Inter','DM Sans',Arial,sans-serif;
  --bc145-shadow:drop-shadow(0 2px 1px rgba(93,67,42,.07)) drop-shadow(0 12px 10px rgba(68,48,31,.13));
  --bc145-shadow-soft:drop-shadow(0 6px 7px rgba(68,48,31,.09));
  --bc145-tape:linear-gradient(90deg,rgba(255,249,232,.62),rgba(255,249,232,.82) 48%,rgba(255,249,232,.6));
  --bc145-deckle:polygon(0 1.4%,1.4% 0,98.4% .5%,100% 2.2%,99.5% 97.8%,98.2% 100%,1.3% 99.3%,0 97.2%);
  --bc145-turn-ease:cubic-bezier(.45,.02,.2,1);
}

/* ------------------------------------------------------------------------
   1. PAPER EVERYWHERE — the page itself
   ------------------------------------------------------------------------ */
html{background:var(--bc145-paper)}
body{
  background:var(--bc145-paper)!important;
  color:var(--bc145-ink)!important;
  font-family:var(--bc145-sans)!important;
}
/* Diary paper behind the main content area. */
body .main{
  position:relative;
  background:var(--bc145-paper) var(--bc145-texture) center top/1536px auto repeat!important;
  box-shadow:inset 18px 0 28px -22px rgba(42,29,25,.55);
}
/* Page shells are glass panes today; let the paper show through. */
.main[data-bc-shell="paper"] :is(.course-overview-page,.journey-page,.development-page,.account-page,
  .final-assessment-page,.admin-screen,.cms-shell,.accessibility-page,.accessibility-landing-page,
  .practitioner-shell,.resource-page,.lesson-content,.unit-page,.reflection-shell){
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
}

/* ------------------------------------------------------------------------
   2. SHARED TYPOGRAPHY — Vidaloka headlines, Caveat eyebrows, Inter body
   ------------------------------------------------------------------------ */
body :is(button,input,select,textarea,.journey-link,.journey-account,.journey-admin-edit,.nav-item,.nav-label,
  .bc-action,.btn,.btn-admin-primary,.btn-admin-secondary,.btn-auth,.btn-nav,.btn-submit,.btn-start,
  .quiz-option,.tf-btn,.bc-primary-action,.bc-secondary-action,.bc-read-tab,.bc-story-progress-step,
  .managed-button,.unit-overlay-close,.modal-close,.admin-table,.report-table,.form-field,.cms-form-grid,
  .bc-watch-tool,.bc-diary-prev,.bc-diary-next,.bc-mobile-bottom,.bc-mobile-menu-button,.journey-admin-menu){
  font-family:var(--bc145-sans)!important;
}
body .main h1,body .main h2,body .main h3:not(.admin-table h3,.report-table h3),
body .unit-overlay h1,body .unit-overlay h2,body .modal-card h1,body .modal-card h2,
body .modal-heading h2,body .auth-card h1{
  font-family:var(--bc145-serif)!important;
  font-weight:400!important;
  letter-spacing:-.02em;
  color:var(--bc145-ink);
}
body .main h1 em,body .auth-card h1 em{font-style:italic;color:var(--bc145-red)}
/* Caveat eyebrow with the red hand-drawn rule, as on the four scrapbook pages. */
body .main :is(.welcome-eyebrow,.learning-eyebrow,.course-overview-kicker-v38,.course-section-kicker-v38,
  .kpi-label,.pr-section-label,.question-meta>span:first-child,.module-gate-pill,.journal-eyebrow-v133),
body .unit-overlay :is(.bc-stage-kicker,.bc-mini-label,.unit-overlay-label>span,.bc-story-scene-head>span,
  .pr-context>span,.bc-watch-meta-copy>span),
body .modal-card .welcome-eyebrow,body .auth-card .auth-logo{
  position:relative!important;
  display:inline-block!important;
  margin:0 0 12px!important;
  padding:0 0 7px!important;
  border:0!important;
  background:none!important;
  color:var(--bc145-ink)!important;
  font:600 18px/1.05 var(--bc145-hand)!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
body .main :is(.welcome-eyebrow,.learning-eyebrow,.course-overview-kicker-v38,.course-section-kicker-v38,
  .kpi-label,.pr-section-label,.question-meta>span:first-child,.module-gate-pill,.journal-eyebrow-v133)::after,
body .unit-overlay :is(.bc-stage-kicker,.bc-mini-label,.unit-overlay-label>span,.bc-story-scene-head>span,
  .pr-context>span,.bc-watch-meta-copy>span)::after,
body .modal-card .welcome-eyebrow::after,body .auth-card .auth-logo::after{
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:auto!important;
  bottom:1px!important;
  width:108%!important;
  height:2px!important;
  border-radius:999px!important;
  background:var(--bc145-red)!important;
  transform:rotate(-1deg)!important;
  opacity:1!important;
  pointer-events:none;
}
body .main .course-overview-kicker-v38>span,body .main .course-section-kicker-v38>span{display:none!important}
body .main :is(.kpi-label,.question-meta>span:first-child,.pr-section-label){font-size:14px!important;margin:8px 0 0!important;letter-spacing:.06em!important}
body .main :is(.kpi-label,.question-meta>span:first-child,.pr-section-label)::after{width:100%!important}
body .main .welcome-eyebrow+h1,body .main .learning-eyebrow+h2{margin-top:2px}

/* ------------------------------------------------------------------------
   3. CHROME — journey bar as paper header strip
   ------------------------------------------------------------------------ */
body .journey-nav,body .bc-mobile-top,body .bc-mobile-bottom{
  --bc-on-dark:var(--bc145-ink);
  --bc-on-dark-2:#2e2822;
  --bc-on-dark-3:#5a524a;
  --bc-on-dark-4:#6d645b;
  --bc-on-dark-line:rgba(55,42,30,.18);
  --bc-on-dark-fill-2:rgba(55,42,30,.08);
  --bc-mat-dark:var(--bc145-paper);
  background:var(--bc145-paper) var(--bc145-texture) center top/1536px auto repeat!important;
  color:var(--bc145-ink)!important;
  border-bottom:1px solid rgba(55,42,30,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 8px 20px -10px rgba(50,36,24,.28)!important;
}
body .bc-mobile-bottom{border-bottom:0!important;border-top:1px solid rgba(55,42,30,.22)!important;box-shadow:0 -8px 20px -10px rgba(50,36,24,.28)!important}
body .journey-nav::after{
  content:'';position:absolute;left:0;right:0;bottom:-7px;height:7px;pointer-events:none;
  background:radial-gradient(circle at 6px -1px,var(--bc145-paper) 0 5px,transparent 5.5px) 0 0/14px 7px repeat-x;
  filter:drop-shadow(0 1px 0 rgba(55,42,30,.18));
}
body .journey-brand strong,body .bc-mobile-brand strong{font-family:var(--bc145-serif)!important;font-weight:400!important;letter-spacing:.06em!important;color:var(--bc145-ink)!important}
body .journey-brand span,body .bc-mobile-brand span{font-family:var(--bc145-hand)!important;font-size:12px!important;letter-spacing:.06em!important;text-transform:none!important;color:var(--bc145-red)!important}
body .journey-link{color:#3b332c!important;font:500 14px var(--bc145-sans)!important;letter-spacing:.03em!important}
body .journey-link:hover,body .journey-link.active{color:var(--bc145-ink)!important}
body .journey-link::after{background:var(--bc145-red)!important;height:2px!important;border-radius:999px!important;transform-origin:left center}
body .journey-link.active::after{transform:scaleX(1) rotate(-1.2deg)!important}
body .journey-account,body .journey-admin-edit{color:var(--bc145-ink-2)!important}
body .journey-admin-edit{border:1px solid rgba(55,42,30,.3)!important;background:rgba(255,255,255,.4)!important;border-radius:999px!important}
body .journey-admin-menu{
  background:var(--bc145-paper-2) var(--bc145-sheet-tall-a) center/100% 100% no-repeat!important;
  border:0!important;border-radius:4px!important;color:var(--bc145-ink)!important;
  box-shadow:none!important;filter:var(--bc145-shadow);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body .journey-admin-menu button{color:var(--bc145-ink-2)!important}
body .journey-admin-menu button:hover{background:rgba(196,18,27,.08)!important}
body .journey-admin-menu-head strong{font-family:var(--bc145-serif)!important}
body .gate-bypass-chip{background:rgba(196,18,27,.1)!important;color:var(--bc145-red-deep)!important;border:1px dashed rgba(196,18,27,.45)!important}
body .bc-mobile-bottom button{color:var(--bc145-ink-2)!important}
body .bc-mobile-bottom button.active{color:var(--bc145-red)!important}

/* ------------------------------------------------------------------------
   4. CHROME — sidebar as journal cover and spine, index-tab navigation
   ------------------------------------------------------------------------ */
html body:not(.a11y-high-contrast) .sidebar{
  --bc-on-dark:var(--bc145-cover-ink);
  --bc-on-dark-2:rgba(243,234,220,.86);
  --bc-on-dark-3:rgba(243,234,220,.72);
  --bc-on-dark-4:rgba(243,234,220,.6);
  --bc-on-dark-line:rgba(243,234,220,.14);
  --bc-on-dark-fill-2:rgba(243,234,220,.16);
  --bc-graphite:var(--bc145-cover-2);
  --bc-graphite-3:var(--bc145-cover);
  color:var(--bc145-cover-ink)!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,.08) 16px,transparent 30px),
    linear-gradient(270deg,rgba(0,0,0,.42),rgba(0,0,0,.14) 6px,rgba(255,255,255,.06) 9px,rgba(0,0,0,.18) 12px,transparent 22px),
    repeating-linear-gradient(180deg,var(--bc145-stitch) 0 7px,transparent 7px 14px) 11px 0/2px 100% repeat-y,
    repeating-linear-gradient(180deg,var(--bc145-stitch) 0 7px,transparent 7px 14px) calc(100% - 25px) 0/2px 100% repeat-y,
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px),
    radial-gradient(120% 50% at 50% 0%,rgba(255,255,255,.08),transparent 70%),
    linear-gradient(180deg,var(--bc145-cover-2),var(--bc145-cover) 70%)!important;
  border-right:0!important;
  box-shadow:10px 0 26px rgba(30,18,12,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body:not(.a11y-high-contrast) .sidebar-header{color:var(--bc145-cover-ink)!important;padding:28px 30px 20px 26px!important;border-bottom:1px solid rgba(243,234,220,.14)!important;background:transparent!important}
html body:not(.a11y-high-contrast) .sidebar-header .course-label,body .sidebar-course-context small{
  font:600 15px/1 var(--bc145-hand)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#f2a7ab!important;
}
html body:not(.a11y-high-contrast) .sidebar-header h2,body .sidebar-course-context .sidebar-course-title{font-family:var(--bc145-serif)!important;font-weight:400!important;color:var(--bc145-cover-ink)!important}
html body:not(.a11y-high-contrast) .sidebar-progress-bar{background:rgba(243,234,220,.16)!important;border-radius:1px!important}
html body:not(.a11y-high-contrast) .sidebar-progress-fill{background:var(--bc145-red)!important}
html body:not(.a11y-high-contrast) .sidebar-progress-text,body .sidebar-reflect-text{color:rgba(243,234,220,.72)!important;font-family:var(--bc145-sans)!important}
html body:not(.a11y-high-contrast) .sidebar-nav{color:var(--bc145-cover-ink)!important;padding:14px 0 24px!important;background:transparent!important}
html body:not(.a11y-high-contrast) .sidebar .nav-section-label,body .sidebar .nav-sub-label{color:rgba(243,234,220,.72)!important}
html body:not(.a11y-high-contrast) .sidebar :is(.nav-section-label,.nav-sublist,.nav-course-context,.sidebar-course-context,.nav-module-reflect,.nav-reflect-item,.nav-toggle){background:transparent!important;border-color:rgba(243,234,220,.14)!important;color:rgba(243,234,220,.8)!important}
html body:not(.a11y-high-contrast) .sidebar .nav-section-count{background:rgba(243,234,220,.14)!important;color:var(--bc145-cover-ink)!important}
html body:not(.a11y-high-contrast) .sidebar .nav-item{
  position:relative;
  margin:3px 0 3px 18px!important;
  padding:9px 18px 9px 16px!important;
  border-left:0!important;
  border-radius:0 13px 13px 0!important;
  background:rgba(247,241,232,.07)!important;
  color:rgba(247,241,232,.85)!important;
  box-shadow:inset 0 0 0 1px rgba(247,241,232,.09),inset 3px 0 0 rgba(247,241,232,.12)!important;
  transition:background .18s ease,color .18s ease,transform .22s cubic-bezier(.22,1,.36,1)!important;
}
html body:not(.a11y-high-contrast) .sidebar .nav-item .nav-label,body .sidebar .nav-item .nav-sub-label,body .sidebar .nav-item .nav-reflect-label{color:inherit!important}
html body:not(.a11y-high-contrast) .sidebar .nav-item .nav-num,body .sidebar .nav-item .nav-sub-num{background:rgba(247,241,232,.16)!important;color:rgba(247,241,232,.8)!important}
html body:not(.a11y-high-contrast) .sidebar .nav-item:hover{background:rgba(247,241,232,.15)!important;transform:translateX(3px)!important}
html body:not(.a11y-high-contrast) .sidebar .nav-item.active{
  background:var(--bc145-paper-2) var(--bc145-texture) center/900px auto repeat!important;
  color:var(--bc145-ink)!important;
  box-shadow:inset 3px 0 0 var(--bc145-red),0 8px 16px -6px rgba(0,0,0,.45)!important;
  transform:translateX(4px)!important;
}
html body:not(.a11y-high-contrast) .sidebar .nav-item.active :is(.nav-label,.nav-sub-label,.nav-reflect-label,.nav-section-count,.nav-reflect-time,span,small){color:var(--bc145-ink)!important}
html body:not(.a11y-high-contrast) .sidebar .nav-item.active .nav-num,body .sidebar .nav-item.active .nav-sub-num{background:var(--bc145-red)!important;color:#fff!important}
html body:not(.a11y-high-contrast) .sidebar .nav-item.completed .nav-num{background:#2f7c59!important;color:#fff!important}
html body:not(.a11y-high-contrast) .user-badge{border-top:1px solid rgba(243,234,220,.14)!important;background:transparent!important;color:var(--bc145-cover-ink)!important}
html body:not(.a11y-high-contrast) .user-badge .user-name{color:var(--bc145-cover-ink)!important;font-family:var(--bc145-serif)!important;font-weight:400!important}
html body:not(.a11y-high-contrast) .user-badge .user-role{color:rgba(243,234,220,.68)!important}
html body:not(.a11y-high-contrast) .user-avatar{background:var(--bc145-paper-2)!important;color:var(--bc145-red-deep)!important}
html body:not(.a11y-high-contrast) .btn-logout{color:rgba(243,234,220,.8)!important;border-color:rgba(243,234,220,.3)!important;background:transparent!important}
@media(max-width:760px){
  html body:not(.a11y-high-contrast) .sidebar{box-shadow:22px 0 60px rgba(0,0,0,.35)!important}
  html body:not(.a11y-high-contrast) .user-badge{background:var(--bc145-cover)!important}
}

/* ------------------------------------------------------------------------
   5. CHROME — login card as the journal's front cover
   The v139 desktop login is a painted stage; its own higher-specificity
   rules keep it intact. Below that stage (and on the password panel) the
   real card is dressed as a leather cover with a pasted paper label.
   ------------------------------------------------------------------------ */
body #authOverlay{
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px),
    radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.08),transparent 70%),
    linear-gradient(180deg,var(--bc145-cover-2),var(--bc145-cover) 75%)!important;
}
body #authOverlay .bc104-auth-story{color:var(--bc145-cover-ink)}
body #authOverlay .bc104-auth-story :is(h2,p,.bc104-auth-kicker,.bc104-auth-brand span){color:var(--bc145-cover-ink)!important}
body #authOverlay .bc104-auth-kicker{font:600 18px/1.1 var(--bc145-hand)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#f2a7ab!important}
body #authOverlay .bc104-auth-handnote span,body #authOverlay .bc104-auth-quote{color:rgba(243,234,220,.85)!important}
body .auth-card{
  position:relative!important;
  padding:22px 22px 20px!important;
  border-radius:12px 24px 24px 12px!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.06) 14px,transparent 26px),
    repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 2px,transparent 2px 7px),
    linear-gradient(160deg,#4a3129,#2f211c 60%,#261a16)!important;
  border:1px solid rgba(243,234,220,.14)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.45),0 6px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:var(--bc145-cover-ink)!important;
}
body .auth-card::before{
  content:''!important;
  position:absolute!important;
  inset:9px 9px 9px 14px!important;
  border:2px dashed var(--bc145-stitch)!important;
  border-radius:8px 18px 18px 6px!important;
  background:none!important;
  pointer-events:none;
  opacity:.7!important;
}
body .auth-card::after{display:none!important;content:none!important}
body .auth-card .auth-logo{color:var(--bc145-cover-ink)!important;margin:4px 0 20px 8px!important;font-size:22px!important;letter-spacing:.06em!important}
body .auth-card .auth-logo::after{background:#e46a6f!important}
body .auth-card .auth-language{position:relative;z-index:2;color:var(--bc145-cover-ink)!important}
body .auth-card .auth-language select{background:rgba(255,255,255,.1)!important;color:var(--bc145-cover-ink)!important;border-color:rgba(243,234,220,.3)!important}
body .auth-card :is(#loginPanel,#passwordSetupPanel){
  position:relative;
  z-index:1;
  margin:0 2px 0 6px;
  padding:30px 26px 26px;
  border-radius:3px;
  background:var(--bc145-paper-2) var(--bc145-texture) center/1000px auto repeat;
  color:var(--bc145-ink);
  box-shadow:0 12px 26px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.7) inset;
  clip-path:var(--bc145-deckle);
}
body .auth-card :is(#loginPanel,#passwordSetupPanel) :is(h1,p,label){color:var(--bc145-ink)!important}
body .auth-card .auth-subtitle{color:var(--bc145-muted)!important}
body .auth-card .bc104-title-stroke{background:var(--bc145-red)!important;height:2px!important;transform:rotate(-1deg)}
body .auth-card .form-field input{background:rgba(255,255,255,.55)!important;border:0!important;border-bottom:1.5px solid rgba(55,42,30,.45)!important;border-radius:3px 3px 0 0!important;color:var(--bc145-ink)!important}
body .auth-card .btn-auth{background:var(--bc145-red)!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(196,18,27,.22)!important}
body .auth-card .auth-error{position:relative;z-index:2;margin:0 6px 12px;padding:10px 14px;border-radius:3px;background:var(--bc145-paper-2) var(--bc145-note) center/100% 100% no-repeat;color:var(--bc145-red-deep)!important;font-weight:600}
body .auth-card .auth-error:empty{display:none}
body .auth-card .backend-note{color:var(--bc145-muted)!important}
body .auth-card .bc104-auth-divider{background:rgba(55,42,30,.2)!important}
/* On the v139 painted desktop stage the login panel is a static, zero-height
   box and every input, button and link inside it is positioned absolutely
   against the overlay. A clip-path on that box clips all of those controls
   away (clip-path clips descendants regardless of positioning), leaving only
   the painted artwork and nothing to click. The stage's own reset does not
   touch clip-path, so lift the paper dressing here while the stage is live. */
@media (min-width:1180px) and (min-height:560px){
  body #authOverlay:has(#loginPanel:not([style*="none"])) .auth-card #loginPanel{clip-path:none!important}
}

/* ------------------------------------------------------------------------
   6. CARDS — paper sheets, tape corners, soft deckled edge, alternating tilt
   ------------------------------------------------------------------------ */
.main[data-bc-shell="paper"] :is(.journey-card,.welcome-module,.lesson-objectives,.flashcard,.step-item,.kpi-card,
  .report-panel,.journal-entry,.assessment-rule,.final-result,.assessment-gate-card,.accessibility-card,.cms-panel,
  .cms-module-block,.development-hero,.development-overview,.development-stats,.development-section,
  .development-stage-card,.development-module-row,.live-card,.community-card,.connect-card,.service-card,
  .practitioner-card,.portal-summary-card,.billing-card,.account-card,.news-card,.upcoming-card,.attention-card,
  .development-card,.quick-action,.quick-actions-card,.creator-section,.reading-section,.info-callout,.welcome-card,
  .org-health-card,.cqc-card,.coaching-card,.unit-card,.unit-rail-card,.plan-card,.priority-card,.referral-review-card,
  .platform-org-card-v26,.course-focus-card-v38,.course-overview-progress-v38,.module-gate-step,.dev-milestone,
  .theme-sample-card,.lesson-import-card,.quiz-builder-card,.unit-quote-card,.module-orientation-panel,
  .accessibility-support,.a11y-setting,.service-admin-panel,.module-focus,.lived-section,.programme-completion,
  .attempt-history,.certificate,.quiz-block,.tf-block,.local-content-section,.local-service-side-card,.local-route-card,
  .council-service-picker-card,.disability-directory-card,.referral-routing-card,.lesson-header,.course-overview-hero-v38,
  .course-think-v38,.course-overview-governance-v38,.reading-progress-card,.resume-banner,.journey-hero,.admin-header){
  position:relative;
  background:var(--bc145-paper-2) var(--bc145-sheet-wide-a) center/100% 100% no-repeat!important;
  border:0!important;
  border-radius:3px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:var(--bc145-shadow);
  color:var(--bc145-ink);
  isolation:isolate;
}
.main[data-bc-shell="paper"] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,
  .accessibility-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,
  .account-card,.live-card,.community-card,.connect-card,.development-stage-card,.unit-card,.plan-card,.priority-card,
  .platform-org-card-v26,.course-focus-card-v38,.dev-milestone,.coaching-card,.cqc-card,.module-gate-step,.flashcard,
  .step-item,.assessment-rule,.theme-sample-card){
  background-image:var(--bc145-sheet-a)!important;
}
.main[data-bc-shell="paper"] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,
  .accessibility-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,
  .account-card,.live-card,.community-card,.connect-card,.development-stage-card,.unit-card,.plan-card,.priority-card,
  .platform-org-card-v26,.course-focus-card-v38,.dev-milestone,.coaching-card,.cqc-card,.module-gate-step,.flashcard,
  .step-item,.assessment-rule,.theme-sample-card):nth-child(3n+2){background-image:var(--bc145-sheet-b)!important}
.main[data-bc-shell="paper"] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,
  .accessibility-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,
  .account-card,.live-card,.community-card,.connect-card,.development-stage-card,.unit-card,.plan-card,.priority-card,
  .platform-org-card-v26,.course-focus-card-v38,.dev-milestone,.coaching-card,.cqc-card,.module-gate-step,.flashcard,
  .step-item,.assessment-rule,.theme-sample-card):nth-child(3n){background-image:var(--bc145-sheet-c)!important}
/* Tall panels take the tall sheets so the deckle is not stretched flat. */
.main[data-bc-shell="paper"] :is(.report-panel,.cms-panel,.development-section,.creator-section,.reading-section,
  .quick-actions-card,.org-health-card,.service-admin-panel,.accessibility-support,.lesson-objectives,.welcome-module,
  .module-orientation-panel,.programme-completion,.attempt-history,.local-content-section,.lived-section){
  background-image:var(--bc145-sheet-tall-a)!important;
}
.main[data-bc-shell="paper"] :is(.report-panel,.cms-panel,.development-section,.creator-section,.reading-section,
  .quick-actions-card,.org-health-card,.service-admin-panel,.accessibility-support,.lesson-objectives,.welcome-module,
  .module-orientation-panel,.programme-completion,.attempt-history,.local-content-section,.lived-section):nth-child(even){
  background-image:var(--bc145-sheet-tall-b)!important;
}
.main[data-bc-shell="paper"] :is(.info-callout,.unit-quote-card,.module-focus,.resume-banner,.assessment-gate-card,.final-result){
  background-image:var(--bc145-note)!important;
}
/* The glass "refracted edge" ::before becomes a strip of tape. A second strip sits on the far corner. */
.main[data-bc-shell="paper"] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,
  .accessibility-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,
  .account-card,.live-card,.community-card,.connect-card,.development-stage-card,.unit-card,.plan-card,.priority-card,
  .platform-org-card-v26,.course-focus-card-v38,.coaching-card,.cqc-card,.report-panel,.cms-panel,.development-section,
  .creator-section,.reading-section,.quick-actions-card,.org-health-card,.welcome-card,.info-callout,.assessment-gate-card,
  .module-orientation-panel,.lesson-objectives,.welcome-module,.service-admin-panel,.accessibility-support,.lesson-header,
  .course-overview-hero-v38,.course-think-v38,.journey-hero,.development-hero,.unit-quote-card,.module-focus)::before{
  content:''!important;
  position:absolute!important;
  inset:auto!important;
  top:-7px!important;
  left:22px!important;
  width:76px!important;
  height:22px!important;
  border:0!important;
  border-radius:1px!important;
  background:var(--bc145-tape)!important;
  box-shadow:0 1px 2px rgba(60,42,28,.14)!important;
  transform:rotate(-6deg)!important;
  opacity:.95!important;
  mix-blend-mode:multiply;
  pointer-events:none;
  z-index:4;
}
.main[data-bc-shell="paper"] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,
  .accessibility-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,
  .account-card,.live-card,.community-card,.connect-card,.development-stage-card,.unit-card,.plan-card,.priority-card,
  .platform-org-card-v26,.course-focus-card-v38,.coaching-card,.cqc-card,.report-panel,.cms-panel,.development-section,
  .creator-section,.reading-section,.quick-actions-card,.org-health-card,.welcome-card,.info-callout,.assessment-gate-card,
  .module-orientation-panel,.lesson-objectives,.welcome-module,.service-admin-panel,.accessibility-support,.lesson-header,
  .course-overview-hero-v38,.course-think-v38,.journey-hero,.development-hero,.unit-quote-card,.module-focus)::after{
  content:''!important;
  position:absolute!important;
  inset:auto!important;
  top:-6px!important;
  right:22px!important;
  width:76px!important;
  height:22px!important;
  border:0!important;
  border-radius:1px!important;
  background:var(--bc145-tape)!important;
  box-shadow:0 1px 2px rgba(60,42,28,.14)!important;
  transform:rotate(5deg)!important;
  opacity:.95!important;
  mix-blend-mode:multiply;
  pointer-events:none;
  z-index:4;
}
.main[data-bc-shell="paper"] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,
  .accessibility-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,
  .account-card,.live-card,.community-card,.connect-card,.development-stage-card,.unit-card,.plan-card,.priority-card,
  .platform-org-card-v26,.course-focus-card-v38,.coaching-card,.cqc-card,.report-panel,.cms-panel,.development-section,
  .creator-section,.reading-section,.quick-actions-card,.org-health-card,.welcome-card,.info-callout,.assessment-gate-card,
  .module-orientation-panel,.lesson-objectives,.welcome-module,.service-admin-panel,.accessibility-support,.lesson-header,
  .course-overview-hero-v38,.course-think-v38,.journey-hero,.development-hero,.unit-quote-card,.module-focus)>*{
  position:relative;
  z-index:2;
}
.main[data-bc-shell="paper"] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,
  .accessibility-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,
  .account-card,.live-card,.community-card,.connect-card,.development-stage-card,.unit-card,.plan-card,.priority-card,
  .platform-org-card-v26,.course-focus-card-v38,.coaching-card,.cqc-card,.report-panel,.cms-panel,.development-section,
  .creator-section,.reading-section,.quick-actions-card,.org-health-card,.welcome-card,.info-callout,.assessment-gate-card,
  .module-orientation-panel,.lesson-objectives,.welcome-module,.service-admin-panel,.accessibility-support,.lesson-header,
  .course-overview-hero-v38,.course-think-v38,.journey-hero,.development-hero,.unit-quote-card,.module-focus){
  overflow:visible!important;
  margin-top:8px;
}
/* Gentle alternating tilt on cards only (the `rotate` property composes with
   the existing transform animations instead of fighting them). */
.main[data-bc-shell="paper"] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,
  .accessibility-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,
  .account-card,.live-card,.community-card,.connect-card,.development-stage-card,.unit-card,.plan-card,.priority-card,
  .platform-org-card-v26,.course-focus-card-v38,.dev-milestone,.coaching-card,.cqc-card,.module-gate-step,.theme-sample-card){
  rotate:-.45deg;
}
.main[data-bc-shell="paper"] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,
  .accessibility-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,
  .account-card,.live-card,.community-card,.connect-card,.development-stage-card,.unit-card,.plan-card,.priority-card,
  .platform-org-card-v26,.course-focus-card-v38,.dev-milestone,.coaching-card,.cqc-card,.module-gate-step,.theme-sample-card):nth-child(even){
  rotate:.4deg;
}
.main[data-bc-shell="paper"] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,
  .accessibility-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,
  .account-card,.live-card,.community-card,.connect-card,.development-stage-card,.unit-card,.plan-card,.priority-card,
  .platform-org-card-v26,.course-focus-card-v38,.dev-milestone,.coaching-card,.cqc-card):hover{
  rotate:0deg;
  filter:var(--bc145-shadow) drop-shadow(0 18px 22px rgba(68,48,31,.14));
}
.main[data-bc-shell="paper"] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,
  .accessibility-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,
  .account-card,.live-card,.community-card,.connect-card,.development-stage-card,.unit-card,.plan-card,.priority-card,
  .platform-org-card-v26,.course-focus-card-v38,.dev-milestone,.coaching-card,.cqc-card,.module-gate-step,.theme-sample-card){
  transition:rotate .3s cubic-bezier(.22,1,.36,1),filter .3s ease,transform .22s cubic-bezier(.22,1,.36,1)!important;
}
/* Copy inside the sheets. */
.main[data-bc-shell="paper"] :is(.journey-card,.report-panel,.cms-panel,.service-card,.practitioner-card,.portal-summary-card,
  .account-card,.billing-card,.news-card,.quick-actions-card,.development-section,.accessibility-card,.welcome-card) p{
  color:var(--bc145-ink-2);
}
.main[data-bc-shell="paper"] .journey-card-icon{background:rgba(196,18,27,.08)!important;border:1px dashed rgba(196,18,27,.35)!important;color:var(--bc145-red)!important;box-shadow:none!important}
.main[data-bc-shell="paper"] :is(.coming-pill,.status-pill,.assessment-status-pill,.journal-badge,.a11y-size-control){
  background:rgba(196,18,27,.08)!important;border:1px dashed rgba(196,18,27,.4)!important;color:var(--bc145-red-deep)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;
}
.main[data-bc-shell="paper"] :is(.lesson-footer,.final-submit-bar){
  background:var(--bc145-paper-2) var(--bc145-texture) center/1200px auto repeat!important;
  border:1px solid var(--bc145-line)!important;border-radius:3px!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 10px 24px -14px rgba(50,36,24,.3)!important;
}
.main[data-bc-shell="paper"] :is(.btn-admin-primary,.bc-action.primary,.bc-action:not(.secondary),.course-overview-progress-v38__primary,
  .course-final-v38__button:not(.is-locked),.btn-start,.development-next-action,.managed-button.primary){
  background:var(--bc145-red)!important;color:#fff!important;border:0!important;border-radius:999px!important;
  box-shadow:0 10px 24px rgba(196,18,27,.2)!important;
}
.main[data-bc-shell="paper"] :is(.btn-admin-primary,.bc-action.primary,.bc-action:not(.secondary),.btn-start)::after{display:none!important}
.main[data-bc-shell="paper"] :is(.bc-action.secondary,.btn-admin-secondary,.managed-button.secondary,.managed-button.outline,.course-overview-progress-v38__details){
  background:rgba(255,255,255,.35)!important;border:1px solid rgba(55,42,30,.35)!important;color:var(--bc145-ink)!important;border-radius:999px!important;box-shadow:none!important;
}

/* ------------------------------------------------------------------------
   7. LEDGER — data tables and forms on ruled paper, no tilt
   ------------------------------------------------------------------------ */
.main[data-bc-shell="paper"] :is(.admin-table-wrap,.report-table-wrap,.billing-history-section-v16){
  position:relative;
  border:1px solid var(--bc145-line)!important;
  border-radius:3px!important;
  background:var(--bc145-paper-2) var(--bc145-texture) left top/1200px auto repeat!important;
  box-shadow:inset 10px 0 0 var(--bc145-paper-2),inset 11px 0 0 rgba(196,18,27,.45),0 1px 0 rgba(255,255,255,.7) inset,0 14px 28px -16px rgba(50,36,24,.35)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding-left:12px;
}
.main[data-bc-shell="paper"] :is(.admin-table,.report-table,.billing-history-v16){
  background:transparent!important;
  border-collapse:collapse!important;
  font-family:var(--bc145-sans)!important;
}
.main[data-bc-shell="paper"] :is(.admin-table,.report-table,.billing-history-v16) th{
  background:var(--bc145-paper-3)!important;
  color:var(--bc145-ink-2)!important;
  font:700 10.5px/1.3 var(--bc145-sans)!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  border-bottom:1.5px solid rgba(55,42,30,.4)!important;
}
.main[data-bc-shell="paper"] :is(.admin-table,.report-table,.billing-history-v16) td{
  color:var(--bc145-ink-2)!important;
  border-top:0!important;
  border-bottom:1px solid var(--bc145-rule)!important;
  background:transparent!important;
}
.main[data-bc-shell="paper"] :is(.admin-table,.report-table,.billing-history-v16) tbody tr:hover{background:rgba(196,18,27,.045)!important}
.main[data-bc-shell="paper"] :is(.admin-table,.report-table) tbody tr:nth-child(even) td{background:rgba(255,255,255,.22)!important}
/* Forms: a paper sheet with a red margin, inputs written on the line. */
.main[data-bc-shell="paper"] :is(.cms-form-grid,.account-form,.service-form-grid,.resource-form-grid,.portfolio-section,.a11y-setting,
  .reflection-step,.quiz-paste-card,.lesson-import-card,.platform-orgs-toolbar-v26,.referral-template-sections){
  position:relative;
  background:var(--bc145-paper-2) var(--bc145-texture) left top/1200px auto repeat!important;
  border:1px solid var(--bc145-line)!important;
  border-radius:3px!important;
  box-shadow:inset 26px 0 0 var(--bc145-paper-2),inset 27px 0 0 rgba(196,18,27,.5),0 1px 0 rgba(255,255,255,.7) inset,0 12px 24px -16px rgba(50,36,24,.35)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding-left:max(24px,34px)!important;
  rotate:none;
}
.main[data-bc-shell="paper"] :is(.cms-form-grid,.account-form,.service-form-grid,.resource-form-grid,.portfolio-section) label,
.main[data-bc-shell="paper"] .form-field label{
  color:var(--bc145-ink-2)!important;
  font:700 10.5px/1.3 var(--bc145-sans)!important;
  letter-spacing:.09em!important;
}
.main[data-bc-shell="paper"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea,.cms-rich,.cms-rich-editor){
  background:rgba(255,255,255,.5)!important;
  border:0!important;
  border-bottom:1.5px solid rgba(55,42,30,.45)!important;
  border-radius:3px 3px 0 0!important;
  color:var(--bc145-ink)!important;
  font-family:var(--bc145-sans)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.main[data-bc-shell="paper"] :is(input,select,textarea,.cms-rich-editor):focus{border-bottom-color:var(--bc145-red)!important;outline:3px solid rgba(196,18,27,.18)!important;outline-offset:2px}
.main[data-bc-shell="paper"] :is(textarea:not([hidden]):not([data-bc-plain]):not([aria-hidden="true"]),.cms-rich-editor){
  background-image:repeating-linear-gradient(180deg,transparent 0 27px,var(--bc145-rule) 27px 28px)!important;
  background-attachment:local!important;
  background-color:rgba(255,255,255,.35)!important;
  line-height:28px!important;
  padding:0 10px!important;
}
.main[data-bc-shell="paper"] .final-option{
  background:rgba(255,255,255,.35)!important;border:0!important;border-bottom:1px solid var(--bc145-rule)!important;border-radius:0!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;
}
.main[data-bc-shell="paper"] .final-option:hover{background:rgba(196,18,27,.05)!important}
.main[data-bc-shell="paper"] .final-option:has(input:checked){background:rgba(196,18,27,.09)!important;border-bottom-color:var(--bc145-red)!important}
.main[data-bc-shell="paper"] .quiz-option,.main[data-bc-shell="paper"] .tf-btn{
  background:rgba(255,255,255,.4)!important;border:1px solid rgba(55,42,30,.3)!important;border-radius:3px!important;color:var(--bc145-ink)!important;box-shadow:none!important;
}
.main[data-bc-shell="paper"] .quiz-option.selected{background:rgba(196,18,27,.1)!important;border-color:var(--bc145-red)!important}
.main[data-bc-shell="paper"] .cms-notice,.main[data-bc-shell="paper"] .cms-format-hint{
  background:var(--bc145-paper-2) var(--bc145-note) center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
/* Admin headers, dashboard refinements and small rows stay flat paper. */
.main[data-bc-shell="paper"] .admin-header{background:none!important;filter:none;padding:0!important}
.main[data-bc-shell="paper"] .admin-header::before,.main[data-bc-shell="paper"] .admin-header::after{display:none!important;content:none!important}
.main[data-bc-shell="paper"] .admin-header p,.main[data-bc-shell="paper"] .reporting-dashboard .admin-header p{color:var(--bc145-muted)!important}
.main[data-bc-shell="paper"] .reporting-dashboard :is(.report-panel,.org-health-card,.quick-actions-card,.cqc-card,.coaching-card,.upcoming-card,.news-card,.portal-summary-card){
  background-color:var(--bc145-paper-2)!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.main[data-bc-shell="paper"] :is(.development-stat,.dev-journey-item,.service-fact,.readiness-row,.portal-actions,.billing-security-note,
  .course-video-transcript,.preference-list,.resource-meta-chip,.assessment-map-stat,.news-row,.review-area,.attempt-row,.module-gate-pill){
  background:rgba(255,255,255,.3)!important;border:1px solid var(--bc145-line)!important;border-radius:3px!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.main[data-bc-shell="paper"] .module-gate-pill{display:inline-block;margin-bottom:14px!important}

/* ------------------------------------------------------------------------
   8. MODALS — paper sheet with tape over a dim ink wash, no blur
   ------------------------------------------------------------------------ */
body .modal-backdrop,body .modal-overlay{
  background:rgba(27,23,19,.58)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body .modal-card,body .modal,body .dialog{
  position:relative;
  background:var(--bc145-paper-2) var(--bc145-texture) center/1200px auto repeat!important;
  border:0!important;
  border-radius:3px!important;
  box-shadow:0 30px 70px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.7) inset!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:var(--bc145-ink)!important;
  clip-path:var(--bc145-deckle);
  overflow:auto!important;
}
body .modal-card::before,body .modal-card::after{
  content:''!important;position:absolute!important;inset:auto!important;top:4px!important;width:86px!important;height:24px!important;
  background:var(--bc145-tape)!important;border:0!important;border-radius:1px!important;box-shadow:0 1px 2px rgba(60,42,28,.14)!important;
  mix-blend-mode:multiply;opacity:.95!important;pointer-events:none;z-index:4;
}
body .modal-card::before{left:26px!important;transform:rotate(-6deg)!important}
body .modal-card::after{right:60px!important;transform:rotate(5deg)!important}
body .modal-close{background:rgba(255,255,255,.45)!important;border:1px solid rgba(55,42,30,.3)!important;color:var(--bc145-ink)!important;z-index:6}
body .modal-heading h2{font-family:var(--bc145-serif)!important;font-weight:400!important}
body .modal-note{color:var(--bc145-muted)!important}
body .modal-card :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  background:rgba(255,255,255,.5)!important;border:0!important;border-bottom:1.5px solid rgba(55,42,30,.45)!important;border-radius:3px 3px 0 0!important;
  color:var(--bc145-ink)!important;box-shadow:none!important;font-family:var(--bc145-sans)!important;
}
body .modal-card :is(.btn-admin-primary,.bc-action:not(.secondary)){background:var(--bc145-red)!important;color:#fff!important;border:0!important;border-radius:999px!important}

/* ------------------------------------------------------------------------
   9. ACTIVITY OVERLAYS — paper material on every stage
   ------------------------------------------------------------------------ */
body .unit-overlay{
  background:var(--bc145-paper) var(--bc145-texture) center top/1536px auto repeat!important;
  color:var(--bc145-ink);
}
body .unit-overlay-bar,body .bc-stage-overlay-bar,body .bc-diary-toolbar,body .pr-header{
  background:var(--bc145-paper-2) var(--bc145-texture) center top/1536px auto repeat!important;
  border-bottom:1px solid rgba(55,42,30,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 8px 20px -10px rgba(50,36,24,.28)!important;
  color:var(--bc145-ink)!important;
}
body .unit-overlay-label strong,body .pr-context strong{font:400 21px/1.2 var(--bc145-serif)!important;color:var(--bc145-ink)!important}
body .bc-stage-overlay-bar .unit-overlay-close{justify-self:end;width:auto!important;white-space:nowrap}
body .unit-overlay-close,body .bc-diary-back,body .pr-back{
  background:rgba(255,255,255,.4)!important;border:1px solid rgba(55,42,30,.3)!important;border-radius:999px!important;color:var(--bc145-ink)!important;
}
body .bc-diary-tab,body .bc-diary-count,body .pr-step{font-family:var(--bc145-sans)!important;color:var(--bc145-muted)!important}
body .bc-diary-tab.active{color:var(--bc145-red)!important}
body .bc-diary-tab.active::after{background:var(--bc145-red)!important}
body .bc-overlay-journey .bc-journey-step{font-family:var(--bc145-sans)!important}
body .bc-stage-intro h2,body .bc-watch-intro h2{font-family:var(--bc145-serif)!important;font-weight:400!important;color:var(--bc145-ink)!important}
body .bc-stage-intro p,body .bc-watch-intro p{color:var(--bc145-ink-2)!important}
/* Video stage: paper mat around the dark frame, paper note beside it. */
body .bc-watch-layout{
  position:relative;padding:22px;
  background:var(--bc145-paper-2) var(--bc145-sheet-wide-b) center/100% 100% no-repeat;
  filter:var(--bc145-shadow);
}
body .bc-watch-frame{border:0!important;border-radius:4px!important;box-shadow:0 14px 30px -10px rgba(0,0,0,.45)!important;rotate:-.3deg}
body .bc-watch-notice{background:var(--bc145-paper-2) var(--bc145-note) center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;rotate:.6deg}
body .bc-watch-notice h3{font-family:var(--bc145-serif)!important;font-weight:400!important}
body .bc-watch-meta,body .bc-watch-tool{font-family:var(--bc145-sans)!important;color:var(--bc145-ink-2)!important}
body .bc-watch-tool{background:rgba(255,255,255,.4)!important;border:1px solid rgba(55,42,30,.3)!important;border-radius:999px!important}
body .bc-watch-transcript{background:var(--bc145-paper-2) var(--bc145-texture) center/1200px auto repeat!important;border:1px solid var(--bc145-line)!important;border-radius:3px!important}
/* True-or-false game: a paper note per statement, no turns. */
body .bc-play-card,body .unit-overlay .tf-block{
  position:relative;
  background:var(--bc145-paper-2) var(--bc145-sheet-a) center/100% 100% no-repeat!important;
  border:0!important;border-radius:3px!important;box-shadow:none!important;
  filter:var(--bc145-shadow);
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body .bc-play-card::before{content:'';position:absolute;top:-7px;left:50%;width:92px;height:24px;transform:translateX(-50%) rotate(-2deg);background:var(--bc145-tape);mix-blend-mode:multiply;border-radius:1px;box-shadow:0 1px 2px rgba(60,42,28,.14);pointer-events:none}
body .bc-play-statement,body .unit-overlay .tf-q{font-family:var(--bc145-serif)!important;font-weight:400!important;font-size:clamp(22px,2.4vw,30px)!important;line-height:1.35!important;color:var(--bc145-ink)!important}
body .bc-play-timer,body .bc-read-time{background:var(--bc145-paper-2) var(--bc145-note) center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;rotate:1deg}
body .bc-play-timer strong,body .bc-read-time strong{font-family:var(--bc145-serif)!important;color:var(--bc145-red)!important}
body .unit-overlay .tf-btn{font-family:var(--bc145-sans)!important;background:rgba(255,255,255,.45)!important;border:1px solid rgba(55,42,30,.35)!important;border-radius:999px!important;color:var(--bc145-ink)!important}
body .unit-overlay .tf-btn.correct{background:rgba(47,124,89,.14)!important;border-color:#2f7c59!important;color:#1f5a40!important}
body .unit-overlay .tf-btn.wrong,body .unit-overlay .tf-btn.incorrect{background:rgba(196,18,27,.1)!important;border-color:var(--bc145-red)!important;color:var(--bc145-red-deep)!important}
body .unit-overlay .bc-question-meter{background:rgba(55,42,30,.12)!important;border-radius:1px!important}
body .unit-overlay .bc-question-meter>span{background:var(--bc145-red)!important}
body .unit-overlay .bc-question-progress{color:var(--bc145-muted)!important;font-family:var(--bc145-sans)!important}
body .unit-overlay .quiz-feedback{font-family:var(--bc145-sans)!important;color:var(--bc145-ink-2)!important}
body .unit-overlay :is(.bc-primary-action,.btn-submit){background:var(--bc145-red)!important;color:#fff!important;border:0!important;border-radius:999px!important;font-family:var(--bc145-sans)!important}
body .unit-overlay .bc-secondary-action{background:rgba(255,255,255,.4)!important;border:1px solid rgba(55,42,30,.35)!important;border-radius:999px!important;color:var(--bc145-ink)!important}
body .unit-overlay :is(.bc-play-complete,.bc-apply-complete){background:var(--bc145-paper-2) var(--bc145-sheet-b) center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;filter:var(--bc145-shadow)}
/* Distinctive Lens reading stays as it is; only its chrome joins the layer. */
body .bc-diary-sheet{border-color:rgba(83,65,48,.2)!important}
body .bc-diary-prev,body .bc-diary-next,body .bc-spread-prev,body .bc-spread-next{font-family:var(--bc145-sans)!important}
body .bc-diary-next,body .bc-spread-next{background:var(--bc145-red)!important;border-color:var(--bc145-red)!important}
/* Storyline scenes become spreads (restructured by scrapbook-material-v145.js). */
body .bc-story-page{color:var(--bc145-ink)!important;--story-border:var(--bc145-line);--story-muted:var(--bc145-muted);--story-soft:rgba(255,255,255,.35);--story-blue:rgba(255,255,255,.4);--story-red-soft:rgba(196,18,27,.08)}
body .bc-story-progress{
  background:var(--bc145-paper-2) var(--bc145-texture) center/1200px auto repeat!important;border-bottom:1px solid rgba(55,42,30,.22)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:3px 3px 0 0;
}
body .bc-story-progress-step{font-family:var(--bc145-sans)!important;color:var(--bc145-muted)!important}
body .bc-story-progress-step span{background:rgba(255,255,255,.5)!important;border-color:rgba(55,42,30,.3)!important;color:var(--bc145-ink-2)!important}
body .bc-story-progress-step.active{color:var(--bc145-ink)!important}
body .bc-story-progress-step.active span{background:var(--bc145-red)!important;border-color:var(--bc145-red)!important;color:#fff!important;box-shadow:none!important}
body .bc-story-progress-step.complete span{border-color:var(--bc145-red)!important;color:var(--bc145-red)!important}
body .bc-story-scene-head h2{font-weight:400!important;color:var(--bc145-ink)!important;font-size:clamp(34px,3.6vw,50px)!important}
body .bc-story-scene-head p{color:var(--bc145-ink-2)!important}
body .bc-story-scene.bc-spread-pane .bc-story-scene-head{margin:0 0 18px!important}
body .bc-story-spread-right .bc-story-meet-grid,body .bc-story-spread-right .bc-story-plan-layout,
body .bc-story-spread-right .bc-story-pressure-layout,body .bc-story-spread-right .bc-story-moment-layout{grid-template-columns:1fr!important}
body .bc-story-spread-right .bc-story-detail-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body .bc-story-spread-right .bc-story-hero-media{min-height:280px!important;border-radius:4px!important;border:0!important;rotate:-.6deg;box-shadow:0 10px 24px rgba(60,42,28,.18)!important}
body .bc-story-spread-right .bc-story-hero-media img{min-height:280px!important}
body .bc-story-spread-right :is(.bc-story-document,.bc-story-moment-card,.bc-story-notice,.bc-story-case-focus,.bc-story-timeline-item,.bc-story-detail-card,.bc-apply-question){
  background:var(--bc145-paper-2) var(--bc145-sheet-b) center/100% 100% no-repeat!important;border:0!important;border-radius:3px!important;box-shadow:none!important;filter:var(--bc145-shadow-soft);
}
body .bc-story-spread-right :is(.bc-story-notice,.bc-story-case-focus){background-image:var(--bc145-note)!important}
body .bc-story-spread-right .bc-story-document-bar{background:var(--bc145-paper-3)!important;border-bottom:1px solid var(--bc145-line)!important;color:var(--bc145-ink-2)!important;font-family:var(--bc145-sans)!important}
body .bc-story-spread-right .bc-story-prose{color:var(--bc145-ink-2)!important;font-family:var(--bc145-sans)!important}
body .bc-story-spread-right :is(.bc-story-notice,.bc-story-case-focus,.bc-story-detail-head)>span,
body .bc-story-spread-right .bc-story-timeline-item small{color:var(--bc145-red)!important;font-family:var(--bc145-hand)!important;font-size:16px!important;letter-spacing:.06em!important;font-weight:600!important}
body .bc-story-spread-right :is(.bc-story-notice,.bc-story-case-focus,.bc-story-detail-card) h3{font-family:var(--bc145-serif)!important;font-weight:400!important;color:var(--bc145-ink)!important}
body .bc-story-spread-right .bc-story-plan-points button,body .bc-story-spread-right .bc-story-theme-chips button{
  background:rgba(255,255,255,.4)!important;border:1px solid rgba(55,42,30,.3)!important;color:var(--bc145-ink)!important;font-family:var(--bc145-sans)!important;border-radius:3px!important;
}
body .bc-story-spread-right .bc-story-plan-points button.active,body .bc-story-spread-right .bc-story-theme-chips button.active,
body .bc-story-spread-right .bc-story-detail-card.active{background:rgba(196,18,27,.1)!important;border-color:var(--bc145-red)!important}
body .bc-story-spread-right .bc-story-actions{border-top:1px solid var(--bc145-line);padding-top:16px;margin-top:20px}
body .bc-story-spread-right .bc-story-actions>span{color:var(--bc145-muted)!important;font-family:var(--bc145-hand)!important;font-size:19px!important}
body .bc-story-spread-right .quiz-q{font-family:var(--bc145-serif)!important;font-weight:400!important;color:var(--bc145-ink)!important}
body .bc-story-spread-right .quiz-option{background:rgba(255,255,255,.45)!important;border:1px solid rgba(55,42,30,.3)!important;border-radius:3px!important;color:var(--bc145-ink)!important;font-family:var(--bc145-sans)!important}
body .bc-story-spread-right .quiz-option.selected{background:rgba(196,18,27,.1)!important;border-color:var(--bc145-red)!important}

/* ------------------------------------------------------------------------
   10. JOURNAL SPREADS — generalised diary pane + leaf turn
   Markup is produced by window.BeyondCareSpread (scrapbook-material-v145.js).
   ------------------------------------------------------------------------ */
.bc-spread-stage{position:relative;perspective:2200px;margin:6px 0 0}
.bc-spread-stage .bc-spread-pane{display:none;position:relative;width:100%}
.bc-spread-stage .bc-spread-pane.active{display:block}
.bc-spread-stage .bc-spread-pane.bc-spread-behind{position:absolute;inset:0 0 auto 0;z-index:1;pointer-events:none}
.bc-spread-stage .bc-spread-pane.is-entering{animation:bcDiaryEntryIn .32s ease both}
.bc-spread-sheet{
  position:relative;isolation:isolate;overflow:hidden;min-height:560px;border:1px solid rgba(83,65,48,.18);border-radius:11px;
  background-color:var(--bc145-paper-2);
  background-image:
    radial-gradient(circle at 12% 18%,rgba(89,68,47,.038) 0 1px,transparent 1.2px),
    radial-gradient(circle at 72% 64%,rgba(89,68,47,.025) 0 1px,transparent 1.15px),
    repeating-linear-gradient(7deg,rgba(91,72,52,.013) 0 1px,transparent 1px 8px),
    var(--bc145-texture);
  background-size:9px 9px,13px 13px,100% 100%,1200px auto;
  box-shadow:0 18px 46px rgba(54,42,31,.11),0 2px 5px rgba(54,42,31,.08);
  color:var(--bc145-ink);
}
.bc-spread-sheet::before{
  content:'';position:absolute;z-index:5;top:0;bottom:0;left:50%;width:42px;transform:translateX(-50%);pointer-events:none;
  background:linear-gradient(90deg,transparent 0,rgba(66,50,36,.03) 23%,rgba(66,50,36,.105) 43%,rgba(255,255,255,.42) 50%,rgba(66,50,36,.09) 58%,rgba(66,50,36,.025) 77%,transparent 100%);
  mix-blend-mode:multiply;opacity:.8;
}
.bc-spread-sheet::after{content:'';position:absolute;z-index:6;top:0;bottom:0;left:50%;width:1px;background:rgba(92,72,52,.13);box-shadow:1px 0 rgba(255,255,255,.55);pointer-events:none}
.bc-spread-pages{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.bc-spread-page{min-width:0;padding:44px clamp(30px,3.6vw,60px) 40px}
.bc-spread-left{padding-right:clamp(40px,4.5vw,74px)}
.bc-spread-right{padding-left:clamp(40px,4.5vw,74px)}
body .bc-spread-hand{display:block!important;width:max-content;max-width:100%;margin:0 0 12px!important;color:var(--bc145-red)!important;font-family:var(--bc145-hand)!important;font-weight:600!important;font-size:clamp(24px,2.2vw,34px)!important;line-height:1.05!important;letter-spacing:.01em!important;text-transform:none!important;transform:rotate(-1.2deg)}
body .bc-spread-left :is(h1,h2,h3){max-width:18ch;margin:0!important;font-family:var(--bc145-serif)!important;font-weight:400!important;font-size:clamp(28px,2.9vw,44px)!important;line-height:1.08!important;letter-spacing:-.03em!important;color:var(--bc145-ink)!important}
body .bc-spread-left p{max-width:46ch;margin:16px 0 0!important;color:var(--bc145-ink-2)!important;font-family:var(--bc145-sans)!important;font-size:16px!important;line-height:1.65!important}
body .bc-spread-left .question-meta{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 10px;color:var(--bc145-muted);font-family:var(--bc145-sans);font-weight:600;font-size:11px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
.bc-spread-rule{display:block;width:58px;height:2px;margin:22px 0 22px;background:var(--bc145-red);border-radius:999px;transform:rotate(-1deg)}
body .bc-spread-note{max-width:15ch;margin:0!important;padding:0!important;border:0!important;background:none!important;color:#34302b!important;font-family:var(--bc145-hand)!important;font-weight:500!important;font-size:clamp(22px,2vw,30px)!important;line-height:1.25!important;font-style:normal!important;text-transform:none!important;letter-spacing:.01em!important;transform:rotate(-1.4deg)}
.bc-spread-meta{display:grid;gap:12px;margin:22px 0 0;padding:16px 16px 14px 22px;border:1px solid var(--bc145-line);border-radius:3px;
  background:rgba(255,255,255,.35);box-shadow:inset 10px 0 0 var(--bc145-paper-2),inset 11px 0 0 rgba(196,18,27,.5)}
body .bc-spread-meta label,body .bc-spread-meta .journal-sheet-label-v133{display:block!important;margin:0!important;color:var(--bc145-ink-2)!important;font-family:var(--bc145-sans)!important;font-weight:700!important;font-size:10.5px!important;line-height:1.3!important;letter-spacing:.09em!important;text-transform:uppercase!important}
.bc-spread-meta :is(input,select){width:100%;margin:0!important;background:rgba(255,255,255,.5)!important;border:0!important;border-bottom:1.5px solid rgba(55,42,30,.45)!important;border-radius:3px 3px 0 0!important;color:var(--bc145-ink)!important;font-family:var(--bc145-sans)!important;box-shadow:none!important}
/* Right page: ruled paper with a red margin line. */
.bc-spread-right.bc-spread-ruled{position:relative}
.bc-spread-right.bc-spread-ruled::before{content:'';position:absolute;top:0;bottom:0;left:clamp(24px,3vw,46px);width:1px;background:rgba(196,18,27,.42);pointer-events:none}
body .bc-spread-right .bc-spread-prompt{display:block!important;margin:0 0 10px!important;color:var(--bc145-muted)!important;font-family:var(--bc145-hand)!important;font-weight:600!important;font-size:17px!important;line-height:1.2!important;letter-spacing:.05em!important;text-transform:uppercase!important}
body .bc-spread-stage .bc-spread-right.bc-spread-ruled textarea:not([hidden]):not([data-bc-plain]){
  display:block;width:100%;min-height:340px!important;margin:0!important;padding:0 2px 0 4px!important;resize:vertical;
  border:0!important;border-radius:0!important;box-shadow:none!important;outline:none;
  color:var(--bc145-ink)!important;font:16px/30px var(--bc145-sans)!important;
  background:repeating-linear-gradient(180deg,transparent 0 29px,var(--bc145-rule) 29px 30px)!important;
  background-attachment:local!important;
}
body .bc-spread-stage .bc-spread-right.bc-spread-ruled textarea:focus{outline:none;box-shadow:inset 0 -2px 0 var(--bc145-red)!important}
body .bc-spread-right.bc-spread-ruled :is(h3,.quiz-q){margin:0 0 12px!important;font-family:var(--bc145-serif)!important;font-weight:400!important;font-size:22px!important;line-height:1.3!important;color:var(--bc145-ink)!important}
body .bc-spread-right .final-option{display:flex!important;gap:12px;align-items:flex-start;margin:0!important;padding:13px 6px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--bc145-rule)!important;border-radius:0!important;color:var(--bc145-ink)!important;font-family:var(--bc145-sans)!important;font-size:15px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer}
.bc-spread-right .final-option:hover{background:rgba(196,18,27,.05)!important}
.bc-spread-right .final-option:has(input:checked){background:rgba(196,18,27,.08)!important;border-bottom-color:var(--bc145-red)!important}
.bc-spread-right .final-option input{margin-top:4px;accent-color:var(--bc145-red)}
body .bc-spread-right .portfolio-count{margin:10px 0 0;color:var(--bc145-muted);font-family:var(--bc145-sans);font-weight:600;font-size:12px;line-height:1.4}
.bc-spread-right .portfolio-count.met{color:#1f5a40}
body .bc-spread-right .reflection-save-state,body .bc-spread-right .reflection-note,body .bc-spread-right .modal-note{color:var(--bc145-muted)!important;font-family:var(--bc145-sans)!important;font-size:13px!important;line-height:1.55!important;margin:14px 0 0!important;text-align:left!important}
.bc-spread-right .reflection-save-state.saved{color:#1f5a40}
body .bc-spread-right .journal-check-v133{display:flex!important;align-items:center;gap:10px;margin:12px 0 0!important;color:var(--bc145-ink-2)!important;font-family:var(--bc145-sans)!important;font-size:14px!important;line-height:1.4!important;text-transform:none!important;letter-spacing:0!important}
.bc-spread-right .journal-check-v133 input{accent-color:var(--bc145-red)}
.bc-spread-finish{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--bc145-line)}
.bc-spread-finish :is(.reflection-actions,.module-gate-actions,.final-submit-bar){display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.bc-spread-finish .final-submit-bar{justify-content:space-between}
.bc-spread-finish .final-submit-bar strong{font-family:var(--bc145-serif);font-weight:400;font-size:20px;line-height:1.2;color:var(--bc145-ink)}
.bc-spread-finish :is(.bc-action,.btn-start,.btn-admin-primary){font-family:var(--bc145-sans)!important;border-radius:999px!important}
.bc-spread-finish :is(.bc-action.primary,.bc-action:not(.secondary),.btn-start){background:var(--bc145-red)!important;color:#fff!important;border:0!important}
.bc-spread-finish :is(.bc-action.secondary){background:rgba(255,255,255,.4)!important;border:1px solid rgba(55,42,30,.35)!important;color:var(--bc145-ink)!important}
.bc-spread-finish button:disabled{opacity:.55;cursor:not-allowed}
/* Footer navigation reuses the diary's footer classes. */
.bc-spread-footer{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px clamp(6px,2vw,20px) 0;padding:16px 0 10px;border-top:1px solid rgba(83,65,48,.17)}
body .bc-spread-footer>span{color:var(--bc145-muted)!important;font-family:var(--bc145-sans)!important;font-weight:500!important;font-size:12px!important;line-height:1!important}
.bc-spread-footer .bc-spread-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:46vw}
.bc-spread-footer .bc-spread-dot{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid rgba(55,42,30,.4);background:transparent;cursor:pointer}
.bc-spread-footer .bc-spread-dot.active{background:var(--bc145-red);border-color:var(--bc145-red)}
.bc-spread-footer .bc-spread-dot.done{background:rgba(55,42,30,.35);border-color:transparent}
.bc-spread-footer .bc-spread-prev[hidden],.bc-spread-footer .bc-spread-next[hidden]{display:none!important}
/* Leaf — the half page that turns, reusing the diary keyframes. */
.bc-spread-leaf{
  position:absolute;z-index:30;top:0;bottom:0;left:50%;width:50%;opacity:0;pointer-events:none;transform-style:preserve-3d;backface-visibility:hidden;
  background-color:var(--bc145-paper-2);
  background-image:repeating-linear-gradient(7deg,rgba(91,72,52,.014) 0 1px,transparent 1px 8px),linear-gradient(90deg,rgba(255,255,255,.2),rgba(86,65,47,.05)),var(--bc145-texture);
  background-size:100% 100%,100% 100%,1200px auto;
  box-shadow:-14px 0 32px rgba(49,37,27,.16);
}
.bc-spread-turning-forward .bc-spread-leaf{opacity:1;transform-origin:left center;animation:bcDiaryTurnForward .68s var(--bc145-turn-ease) both}
.bc-spread-turning-backward .bc-spread-leaf{left:0;opacity:1;transform-origin:right center;animation:bcDiaryTurnBackward .68s var(--bc145-turn-ease) both;box-shadow:14px 0 32px rgba(49,37,27,.16)}
.bc-spread-turning-forward .bc-spread-sheet{animation:bcDiaryClipForward .68s var(--bc145-turn-ease) both}
.bc-spread-turning-backward .bc-spread-sheet{animation:bcDiaryClipBackward .68s var(--bc145-turn-ease) both}
.bc-spread-stage .bc-spread-pane.bc-spread-turning-forward,.bc-spread-stage .bc-spread-pane.bc-spread-turning-backward{z-index:3}
/* Hosts that hand their content to a spread drop their own card chrome. */
.main .reflection-panel:has(> .bc-spread-stage),.main .portfolio-form:has(> .bc-spread-stage),.main #finalAssessmentForm:has(> .bc-spread-stage),
.main .journal-composer-v133:has(> .bc-spread-stage){
  background:none!important;border:0!important;box-shadow:none!important;padding:0!important;filter:none!important;clip-path:none!important;
}
.main .reflection-panel:has(> .bc-spread-stage)::before,.main .reflection-panel:has(> .bc-spread-stage)::after,
.main .journal-composer-v133:has(> .bc-spread-stage)::before,.main .journal-composer-v133:has(> .bc-spread-stage)::after{display:none!important;content:none!important}
.main .reflection-panel:has(> .bc-spread-stage) .reflection-module-context{margin-bottom:10px}
/* Storyline scenes carry the same sheet inside the overlay. */
body .bc-story-scenes.bc-spread-stage{perspective:2200px}
body .bc-story-scene.bc-spread-pane .bc-spread-pages{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr)}
body .bc-story-scene.bc-spread-pane .bc-spread-sheet{min-height:600px}
body .bc-story-scene.bc-spread-pane.active{display:block!important}
@media(max-width:980px){
  .bc-spread-pages,body .bc-story-scene.bc-spread-pane .bc-spread-pages{grid-template-columns:1fr!important;min-height:0}
  .bc-spread-sheet::before,.bc-spread-sheet::after{display:none}
  .bc-spread-page{padding:32px 26px}
  .bc-spread-left{padding-bottom:12px}
  .bc-spread-right{padding-top:10px}
  .bc-spread-note{max-width:100%}
  .bc-spread-leaf{display:none}
  .bc-spread-turning-forward .bc-spread-sheet,.bc-spread-turning-backward .bc-spread-sheet{animation:bcDiaryMobileFade .34s ease both}
  .bc-spread-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .bc-spread-footer>span,.bc-spread-footer .bc-spread-dots{grid-column:1/-1;justify-self:center}
  body .bc-spread-right.bc-spread-ruled textarea{min-height:260px!important}
}
@media(max-width:680px){
  .bc-spread-page{padding:24px 18px}
  .bc-spread-right.bc-spread-ruled::before{left:12px}
}

/* ------------------------------------------------------------------------
   11. PAGE TURNS BETWEEN ROUTES — View Transitions with the fade fallback
   scrapbook-material-v145.js clones the outgoing page into .bc-page-leaf,
   swaps the content underneath and starts a view transition that rotates the
   leaf around the spine (the sidebar edge). Without the API the existing
   bcPageIn fade on .screen.active is untouched; small screens get the
   diary's slide-and-fade.
   ------------------------------------------------------------------------ */
#mainContent.main{view-transition-name:bc-page}
.bc-page-leaf{position:fixed;z-index:1800;overflow:hidden;pointer-events:none;contain:paint;view-transition-name:bc-leaf;background:var(--bc145-paper) var(--bc145-texture) center top/1536px auto repeat}
.bc-page-leaf-inner{position:relative;will-change:transform}
.bc-page-leaf .bc-page-leaf-main{view-transition-name:none!important;display:block;overflow:hidden!important;flex:none!important}
.bc-page-leaf *,.bc-page-leaf *::before,.bc-page-leaf *::after{animation:none!important;transition:none!important}
.bc-page-leaf .bc-reveal{opacity:1!important;transform:none!important}
html[data-bc-turn] #mainContent .screen.active,#mainContent[data-bc-turned] .screen.active{animation:none!important}
::view-transition-old(root){display:none!important}
::view-transition-new(root){animation:none!important;mix-blend-mode:normal}
::view-transition-image-pair(root){isolation:auto}
::view-transition-group(bc-leaf),::view-transition-group(bc-page){animation-duration:.68s;animation-timing-function:var(--bc145-turn-ease)}
::view-transition-image-pair(bc-leaf),::view-transition-image-pair(bc-page){isolation:auto}
::view-transition-old(bc-leaf),::view-transition-new(bc-leaf),::view-transition-old(bc-page),::view-transition-new(bc-page){
  mix-blend-mode:normal;animation-duration:.68s;animation-timing-function:var(--bc145-turn-ease);animation-fill-mode:both;
}
/* Forward: the outgoing page lifts from its right edge and turns over the spine. */
html[data-bc-turn="forward"]::view-transition-old(bc-leaf){transform-origin:left center;animation-name:bcDiaryTurnForward;box-shadow:-18px 0 40px rgba(49,37,27,.22)}
html[data-bc-turn="forward"]::view-transition-new(bc-leaf){display:none}
html[data-bc-turn="forward"]::view-transition-old(bc-page),html[data-bc-turn="forward"]::view-transition-new(bc-page){animation:none}
html[data-bc-turn="forward"]::view-transition-old(bc-page){display:none}
/* Back: the outgoing page stays put while the new page turns in from the left. */
html[data-bc-turn="back"]::view-transition-group(bc-page){z-index:5}
html[data-bc-turn="back"]::view-transition-old(bc-leaf){animation:none;opacity:1}
html[data-bc-turn="back"]::view-transition-new(bc-leaf){display:none}
html[data-bc-turn="back"]::view-transition-old(bc-page){display:none}
html[data-bc-turn="back"]::view-transition-new(bc-page){transform-origin:left center;animation-name:bcDiaryTurnForward;animation-direction:reverse;box-shadow:-18px 0 40px rgba(49,37,27,.22)}
/* Small screens: the diary's slide-and-fade instead of 3D. */
html[data-bc-turn-mobile] #mainContent .screen.active{animation:bcDiaryMobileFade .34s ease both reverse!important}
html[data-bc-turn-mobile="back"] #mainContent .screen.active{animation-name:bc145SlideBack!important}
@keyframes bc145SlideBack{from{opacity:.25;transform:translateX(14px)}to{opacity:1;transform:none}}

/* ------------------------------------------------------------------------
   12. ALIGNMENT FIXES ONLY — the four pages that already have the look
   ------------------------------------------------------------------------ */
.main[data-bc-shell="scrapbook"] :is(h1,h2){font-family:var(--bc145-serif)!important;font-weight:400!important}
.main[data-bc-shell="scrapbook"] :is(.welcome-eyebrow,.journal-eyebrow-v133,.learning-eyebrow){font-family:var(--bc145-hand)!important;color:var(--bc145-ink)!important}
.main[data-bc-shell="scrapbook"] :is(.welcome-eyebrow,.journal-eyebrow-v133,.learning-eyebrow)::after{background:var(--bc145-red)!important}
.main[data-bc-shell="scrapbook"] :is(p,li,label,td,button,input,select,textarea):not(.bc-diary-copy *){font-family:var(--bc145-sans)}
.main[data-bc-shell="scrapbook"] .journal-composer-v133 .bc-spread-sheet{min-height:520px}
.main[data-bc-shell="scrapbook"] .journal-entry :is(h3){font-family:var(--bc145-serif)!important;font-weight:400!important}

/* ------------------------------------------------------------------------
   13. ACCESSIBILITY — reduce motion and high contrast win over everything
   No textures, no tilt, no 3D under the flags. Restated last with higher
   specificity than any decoration above.
   ------------------------------------------------------------------------ */
@media(prefers-reduced-motion:reduce){
  html body .main :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,.accessibility-card,.news-card,
    .upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,.account-card,.live-card,.community-card,.connect-card,
    .development-stage-card,.unit-card,.plan-card,.priority-card,.platform-org-card-v26,.course-focus-card-v38,.dev-milestone,.coaching-card,
    .cqc-card,.module-gate-step,.theme-sample-card),html body .unit-overlay :is(.bc-watch-frame,.bc-watch-notice,.bc-play-timer,.bc-read-time,.bc-story-hero-media){rotate:none!important;transition:none!important}
  html body .bc-spread-pane,html body .bc-spread-sheet,html body .bc-spread-leaf,html body .bc-story-scene{animation:none!important;transition:none!important}
  html body .bc-spread-leaf{display:none!important}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
  html body .bc-page-leaf{display:none!important}
  html[data-bc-turn-mobile] #mainContent .screen.active{animation:none!important}
}
html body.a11y-reduce-motion .main :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,.accessibility-card,.news-card,
  .upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,.account-card,.live-card,.community-card,.connect-card,
  .development-stage-card,.unit-card,.plan-card,.priority-card,.platform-org-card-v26,.course-focus-card-v38,.dev-milestone,.coaching-card,
  .cqc-card,.module-gate-step,.theme-sample-card),
html body.a11y-reduce-motion .unit-overlay :is(.bc-watch-frame,.bc-watch-notice,.bc-play-timer,.bc-read-time,.bc-story-hero-media){rotate:none!important;transition:none!important}
html body.a11y-reduce-motion .bc-spread-pane,html body.a11y-reduce-motion .bc-spread-sheet,html body.a11y-reduce-motion .bc-spread-leaf,
html body.a11y-reduce-motion .bc-story-scene{animation:none!important;transition:none!important}
html body.a11y-reduce-motion .bc-spread-leaf,html body.a11y-reduce-motion .bc-page-leaf{display:none!important}
html body.a11y-reduce-motion .sidebar .nav-item,html body.a11y-reduce-motion .sidebar .nav-item.active{transform:none!important}
/* High contrast: flat, opaque, untextured surfaces with solid ink borders. */
html body.a11y-high-contrast,html body.a11y-high-contrast #appShell > .main,html body.a11y-high-contrast .main[data-bc-shell],html body.a11y-high-contrast .unit-overlay,
html body.a11y-high-contrast .journey-nav,html body.a11y-high-contrast .bc-mobile-top,html body.a11y-high-contrast .bc-mobile-bottom,
html body.a11y-high-contrast #authOverlay{background-image:none!important;background-color:#fff!important;box-shadow:none!important;color:#000!important}
html body.a11y-high-contrast .journey-nav::after{display:none!important}
html body.a11y-high-contrast :is(.journey-nav,.bc-mobile-top,.bc-mobile-bottom){--bc-on-dark:#fff;--bc-on-dark-2:#fff;--bc-on-dark-3:#fff;--bc-on-dark-4:#fff;--bc-on-dark-line:#fff;background:#000!important;color:#fff!important;border-color:#fff!important}
html body.a11y-high-contrast :is(.journey-link,.journey-brand strong,.journey-brand span,.journey-account,.journey-admin-edit,.bc-mobile-bottom button,.bc-mobile-brand strong,.bc-mobile-brand span){color:#fff!important}
html body.a11y-high-contrast .journey-link::after{background:#fff!important}
html body.a11y-high-contrast .sidebar{background:#000!important;box-shadow:none!important;color:#fff!important}
html body.a11y-high-contrast .sidebar .nav-item{background:#000!important;color:#fff!important;box-shadow:inset 0 0 0 1px #fff!important;transform:none!important;margin-left:8px!important}
html body.a11y-high-contrast .sidebar .nav-item.active{background:#fff!important;color:#000!important;box-shadow:inset 0 0 0 2px #000!important}
html body.a11y-high-contrast .sidebar .nav-item.active :is(.nav-label,.nav-sub-label,.nav-reflect-label,span,small){color:#000!important}
html body.a11y-high-contrast :is(.sidebar-header .course-label,.sidebar-progress-text,.sidebar-reflect-text,.user-role,.user-name,.sidebar-header h2){color:#fff!important}
html body.a11y-high-contrast .auth-card{background:#000!important;border:2px solid #fff!important;box-shadow:none!important}
html body.a11y-high-contrast .auth-card::before{display:none!important}
html body.a11y-high-contrast .auth-card :is(#loginPanel,#passwordSetupPanel){background:#fff!important;clip-path:none!important;box-shadow:none!important;border:2px solid #000}
html body.a11y-high-contrast .auth-card .auth-logo{color:#fff!important}
html body.a11y-high-contrast .main[data-bc-shell] :is(.journey-card,.welcome-module,.lesson-objectives,.flashcard,.step-item,.kpi-card,.report-panel,.journal-entry,
  .assessment-rule,.final-result,.assessment-gate-card,.accessibility-card,.cms-panel,.cms-module-block,.development-hero,.development-overview,
  .development-stats,.development-section,.development-stage-card,.development-module-row,.live-card,.community-card,.connect-card,.service-card,
  .practitioner-card,.portal-summary-card,.billing-card,.account-card,.news-card,.upcoming-card,.attention-card,.development-card,.quick-action,
  .quick-actions-card,.creator-section,.reading-section,.info-callout,.welcome-card,.org-health-card,.cqc-card,.coaching-card,.unit-card,
  .unit-rail-card,.plan-card,.priority-card,.referral-review-card,.platform-org-card-v26,.course-focus-card-v38,.course-overview-progress-v38,
  .module-gate-step,.dev-milestone,.theme-sample-card,.lesson-import-card,.quiz-builder-card,.unit-quote-card,.module-orientation-panel,
  .accessibility-support,.a11y-setting,.service-admin-panel,.module-focus,.lived-section,.programme-completion,.attempt-history,.certificate,
  .quiz-block,.tf-block,.local-content-section,.local-service-side-card,.local-route-card,.council-service-picker-card,.disability-directory-card,
  .referral-routing-card,.lesson-header,.course-overview-hero-v38,.course-think-v38,.course-overview-governance-v38,.reading-progress-card,
  .resume-banner,.journey-hero,.admin-header,.admin-table-wrap,.report-table-wrap,.billing-history-section-v16,.cms-form-grid,.account-form,
  .service-form-grid,.resource-form-grid,.portfolio-section,.reflection-step,.quiz-paste-card,.platform-orgs-toolbar-v26,.referral-template-sections,
  .lesson-footer,.final-submit-bar,.cms-notice,.cms-format-hint,.development-stat,.dev-journey-item,.service-fact,.readiness-row,.news-row,.review-area,.attempt-row),
html body.a11y-high-contrast :is(.modal-card,.modal,.dialog,.bc-play-card,.unit-overlay .tf-block,.bc-watch-layout,.bc-watch-notice,.bc-play-timer,.bc-read-time,
  .bc-watch-transcript,.bc-story-progress,.bc-spread-sheet,.bc-spread-leaf,.bc-spread-meta,.journey-admin-menu,.unit-overlay-bar,.bc-stage-overlay-bar,.bc-diary-toolbar,.pr-header,
  .bc-story-spread-right :is(.bc-story-document,.bc-story-moment-card,.bc-story-notice,.bc-story-case-focus,.bc-story-timeline-item,.bc-story-detail-card,.bc-apply-question)){
  background-image:none!important;
  background-color:#fff!important;
  border:1px solid #000!important;
  box-shadow:none!important;
  filter:none!important;
  clip-path:none!important;
  rotate:none!important;
  color:#000!important;
}
html body.a11y-high-contrast .main[data-bc-shell] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,.accessibility-card,.news-card,
  .upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,.account-card,.live-card,.community-card,.connect-card,.development-stage-card,
  .unit-card,.plan-card,.priority-card,.platform-org-card-v26,.course-focus-card-v38,.coaching-card,.cqc-card,.report-panel,.cms-panel,.development-section,
  .creator-section,.reading-section,.quick-actions-card,.org-health-card,.welcome-card,.info-callout,.assessment-gate-card,.module-orientation-panel,
  .lesson-objectives,.welcome-module,.service-admin-panel,.accessibility-support,.lesson-header,.course-overview-hero-v38,.course-think-v38,.journey-hero,
  .development-hero,.unit-quote-card,.module-focus)::before,
html body.a11y-high-contrast .main[data-bc-shell] :is(.journey-card,.kpi-card,.portal-summary-card,.service-card,.practitioner-card,.accessibility-card,.news-card,
  .upcoming-card,.attention-card,.development-card,.quick-action,.billing-card,.account-card,.live-card,.community-card,.connect-card,.development-stage-card,
  .unit-card,.plan-card,.priority-card,.platform-org-card-v26,.course-focus-card-v38,.coaching-card,.cqc-card,.report-panel,.cms-panel,.development-section,
  .creator-section,.reading-section,.quick-actions-card,.org-health-card,.welcome-card,.info-callout,.assessment-gate-card,.module-orientation-panel,
  .lesson-objectives,.welcome-module,.service-admin-panel,.accessibility-support,.lesson-header,.course-overview-hero-v38,.course-think-v38,.journey-hero,
  .development-hero,.unit-quote-card,.module-focus)::after,
html body.a11y-high-contrast :is(.modal-card,.bc-play-card)::before,html body.a11y-high-contrast .modal-card::after,
html body.a11y-high-contrast .bc-spread-sheet::before,html body.a11y-high-contrast .bc-spread-sheet::after,
html body.a11y-high-contrast .bc-spread-right.bc-spread-ruled::before{display:none!important;content:none!important}
html body.a11y-high-contrast :is(.main,.unit-overlay,.modal-card) :is(input,select,textarea,.cms-rich-editor){background:#fff!important;border:1px solid #000!important;color:#000!important;background-image:none!important}
html body.a11y-high-contrast body .bc-spread-right.bc-spread-ruled textarea{background-image:none!important;border:1px solid #000!important}
html body.a11y-high-contrast :is(.main,.unit-overlay,.modal-card,.auth-card) :is(.welcome-eyebrow,.learning-eyebrow,.bc-stage-kicker,.bc-mini-label,.bc-spread-hand,.bc-spread-note,.auth-logo,.course-overview-kicker-v38,.course-section-kicker-v38,.kpi-label){color:#000!important}
html body.a11y-high-contrast .auth-card .auth-logo{color:#fff!important}
html body.a11y-high-contrast :is(.main,.unit-overlay,.modal-card) :is(.welcome-eyebrow,.learning-eyebrow,.bc-stage-kicker,.bc-mini-label,.auth-logo,.course-overview-kicker-v38,.course-section-kicker-v38,.kpi-label)::after,
html body.a11y-high-contrast .bc-spread-rule,html body.a11y-high-contrast .journey-link.active::after{background:#000!important}
html body.a11y-high-contrast .bc-page-leaf,html body.a11y-high-contrast .bc-spread-leaf{display:none!important}
html body.a11y-high-contrast :is(.main,.unit-overlay,.modal-card) :is(.btn-admin-primary,.bc-action,.btn-start,.bc-primary-action,.bc-secondary-action,.btn-submit,.bc-diary-next,.bc-spread-next,.bc-diary-prev,.bc-spread-prev,.tf-btn,.quiz-option,.final-option){
  background:#fff!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important;
}
html body.a11y-high-contrast :is(.main,.unit-overlay,.modal-card) :is(.btn-admin-primary,.bc-action:not(.secondary),.btn-start,.bc-primary-action,.btn-submit,.bc-diary-next,.bc-spread-next){background:#000!important;color:#fff!important}
@media(prefers-reduced-transparency:reduce){
  html body .main,html body .unit-overlay,html body .journey-nav,html body .sidebar,html body .auth-card,html body .modal-card{background-image:none!important}
}
@media(forced-colors:active){
  .bc-page-leaf,.bc-spread-leaf{display:none!important}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}