/* ========================================================================
   BEYOND CARE v133 — LOCKED REFLECTION JOURNAL
   Exact visual build of the approved My Journal / Reflection Journal page.
   Course progression and reflection-gating logic remain in platform.html.
   ======================================================================== */

body .reflection-shell.reflection-journal-v133{
  width:100%!important;
  max-width:1560px!important;
  margin:0 auto!important;
  padding:34px clamp(34px,5vw,78px) 96px!important;
  background:transparent!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body .reflection-shell.reflection-journal-v133::before{
  inset:0!important;
  background-image:
    linear-gradient(112deg,rgba(255,255,255,.11),rgba(178,143,99,.025) 48%,rgba(255,255,255,.1)),
    url('./assets/diary-paper-texture.jpg')!important;
  background-size:auto,1180px auto!important;
  background-position:center top!important;
  opacity:.13!important;
  mix-blend-mode:multiply!important;
}

/* Hero */
body .journal-hero-v133{
  display:grid;
  grid-template-columns:minmax(480px,.82fr) minmax(620px,1.18fr);
  align-items:center;
  gap:46px;
  min-height:265px;
  margin:0 0 14px;
}
body .journal-hero-copy-v133{min-width:0;padding-left:18px}
body .journal-eyebrow-v133{
  position:relative;
  display:inline-block;
  margin:0 0 16px;
  padding:0 0 9px;
  color:#211b17;
  font:600 21px/1 'Caveat',cursive;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body .journal-eyebrow-v133::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:112%;
  height:2px;
  border-radius:999px;
  background:#d51b21;
  transform:rotate(-1deg);
}
body .journal-hero-copy-v133 h1{
  margin:0 0 12px!important;
  color:#16120f!important;
  font:400 clamp(60px,5.05vw,82px)/.97 'Vidaloka',serif!important;
  letter-spacing:-.045em!important;
}
body .journal-hero-copy-v133 p{
  position:relative;
  max-width:660px;
  margin:0!important;
  padding:0 0 17px;
  color:#514a43!important;
  font:400 18px/1.52 Georgia,serif!important;
}
body .journal-hero-copy-v133 p::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:min(360px,72%);
  height:2px;
  border-radius:999px;
  background:#e22128;
  transform:rotate(-.4deg);
}
body .journal-hero-art-v133{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-top:4px;
}
body .journal-hero-art-v133 img{
  display:block;
  width:100%;
  max-width:760px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 12px 12px rgba(71,49,30,.055));
}

/* Progression intro */
body .journal-progression-v133{margin-top:8px}
body .journal-progression-head-v133{
  margin:0 0 18px;
  padding-left:0;
}
body .journal-progression-head-v133 .journal-eyebrow-v133{margin-bottom:8px}
body .journal-progression-head-v133 p{
  margin:0;
  color:#37312b;
  font:400 16.5px/1.52 Georgia,serif;
}

/* Course-card grid */
body .journal-course-grid-v133{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px 16px;
  align-items:start;
}
body .journal-course-card-v133{
  position:relative;
  isolation:isolate;
  min-height:515px;
  padding:26px 32px 28px;
  color:#211b16;
  background:transparent url('./assets/scrapbook-v132/sheet-tall-a.png') center/100% 100% no-repeat;
  filter:drop-shadow(0 2px 1px rgba(84,60,38,.06)) drop-shadow(0 12px 10px rgba(65,45,28,.105));
  box-sizing:border-box;
  transform:rotate(-.04deg);
}
body .journal-course-card-v133:nth-child(3n+2){
  background-image:url('./assets/scrapbook-v132/sheet-tall-b.png');
  transform:rotate(.045deg);
}
body .journal-course-card-v133:nth-child(3n){transform:rotate(-.025deg)}
body .journal-course-card-v133::before{
  content:'';
  position:absolute;
  inset:7px -4px -7px 5px;
  z-index:-1;
  pointer-events:none;
  background:rgba(226,211,188,.36);
  clip-path:polygon(2% 2%,98% 0,100% 97%,1% 100%);
  filter:blur(.25px);
  opacity:.6;
}
body .journal-course-card-v133.is-complete::after{
  content:'Complete';
  position:absolute;
  right:34px;
  top:27px;
  color:#477a5e;
  font:700 10px/1 'Inter',sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body .journal-course-card-v133.is-unallocated{
  opacity:.42;
  filter:grayscale(.55) drop-shadow(0 8px 8px rgba(65,45,28,.055));
}
body .journal-course-card-v133.is-unallocated::after{
  content:'Not allocated';
  position:absolute;
  right:30px;
  top:27px;
  color:#6e6861;
  font:700 10px/1 'Inter',sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
}

body .journal-course-card-v133__head{
  position:relative;
  min-height:105px;
  display:grid;
  grid-template-columns:48px minmax(112px,1fr) minmax(150px,44%);
  gap:10px;
  align-items:start;
}
body .journal-course-number-v133{
  color:#df1f25;
  font:400 41px/.95 'Vidaloka',serif;
  letter-spacing:-.03em;
}
body .journal-course-meta-v133{padding-top:4px;min-width:0}
body .journal-course-meta-v133 strong{
  display:block;
  margin-bottom:9px;
  color:#d51b21;
  font:800 10px/1.2 'Inter',sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
  white-space:normal;
}
body .journal-course-meta-v133 span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 11px;
  border:1px solid rgba(84,67,50,.12);
  border-radius:999px;
  background:rgba(255,252,247,.74);
  color:#4f4a45;
  font:750 10px/1 'Inter',sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
}
body .journal-course-art-v133{
  align-self:center;
  justify-self:end;
  width:100%;
  max-width:220px;
  max-height:102px;
  object-fit:contain;
  opacity:.96;
  mix-blend-mode:multiply;
}
body .journal-course-card-v133 h3{
  max-width:66%;
  margin:2px 0 16px!important;
  color:#171310!important;
  font:400 23px/1.08 'Vidaloka',serif!important;
  letter-spacing:-.02em!important;
}
body .journal-task-list-v133{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(79,62,45,.11);
}
body .journal-task-row-v133{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 108px;
  gap:12px;
  align-items:center;
  min-height:47px;
  padding:7px 0;
  border-bottom:1px solid rgba(79,62,45,.1);
}
body .journal-task-row-v133:last-child{border-bottom:0}
body .journal-task-ref-v133{
  align-self:start;
  padding-top:4px;
  color:#55504a;
  font:400 14.5px/1.3 Georgia,serif;
}
body .journal-task-title-v133{
  color:#27211c;
  font:400 15px/1.22 Georgia,serif;
}
body .journal-task-row-v133.is-locked .journal-task-ref-v133,
body .journal-task-row-v133.is-locked .journal-task-title-v133{color:#8f8880}
body .journal-task-row-v133.is-saved .journal-task-ref-v133,
body .journal-task-row-v133.is-saved .journal-task-title-v133{color:#4e765e}
body .journal-task-action-v133{
  justify-self:end;
  min-width:98px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(79,62,45,.13);
  border-radius:999px;
  background:rgba(255,252,247,.76);
  color:#25211d;
  font:700 12px/1 'Inter',sans-serif;
  text-decoration:none;
  box-sizing:border-box;
}
button.journal-task-action-v133{cursor:pointer}
button.journal-task-action-v133:hover{
  border-color:rgba(213,27,33,.28);
  color:#c91920;
  background:#fffaf4;
}
body .journal-task-action-v133 i{font-style:normal;font-size:16px;line-height:1}
body .journal-task-action-v133.is-locked{
  border-color:transparent;
  background:rgba(218,213,205,.45);
  color:#8d8984;
}
body .journal-task-action-v133.is-saved{
  border-color:rgba(74,126,91,.18);
  color:#447257;
  background:rgba(233,242,235,.62);
}

/* Personal-note area retained below the locked progression composition. */
body .journal-personal-v133{
  margin-top:34px;
  border-top:1px solid rgba(65,49,35,.13);
  border-bottom:1px solid rgba(65,49,35,.13);
}
body .journal-personal-v133>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px 2px;
  cursor:pointer;
}
body .journal-personal-v133>summary::-webkit-details-marker{display:none}
body .journal-personal-v133>summary span{display:grid;gap:4px}
body .journal-personal-v133>summary strong{
  color:#211b16;
  font:400 25px/1.1 'Vidaloka',serif;
}
body .journal-personal-v133>summary small{
  color:#696159;
  font:400 13px/1.45 'Inter',sans-serif;
}
body .journal-personal-v133>summary i{
  color:#26211d;
  font:400 25px/1 'Inter',sans-serif;
  font-style:normal;
  transition:transform .18s ease;
}
body .journal-personal-v133[open]>summary i{transform:rotate(45deg)}
body .journal-personal-body-v133{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:22px;
  padding:4px 0 30px;
}
body .journal-composer-v133,
body .journal-saved-v133{
  position:relative;
  padding:28px 30px 32px;
  background:transparent url('./assets/scrapbook-v132/sheet-tall-a.png') center/100% 100% no-repeat;
  filter:drop-shadow(0 9px 9px rgba(65,45,28,.08));
}
body .journal-saved-v133{background-image:url('./assets/scrapbook-v132/sheet-tall-b.png')}
body .journal-sheet-label-v133{
  display:inline-block;
  margin:0 0 8px;
  color:#221c17;
  font:400 26px/1 'Vidaloka',serif;
}
body .journal-composer-v133 label{
  display:block;
  margin:15px 0 7px;
  color:#4b433b;
  font:750 11px/1.25 'Inter',sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body .journal-composer-v133 input:not([type='checkbox']),
body .journal-composer-v133 select,
body .journal-composer-v133 textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(86,65,44,.14);
  border-radius:4px;
  background:#fffaf2;
  color:#211b16;
  padding:11px 12px;
  font:400 14px/1.45 Georgia,serif;
}
body .journal-composer-v133 textarea{min-height:105px;resize:vertical}
body .journal-check-v133{
  display:flex!important;
  align-items:flex-start;
  gap:9px;
  text-transform:none!important;
  letter-spacing:0!important;
  font:500 13px/1.4 'Inter',sans-serif!important;
}
body .journal-check-v133 input{width:auto!important;margin-top:2px}
body .journal-saved-head-v133{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
body .reflection-journal-v133 .journal-entry{
  margin:12px 0!important;
  padding:20px 22px!important;
  background:rgba(255,251,244,.76)!important;
  border:1px solid rgba(77,57,40,.1)!important;
  border-radius:3px!important;
  filter:none!important;
  box-shadow:0 5px 12px rgba(67,46,28,.045)!important;
}
body .reflection-journal-v133 .reflection-empty{
  min-height:160px;
  display:grid;
  place-items:center;
  padding:28px!important;
  background:transparent url('./assets/scrapbook-v132/note-small.png') center/100% 100% no-repeat!important;
  color:#62584e!important;
  font:500 20px/1.25 'Caveat',cursive!important;
}

@media(max-width:1260px){
  body .journal-hero-v133{grid-template-columns:1fr;gap:20px}
  body .journal-hero-copy-v133{padding-left:0}
  body .journal-hero-art-v133{justify-content:flex-start}
  body .journal-hero-art-v133 img{max-width:760px}
  body .journal-course-grid-v133{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  body .reflection-shell.reflection-journal-v133{padding:26px 16px 72px!important}
  body .journal-hero-copy-v133 h1{font-size:52px!important}
  body .journal-hero-copy-v133 p{font-size:16px!important}
  body .journal-course-grid-v133{grid-template-columns:1fr}
  body .journal-course-card-v133{min-height:0;padding:24px 25px 27px}
  body .journal-course-card-v133__head{grid-template-columns:44px minmax(100px,1fr) minmax(125px,42%)}
  body .journal-course-number-v133{font-size:36px}
  body .journal-course-card-v133 h3{max-width:72%;font-size:22px!important}
  body .journal-personal-body-v133{grid-template-columns:1fr}
}
@media(max-width:560px){
  body .journal-hero-copy-v133 h1{font-size:45px!important}
  body .journal-task-row-v133{grid-template-columns:40px minmax(0,1fr) 88px;gap:8px}
  body .journal-task-action-v133{min-width:82px;min-height:36px;font-size:11px}
  body .journal-course-card-v133__head{grid-template-columns:42px minmax(0,1fr)}
  body .journal-course-art-v133{grid-column:1/-1;justify-self:start;width:70%;max-height:90px;margin:2px 0 8px}
  body .journal-course-card-v133 h3{max-width:none}
}

/* v134 — blend the locked journal hero into the page without changing layout. */
body .journal-hero-art-v133{
  background:transparent!important;
  overflow:visible!important;
}
body .journal-hero-art-v133 img{
  background:transparent!important;
}