:root{
  --kjh-burgundy:#790016;
  --kjh-burgundy-deep:#51000e;
  --kjh-ink:#171313;
  --kjh-copy:#37302e;
  --kjh-page:#f7f3ef;
  --kjh-card:#fffdfb;
  --kjh-line:#e7deda;
  --kjh-soft:#f1ece8;
  --kjh-gold:#c39a73;
}

.kjh-kll-page-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:18px 0 38px!important;
  background:var(--kjh-page)!important;
  overflow:hidden;
}
.kjh-kll-page-main .kjh-kll-shell{
  width:calc(100% - 28px)!important;
  max-width:1880px!important;
  margin:0 auto!important;
}
.kjh-kll-page-main:before,.kjh-kll-page-main:after{display:none!important}

.kjh-kll-shell{
  color:var(--kjh-ink);
  font-family:'Montserrat',Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.45;
  box-sizing:border-box;
}
.kjh-kll-shell *{box-sizing:border-box}
.kjh-kll-shell button,.kjh-kll-shell a{font:inherit}

/* HERO */
.kjh-kll-hero{
  height:clamp(318px,21.2vw,370px);
  border:1px solid var(--kjh-line);
  border-radius:18px;
  overflow:hidden;
  position:relative;
  display:block;
  margin:0 0 14px;
  background:#f8f4ef;
  isolation:isolate;
}
.kjh-kll-hero.has-image{
  background-image:
    linear-gradient(90deg,
      rgba(250,247,243,.995) 0%,
      rgba(250,247,243,.985) 20%,
      rgba(250,247,243,.92) 31%,
      rgba(250,247,243,.72) 39%,
      rgba(250,247,243,.44) 46%,
      rgba(250,247,243,.16) 54%,
      rgba(250,247,243,.025) 64%,
      rgba(45,16,10,.10) 100%),
    var(--kjh-hero)!important;
  background-size:100% 100%,120% auto!important;
  background-position:center center,58% center!important;
  background-repeat:no-repeat,no-repeat!important;
}
.kjh-kll-hero:after{
  content:"";
  position:absolute;
  z-index:1;
  right:-78px;
  bottom:-92px;
  width:330px;
  height:170px;
  border-radius:55% 0 0 0;
  background:linear-gradient(135deg,rgba(121,0,22,0) 24%,rgba(121,0,22,.92) 78%);
  transform:rotate(-9deg);
  pointer-events:none;
}
.kjh-kll-hero-copy{
  position:relative;
  z-index:3;
  width:44%;
  height:100%;
  padding:31px 34px 26px 42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.kjh-kll-eyebrow{
  font-size:12px;
  line-height:1;
  letter-spacing:.36em;
  color:var(--kjh-burgundy);
  font-weight:700;
  margin:0 0 12px;
}
.kjh-kll-hero h1,.kjh-kll-card h2,.kjh-kll-reader h2{
  font-family:'Bodoni Moda',Didot,'Bodoni 72','Times New Roman',serif;
  font-weight:400;
  color:var(--kjh-ink);
}
.kjh-kll-hero h1{
  font-size:clamp(54px,4.35vw,76px);
  line-height:.88;
  letter-spacing:-.045em;
  margin:0;
  width:min(100%,500px);
  max-width:500px;
}
.kjh-kll-rule{
  width:82px;
  height:2px;
  background:var(--kjh-burgundy);
  margin:20px 0 12px;
}
.kjh-kll-hero p{
  max-width:520px;
  margin:0;
  color:#272221;
  font-size:14px;
  line-height:1.45;
  font-weight:400;
}
.kjh-kll-script{
  font-family:'Allura','Segoe Script','Brush Script MT',cursive;
  font-size:32px;
  line-height:1;
  color:var(--kjh-burgundy);
  margin:4px 0 0 182px;
  transform:rotate(-2deg);
  white-space:nowrap;
}
.kjh-kll-hero-words{
  position:absolute;
  z-index:4;
  right:35px;
  bottom:38px;
  display:flex;
  flex-direction:column;
  color:#fff;
  font-size:11px;
  line-height:1.95;
  letter-spacing:.25em;
  font-weight:500;
  text-shadow:0 1px 10px rgba(0,0,0,.35);
}
.kjh-kll-hero-words:after{
  content:"";
  width:72px;
  height:1px;
  margin-top:8px;
  background:rgba(218,176,132,.95);
}

/* ISSUES */
.kjh-kll-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0 0 14px;
}
.kjh-kll-card{
  min-width:0;
  min-height:258px;
  background:rgba(255,255,255,.90);
  border:1px solid var(--kjh-line);
  border-radius:14px;
  overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.kjh-kll-card:hover,.kjh-kll-card.is-active{
  border-color:#d8c3c6;
  box-shadow:0 11px 28px rgba(48,27,20,.07);
}
.kjh-kll-card-inner{
  appearance:none;
  border:0;
  outline:0;
  background:transparent;
  width:100%;
  min-height:258px;
  text-align:left;
  padding:12px 14px;
  display:grid;
  grid-template-columns:minmax(145px,38%) 1fr;
  gap:20px;
  cursor:pointer;
  color:inherit;
}
.kjh-kll-cover{
  width:100%;
  height:100%;
  max-height:235px;
  aspect-ratio:3/4.18;
  align-self:center;
  background:#f3eeea;
  overflow:hidden;
  box-shadow:0 9px 19px rgba(34,21,17,.16);
}
.kjh-kll-cover img,.kjh-kll-reader-cover img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.kjh-kll-cover-placeholder{
  width:100%;height:100%;min-height:190px;
  background:linear-gradient(155deg,#fff 0%,#efe3dc 62%,#d9c7bb 100%);
  padding:18px 13px;
  display:flex;flex-direction:column;justify-content:space-between;
  font-family:'Bodoni Moda',Didot,serif;
}
.kjh-kll-cover-placeholder span{font-size:21px;line-height:.94}
.kjh-kll-cover-placeholder b{align-self:flex-end;font-size:36px;font-weight:400;color:#b99778}
.kjh-kll-card-copy{
  min-width:0;
  padding:8px 0 1px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.kjh-kll-issue{
  color:var(--kjh-burgundy);
  font-size:10px;
  line-height:1.1;
  letter-spacing:.24em;
  font-weight:700;
  margin:0 0 11px;
  text-transform:uppercase;
}
.kjh-kll-card h2{
  font-size:clamp(26px,2vw,34px);
  line-height:1.02;
  letter-spacing:-.025em;
  margin:0 0 13px;
  text-transform:none;
}
.kjh-kll-card p{
  color:#4c4441;
  font-size:12.5px;
  line-height:1.48;
  margin:0 0 16px;
  max-width:95%;
}
.kjh-kll-cta{
  min-height:42px;
  margin-top:auto;
  padding:11px 14px;
  border-radius:3px;
  background:linear-gradient(90deg,var(--kjh-burgundy-deep),var(--kjh-burgundy));
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:17px;
  font-size:10.5px;
  line-height:1;
  letter-spacing:.14em;
  font-weight:500;
  white-space:nowrap;
}
.kjh-kll-cta b{font-size:17px;font-weight:400;line-height:1}

/* READER */
.kjh-kll-readers{width:100%}
.kjh-kll-reader{
  display:none;
  grid-template-columns:39% 61%;
  gap:16px;
  border:1px solid var(--kjh-line);
  border-radius:15px;
  padding:12px 14px 14px;
  background:rgba(255,255,255,.92);
  scroll-margin-top:86px;
}
.kjh-kll-reader.is-active{display:grid}
.kjh-kll-reader-info{padding:0 4px 0 0;min-width:0}
.kjh-kll-back{
  appearance:none;border:0;background:none;
  padding:0;margin:2px 0 14px;
  color:#272020;
  letter-spacing:.09em;
  font-size:10px;
  font-weight:500;
  cursor:pointer;
}
.kjh-kll-reader-meta{
  display:grid;
  grid-template-columns:34% 1fr;
  gap:23px;
  align-items:start;
}
.kjh-kll-reader-cover{
  width:100%;
  aspect-ratio:3/4.18;
  background:#f3efeb;
  box-shadow:0 9px 23px rgba(30,20,16,.14);
  overflow:hidden;
}
.kjh-kll-reader h2{
  font-size:clamp(34px,2.8vw,47px);
  line-height:.98;
  letter-spacing:-.035em;
  margin:0 0 12px;
}
.kjh-kll-reader p{
  font-size:12.5px;
  line-height:1.48;
  color:#514846;
  margin:0 0 14px;
}
.kjh-kll-reader ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:flex;
  flex-direction:column;
  gap:7px;
  font-size:11px;
  color:#383130;
}
.kjh-kll-reader li{display:flex;gap:9px;align-items:center;margin:0!important;padding:0!important}
.kjh-kll-reader-actions{display:flex;gap:12px;margin-top:13px}
.kjh-kll-primary,.kjh-kll-secondary{
  min-height:43px;
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  border-radius:3px;
  text-decoration:none!important;
  font-size:10.5px;
  letter-spacing:.12em;
  font-weight:500;
  cursor:pointer;
}
.kjh-kll-primary{border:1px solid var(--kjh-burgundy);background:linear-gradient(90deg,var(--kjh-burgundy-deep),var(--kjh-burgundy));color:#fff}
.kjh-kll-secondary{border:1px solid var(--kjh-burgundy);background:#fff;color:var(--kjh-burgundy)}

.kjh-kll-pdf-wrap{
  min-width:0;
  min-height:445px;
  padding:10px;
  border-radius:11px;
  background:#ece8e5;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.kjh-kll-pdf{
  width:100%;
  flex:1;
  min-height:380px;
  border:0;
  background:#fff;
  border-radius:5px;
}
.kjh-kll-pdf-toolbar{display:grid;align-items:center;gap:8px}
.kjh-kll-pdf-toolbar.top{grid-template-columns:38px 1fr 38px;margin-bottom:7px}
.kjh-kll-pdf-toolbar.bottom{
  grid-template-columns:auto 1fr auto;
  margin-top:7px;
  padding:6px 10px;
  border-radius:5px;
  background:#fff;
  border:1px solid #ebe3de;
  font-size:10px;
}
.kjh-kll-pdf-toolbar button{
  appearance:none;
  border:0;
  width:34px;height:34px;
  border-radius:50%;
  background:#fff;
  color:var(--kjh-burgundy);
  font-size:27px;
  line-height:1;
  cursor:pointer;
  box-shadow:none; border:1px solid #e8dfd9;
}
.kjh-kll-page-title{
  text-align:center;
  color:#6b615e;
  font-size:9.5px;
  letter-spacing:.15em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kjh-kll-pdf-toolbar input[type=range]{width:100%;accent-color:var(--kjh-burgundy)}
.kjh-kll-pdf-toolbar a{text-decoration:none!important;color:var(--kjh-burgundy);font-size:16px}
.kjh-kll-empty{
  flex:1;min-height:380px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:linear-gradient(145deg,#fff,#efe8e4);
  border-radius:6px;color:#6f625d;
}
.kjh-kll-empty b{font-family:'Bodoni Moda',Didot,serif;font-size:34px;font-weight:400;color:var(--kjh-burgundy);margin-bottom:8px}
.kjh-kll-login{padding:24px;border:1px solid #eadfe0;border-radius:10px;background:#fff8f8}

@media(max-width:1280px){
  .kjh-kll-hero-copy{width:50%;padding-left:34px}
  .kjh-kll-hero h1{font-size:58px;max-width:390px}
  .kjh-kll-grid{grid-template-columns:1fr}
  .kjh-kll-card{min-height:220px}
  .kjh-kll-card-inner{min-height:220px;grid-template-columns:160px 1fr}
  .kjh-kll-cover{max-height:210px}
  .kjh-kll-reader{grid-template-columns:1fr}
  .kjh-kll-reader-meta{grid-template-columns:150px 1fr}
}

@media(max-width:760px){
  .kjh-kll-page-main{padding-top:10px!important}
  .kjh-kll-page-main .kjh-kll-shell{width:calc(100% - 18px)!important}
  .kjh-kll-hero{height:470px;border-radius:14px}
  .kjh-kll-hero.has-image{
    background-image:linear-gradient(180deg,rgba(250,247,243,.99) 0%,rgba(250,247,243,.94) 46%,rgba(250,247,243,.38) 65%,rgba(42,12,7,.10) 100%),var(--kjh-hero)!important;
    background-position:66% center!important;
  }
  .kjh-kll-hero-copy{width:100%;padding:28px 22px 190px;justify-content:flex-start}
  .kjh-kll-eyebrow{font-size:10px;margin-top:4px}
  .kjh-kll-hero h1{font-size:51px;max-width:330px}
  .kjh-kll-rule{margin:18px 0 12px}
  .kjh-kll-hero p{font-size:13px;max-width:350px}
  .kjh-kll-script{font-size:27px;margin:5px 0 0 64px}
  .kjh-kll-hero-words{right:18px;bottom:20px;font-size:9px}
  .kjh-kll-hero:after{width:220px;height:120px;right:-70px;bottom:-70px}

  .kjh-kll-card-inner{grid-template-columns:116px 1fr;gap:14px;padding:10px;min-height:192px}
  .kjh-kll-card{min-height:192px}
  .kjh-kll-cover{max-height:176px}
  .kjh-kll-card h2{font-size:25px;margin-bottom:8px}
  .kjh-kll-card p{font-size:11px;line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .kjh-kll-issue{font-size:9px;margin-bottom:7px}
  .kjh-kll-cta{min-height:37px;padding:9px;font-size:9px;gap:10px}

  .kjh-kll-reader{padding:10px}
  .kjh-kll-reader-meta{grid-template-columns:105px 1fr;gap:14px}
  .kjh-kll-reader h2{font-size:31px}
  .kjh-kll-reader p{font-size:11.5px}
  .kjh-kll-reader ul{font-size:10.5px}
  .kjh-kll-reader-actions{flex-direction:column}
  .kjh-kll-pdf-wrap{min-height:500px;padding:7px}
  .kjh-kll-pdf{min-height:445px}
  .kjh-kll-page-title{font-size:8.5px}
}

/* v1.0.6 — final polish against the approved editorial mockup */
@media (min-width:1281px){
  .kjh-kll-hero{
    height:clamp(340px,22vw,382px);
    margin-bottom:14px;
  }
  .kjh-kll-hero.has-image{
    background-image:
      linear-gradient(90deg,
        rgba(250,247,243,.998) 0%,
        rgba(250,247,243,.995) 28%,
        rgba(250,247,243,.93) 39%,
        rgba(250,247,243,.62) 47%,
        rgba(250,247,243,.08) 60%,
        rgba(35,10,7,.12) 100%),
      var(--kjh-hero)!important;
    background-position:58% center!important;
  }
  .kjh-kll-hero-copy{
    width:46%;
    padding:28px 34px 24px 42px;
  }
  .kjh-kll-hero h1{
    font-size:clamp(60px,4.15vw,74px);
    line-height:.89;
    max-width:440px;
  }
  .kjh-kll-hero p{font-size:13.5px;line-height:1.42;max-width:485px}
  .kjh-kll-rule{width:78px;margin:18px 0 11px}
  .kjh-kll-script{font-size:31px;margin-left:160px;margin-top:3px}
  .kjh-kll-hero-words{
    right:34px;
    bottom:40px;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .kjh-kll-hero-words span{
    display:block!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .kjh-kll-hero:after{
    right:-86px;
    bottom:-102px;
    width:280px;
    height:138px;
    opacity:.82;
  }

  .kjh-kll-grid{gap:12px;margin-bottom:14px}
  .kjh-kll-card{min-height:246px;border-radius:13px}
  .kjh-kll-card-inner{
    min-height:246px;
    padding:11px 13px;
    grid-template-columns:minmax(148px,34%) 1fr;
    gap:18px;
  }
  .kjh-kll-cover{max-height:222px;aspect-ratio:3/4.15}
  .kjh-kll-card-copy{padding:7px 0 1px}
  .kjh-kll-issue{font-size:9.5px;margin-bottom:10px}
  .kjh-kll-card h2{font-size:clamp(25px,1.8vw,32px);line-height:1.01;margin-bottom:12px}
  .kjh-kll-card p{
    font-size:11.6px;
    line-height:1.42;
    margin-bottom:13px;
    max-width:98%;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .kjh-kll-cta{min-height:39px;padding:10px 12px;font-size:10px}

  .kjh-kll-reader{
    grid-template-columns:40% 60%;
    padding:11px 13px 13px;
    gap:15px;
  }
  .kjh-kll-reader-meta{grid-template-columns:35% 1fr;gap:20px}
  .kjh-kll-reader h2{font-size:clamp(34px,2.5vw,44px)}
  .kjh-kll-pdf-wrap{min-height:430px}
  .kjh-kll-pdf{min-height:365px}
}

/* Keep theme/Divi typography from leaking into the Journal. */
.kjh-kll-shell h1,.kjh-kll-shell h2,.kjh-kll-shell h3,.kjh-kll-shell p,.kjh-kll-shell span,.kjh-kll-shell button,.kjh-kll-shell a,.kjh-kll-shell li{
  text-transform:none;
}
.kjh-kll-shell .kjh-kll-eyebrow,.kjh-kll-shell .kjh-kll-issue,.kjh-kll-shell .kjh-kll-cta,.kjh-kll-shell .kjh-kll-back,.kjh-kll-shell .kjh-kll-page-title{
  text-transform:uppercase;
}
.kjh-kll-shell .kjh-kll-card h2{
  overflow-wrap:anywhere;
}

/* v1.0.7 — desktop book reader + reliable navigation */
.kjh-kll-desktop-book{display:block;min-width:0;width:100%}
.kjh-kll-mobile-pdf{display:none;min-height:0;flex:1;flex-direction:column}
.kjh-kll-book-stage{
  position:relative;
  width:100%;
  aspect-ratio:1.42/1;
  max-height:650px;
  min-height:390px;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:linear-gradient(180deg,#f2eeea 0%,#ece7e2 100%);
  border:1px solid #ddd5cf;
  border-radius:8px;
  overflow:hidden;
  perspective:1800px;
  box-shadow:none;
}
.kjh-kll-book-page{
  position:relative;
  min-width:0;
  height:100%;
  background:#fff;
  overflow:hidden;
  border:0;
  box-shadow:none;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  will-change:transform,filter;
}
.kjh-kll-book-left{transform-origin:right center;border-radius:4px 0 0 4px}
.kjh-kll-book-right{transform-origin:left center;border-radius:0 4px 4px 0}
.kjh-kll-book-frame{
  width:100%;
  height:100%;
  display:block;
  border:0;
  background:#fff;
  pointer-events:none;
}
.kjh-kll-book-blank{
  width:100%;height:100%;
  background:linear-gradient(90deg,#fbfaf8 0%,#fff 70%,#f4f0ed 100%);
}
.kjh-kll-book-left:after,.kjh-kll-book-right:before{
  content:"";
  position:absolute;
  z-index:5;
  top:0;bottom:0;
  width:18px;
  pointer-events:none;
  opacity:.35;
}
.kjh-kll-book-left:after{right:0;background:linear-gradient(90deg,transparent,rgba(48,37,31,.10))}
.kjh-kll-book-right:before{left:0;background:linear-gradient(90deg,rgba(48,37,31,.10),transparent)}
.kjh-kll-book-gutter{
  position:absolute;
  z-index:8;
  left:50%;top:0;bottom:0;
  width:1px;
  transform:translateX(-50%);
  background:rgba(129,122,117,.55);
  box-shadow:none;
  pointer-events:none;
}
.kjh-kll-book-page-no{
  position:absolute;
  z-index:9;
  bottom:7px;
  min-width:20px;
  text-align:center;
  font-family:'Montserrat',Arial,sans-serif;
  font-size:9px;
  color:#796c66;
  background:rgba(255,255,255,.92);
  border-radius:999px;
  padding:2px 6px;
  box-shadow:none;
  border:1px solid #ece5e0;
}
.kjh-kll-book-left .kjh-kll-book-page-no{left:8px}
.kjh-kll-book-right .kjh-kll-book-page-no{right:8px}

.kjh-kll-book-page.is-empty{background:#fbf8f5}
.kjh-kll-book-stage[data-side="right"] .kjh-kll-book-left{background:#f7f3ef}
.kjh-kll-book-stage[data-side="left"] .kjh-kll-book-right{background:#f7f3ef}
.kjh-kll-book-stage[data-side="right"] .kjh-kll-book-right,
.kjh-kll-book-stage[data-side="left"] .kjh-kll-book-left{box-shadow:0 0 0 1px #e8dfd9 inset}

.kjh-kll-book-stage.is-turning-next .kjh-kll-book-right{animation:kjhBookTurnNext .19s cubic-bezier(.55,.02,.72,.55) forwards}
.kjh-kll-book-stage.is-turning-prev .kjh-kll-book-left{animation:kjhBookTurnPrev .19s cubic-bezier(.55,.02,.72,.55) forwards}
.kjh-kll-book-stage.is-arriving-next .kjh-kll-book-right{animation:kjhBookArriveNext .28s cubic-bezier(.18,.76,.26,1) both}
.kjh-kll-book-stage.is-arriving-prev .kjh-kll-book-left{animation:kjhBookArrivePrev .28s cubic-bezier(.18,.76,.26,1) both}
@keyframes kjhBookTurnNext{from{transform:rotateY(0);filter:brightness(1)}to{transform:rotateY(-28deg);filter:brightness(.94)}}
@keyframes kjhBookTurnPrev{from{transform:rotateY(0);filter:brightness(1)}to{transform:rotateY(28deg);filter:brightness(.94)}}
@keyframes kjhBookArriveNext{from{transform:rotateY(10deg);filter:brightness(.98)}to{transform:rotateY(0);filter:brightness(1)}}
@keyframes kjhBookArrivePrev{from{transform:rotateY(-10deg);filter:brightness(.98)}to{transform:rotateY(0);filter:brightness(1)}}

.kjh-kll-book-controls{
  display:grid;
  grid-template-columns:34px auto minmax(100px,1fr) 34px 28px;
  align-items:center;
  gap:9px;
  margin-top:7px;
  padding:6px 9px;
  min-height:42px;
  border-radius:5px;
  background:#fff;
  border:1px solid #ebe3de;
  font-size:10px;
}
.kjh-kll-book-controls button{
  appearance:none;
  border:0;
  width:30px;height:30px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#f8f4f2;
  color:var(--kjh-burgundy);
  font-size:24px;
  line-height:1;
  cursor:pointer;
  transition:background .2s ease,opacity .2s ease,transform .2s ease;
}
.kjh-kll-book-controls button:hover:not(:disabled){background:#efe3e4;transform:translateY(-1px)}
.kjh-kll-book-controls button:disabled,.kjh-kll-pdf-toolbar button:disabled{opacity:.28;cursor:default}
.kjh-kll-book-counter{white-space:nowrap;color:#5f5551;font-size:9.5px;letter-spacing:.04em}
.kjh-kll-book-controls input[type=range]{width:100%;accent-color:var(--kjh-burgundy)}
.kjh-kll-book-controls a{text-decoration:none!important;color:var(--kjh-burgundy);font-size:16px;text-align:center}

@media (min-width:900px){
  .kjh-kll-pdf-wrap{min-height:470px}
  .kjh-kll-desktop-book{display:block}
  .kjh-kll-mobile-pdf{display:none!important}
}

@media (max-width:899px){
  .kjh-kll-desktop-book{display:none!important}
  .kjh-kll-mobile-pdf{display:flex!important}
}

@media (max-width:760px){
  .kjh-kll-mobile-pdf{min-height:485px}
}

/* v1.0.8 — seamless hero composition + theme-proof overlay words */
@media (min-width:900px){
  /* Extra soft editorial veil behind the title, without a visible vertical edge. */
  .kjh-kll-hero-copy:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-30px -34% -30px -42px;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(250,247,243,.70) 0%,
      rgba(250,247,243,.38) 48%,
      rgba(250,247,243,.10) 78%,
      rgba(250,247,243,0) 100%);
  }

  /* Divi/theme styles must never turn the right-side words into a white card. */
  .kjh-kll-hero .kjh-kll-hero-words,
  .kjh-kll-hero .kjh-kll-hero-words span,
  .kjh-kll-hero .kjh-kll-hero-words span:before,
  .kjh-kll-hero .kjh-kll-hero-words span:after{
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .kjh-kll-hero .kjh-kll-hero-words{
    padding:0!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    color:#fff!important;
    text-shadow:0 2px 13px rgba(25,8,5,.46)!important;
  }
  .kjh-kll-hero .kjh-kll-hero-words span{
    color:inherit!important;
    opacity:1!important;
  }
}

@media (min-width:1281px){
  .kjh-kll-hero.has-image{
    background-size:100% 100%,120% auto!important;
    background-position:center center,58% center!important;
  }
}


/* v1.0.9 — single-page desktop reader with subtle spine */
.kjh-kll-book-blank{background:linear-gradient(180deg,#fdfbf9 0%,#f6f1ed 100%);}
.kjh-kll-book-stage .kjh-kll-book-page.is-empty .kjh-kll-book-page-no{display:none;}


/* v1.0.10 — hero first-paint fix: desktop hero uses the final composition from the first render, without a visible jump. */

/* v1.0.11 — stable full-bleed hero + fast two-page book spread */
.kjh-kll-hero.has-image{
  background:#f6f1ec!important;
  background-image:none!important;
}
.kjh-kll-hero-image{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.18);
  transform-origin:right center;
  pointer-events:none;
}
.kjh-kll-hero:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(250,247,243,.93) 0%,
    rgba(250,247,243,.88) 20%,
    rgba(250,247,243,.72) 34%,
    rgba(250,247,243,.42) 48%,
    rgba(250,247,243,.12) 62%,
    rgba(250,247,243,0) 76%);
}
.kjh-kll-hero-copy{z-index:3}
.kjh-kll-hero-copy:before{display:none!important}
.kjh-kll-hero-words{z-index:4}
.kjh-kll-hero:after{z-index:2}

.kjh-kll-book-stage{
  aspect-ratio:1.414/1;
  max-height:none;
  min-height:0;
  background:#f8f5f2;
  border:0!important;
  border-radius:6px;
  box-shadow:none!important;
  overflow:hidden;
}
.kjh-kll-book-page{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden;
}
.kjh-kll-book-page canvas{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  background:#fff;
}
.kjh-kll-book-page.is-empty{background:#fff}
.kjh-kll-book-left:after,.kjh-kll-book-right:before{display:none!important}
.kjh-kll-book-gutter{
  width:1px!important;
  background:#b9b2ad!important;
  box-shadow:none!important;
  opacity:.72;
}
.kjh-kll-book-page-no{display:none!important}
.kjh-kll-book-frame{
  width:100%;
  height:100%;
  border:0!important;
  overflow:hidden!important;
  background:#fff;
  pointer-events:none;
}
.kjh-kll-book-stage.is-turning-next .kjh-kll-book-right,
.kjh-kll-book-stage.is-turning-prev .kjh-kll-book-left{
  animation:kjhBookSoftFlip .16s ease-out both;
}
@keyframes kjhBookSoftFlip{
  0%{opacity:1;transform:scale(1)}
  45%{opacity:.72;transform:scale(.992)}
  100%{opacity:1;transform:scale(1)}
}

@media (min-width:1281px){
  .kjh-kll-hero-image{object-position:center center;transform:scale(1.18);transform-origin:right center}
}
@media (max-width:899px){
  .kjh-kll-hero-image{object-position:67% center;transform:none}
  .kjh-kll-hero:before{
    background:linear-gradient(180deg,rgba(250,247,243,.94) 0%,rgba(250,247,243,.80) 43%,rgba(250,247,243,.16) 72%,rgba(250,247,243,0) 100%);
  }
}

/* v1.0.12 — locked full-width hero, premium controls, one-page book + mobile canvas */
.kjh-kll-shell .kjh-kll-hero{position:relative!important;isolation:isolate!important;}
.kjh-kll-shell .kjh-kll-hero.has-image{background:#f4eee8!important;background-image:none!important;}
.kjh-kll-shell .kjh-kll-hero-image,
.kjh-kll-shell .kjh-kll-hero img.kjh-kll-hero-image{
  position:absolute!important;
  inset:0!important;
  left:0!important;right:0!important;top:0!important;bottom:0!important;
  width:100%!important;
  max-width:none!important;
  min-width:100%!important;
  height:100%!important;
  max-height:none!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:0!important;
}
/* The approved hero already contains a light editorial area on the left, so no opaque veil is needed. */
.kjh-kll-shell .kjh-kll-hero:before{display:none!important;content:none!important;}
.kjh-kll-shell .kjh-kll-hero-copy{position:relative!important;z-index:3!important;background:transparent!important;}
.kjh-kll-shell .kjh-kll-hero-words{z-index:4!important;}
.kjh-kll-shell .kjh-kll-hero:after{z-index:2!important;}

/* Premium line arrows: no font/emoji glyphs. */
.kjh-line-arrow{position:relative;display:inline-block;width:25px;height:10px;flex:0 0 25px;}
.kjh-line-arrow:before{content:"";position:absolute;left:0;right:4px;top:50%;height:1px;background:currentColor;transform:translateY(-50%);}
.kjh-line-arrow:after{content:"";position:absolute;right:1px;top:50%;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg);transform-origin:center;}
.kjh-line-arrow-left{transform:rotate(180deg);}
.kjh-kll-back{display:inline-flex!important;align-items:center;gap:9px!important;}
.kjh-kll-cta b{display:none!important;}

.kjh-nav-button{appearance:none!important;border:1px solid #e5dcd6!important;background:rgba(255,255,255,.94)!important;color:var(--kjh-burgundy)!important;box-shadow:none!important;}
.kjh-chevron{display:block;position:relative;width:8px;height:8px;border-top:1.4px solid currentColor;border-right:1.4px solid currentColor;}
.kjh-chevron-right{transform:rotate(45deg);margin-left:-3px;}
.kjh-chevron-left{transform:rotate(-135deg);margin-right:-3px;}
.kjh-nav-button:hover:not(:disabled){background:#f8f2ef!important;border-color:#d8c8c4!important;}
.kjh-nav-button:disabled{opacity:.28!important;}

/* Reader has no direct download/open-in-new-tab surface. */
.kjh-kll-reader-actions{max-width:290px;}
.kjh-kll-reader-actions .kjh-kll-primary{width:100%;flex:0 0 100%;}
.kjh-meta-mark{width:5px;height:5px;border-radius:50%;background:var(--kjh-burgundy);opacity:.55;flex:0 0 5px;}

/* Physical-book desktop: exactly one visible page at a time, opposite side stays blank. */
.kjh-kll-book-stage{background:#fbf8f5!important;border:0!important;box-shadow:none!important;}
.kjh-kll-book-page{background:#fbf8f5!important;border:0!important;box-shadow:none!important;}
.kjh-kll-book-page:not(.is-empty){background:#fff!important;}
.kjh-kll-book-page canvas{max-width:100%!important;max-height:100%!important;object-fit:contain!important;}
.kjh-kll-book-page.is-empty canvas{display:none!important;}
.kjh-kll-book-gutter{width:1px!important;background:#aca6a1!important;opacity:.62!important;box-shadow:none!important;}
.kjh-kll-book-stage.is-turning-next .kjh-kll-book-right,
.kjh-kll-book-stage.is-turning-next .kjh-kll-book-left,
.kjh-kll-book-stage.is-turning-prev .kjh-kll-book-right,
.kjh-kll-book-stage.is-turning-prev .kjh-kll-book-left{animation:kjhPremiumPage .14s ease-out both;}
@keyframes kjhPremiumPage{0%{opacity:1}45%{opacity:.76}100%{opacity:1}}
.kjh-kll-book-controls{grid-template-columns:34px auto minmax(100px,1fr) 34px!important;border:0!important;background:#fff!important;}

/* Mobile: render the whole PDF page as a canvas, never a cropped browser iframe. */
@media(max-width:899px){
  .kjh-kll-mobile-pdf{display:flex!important;min-height:0!important;gap:8px;}
  .kjh-kll-mobile-page{width:100%;height:auto;min-height:0;background:#fff;border:1px solid #e4ddd8;border-radius:7px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(38,25,20,.07);}
  .kjh-kll-mobile-page canvas{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;background:#fff;}
  .kjh-kll-pdf-wrap{min-height:0!important;padding:8px!important;background:#f1ece8!important;}
  .kjh-kll-pdf-toolbar.top{grid-template-columns:34px 1fr 34px!important;margin-bottom:0!important;}
  .kjh-kll-pdf-toolbar.bottom{grid-template-columns:auto minmax(90px,1fr)!important;margin-top:0!important;border:0!important;background:#fff!important;padding:7px 10px!important;}
  .kjh-kll-pdf-toolbar button{width:32px!important;height:32px!important;font-size:0!important;border:1px solid #e5dcd6!important;box-shadow:none!important;}
  .kjh-kll-pdf-toolbar input[type=range]{accent-color:var(--kjh-burgundy);}
}


/* v1.0.13 — one navigation surface only: title above, premium arrows + page number below */
.kjh-kll-pdf-toolbar.top.kjh-title-only{
  display:block!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 48px!important;
  position:relative!important;
}
.kjh-kll-pdf-toolbar.top.kjh-title-only .kjh-kll-page-title{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
}
.kjh-kll-book-controls.kjh-premium-bottom-nav{
  display:grid!important;
  grid-template-columns:38px 1fr 38px!important;
  align-items:center!important;
  gap:16px!important;
  min-height:52px!important;
  margin-top:8px!important;
  padding:6px 10px!important;
  background:#fff!important;
  border:0!important;
  border-radius:8px!important;
}
.kjh-kll-book-controls.kjh-premium-bottom-nav .kjh-nav-button,
.kjh-kll-pdf-toolbar.bottom.kjh-premium-bottom-nav-mobile .kjh-nav-button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  justify-self:center!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid #e5dcd6!important;
  color:var(--kjh-burgundy)!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.kjh-kll-book-controls.kjh-premium-bottom-nav .kjh-kll-book-counter,
.kjh-kll-pdf-toolbar.bottom.kjh-premium-bottom-nav-mobile .kjh-kll-mobile-counter{
  justify-self:center!important;
  text-align:center!important;
  color:#7b716d!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}
.kjh-kll-book-controls.kjh-premium-bottom-nav .kjh-kll-book-counter b,
.kjh-kll-pdf-toolbar.bottom.kjh-premium-bottom-nav-mobile .kjh-kll-mobile-counter b{
  color:var(--kjh-burgundy)!important;
  font-weight:600!important;
}
.kjh-kll-book-controls.kjh-premium-bottom-nav input[type=range],
.kjh-kll-pdf-toolbar.bottom.kjh-premium-bottom-nav-mobile input[type=range]{display:none!important;}

@media(max-width:899px){
  .kjh-kll-pdf-toolbar.top.kjh-title-only{padding:0 18px!important;}
  .kjh-kll-pdf-toolbar.bottom.kjh-premium-bottom-nav-mobile{
    display:grid!important;
    grid-template-columns:38px 1fr 38px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:50px!important;
    margin-top:0!important;
    padding:7px 8px!important;
    background:#fff!important;
    border:0!important;
    border-radius:8px!important;
  }
}


/* v1.0.14 — desktop opens as a real two-page spread: 1–2, 3–4, 5–6... */
@media(min-width:900px){
  .kjh-kll-book-stage[data-side="spread"] .kjh-kll-book-page{background:#fff!important;}
  .kjh-kll-book-stage[data-side="spread"] .kjh-kll-book-page.is-empty{background:#fbf8f5!important;}
  .kjh-kll-book-stage[data-side="spread"] .kjh-kll-book-gutter{
    width:1px!important;
    background:#aaa39e!important;
    opacity:.56!important;
  }
}


/* v1.0.15 — premium fullscreen reading mode */
.kjh-kll-book-controls.kjh-premium-bottom-nav,
.kjh-kll-pdf-toolbar.bottom.kjh-premium-bottom-nav-mobile{
  grid-template-columns:44px minmax(84px,auto) 44px 44px!important;
  justify-content:center!important;
}
.kjh-fullscreen-button{margin-left:4px!important;}
.kjh-expand-icon{
  position:relative;
  width:15px;
  height:15px;
  display:block;
}
.kjh-expand-icon:before,
.kjh-expand-icon:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(var(--kjh-burgundy),var(--kjh-burgundy)) left top/6px 1px no-repeat,
    linear-gradient(var(--kjh-burgundy),var(--kjh-burgundy)) left top/1px 6px no-repeat,
    linear-gradient(var(--kjh-burgundy),var(--kjh-burgundy)) right top/6px 1px no-repeat,
    linear-gradient(var(--kjh-burgundy),var(--kjh-burgundy)) right top/1px 6px no-repeat,
    linear-gradient(var(--kjh-burgundy),var(--kjh-burgundy)) left bottom/6px 1px no-repeat,
    linear-gradient(var(--kjh-burgundy),var(--kjh-burgundy)) left bottom/1px 6px no-repeat,
    linear-gradient(var(--kjh-burgundy),var(--kjh-burgundy)) right bottom/6px 1px no-repeat,
    linear-gradient(var(--kjh-burgundy),var(--kjh-burgundy)) right bottom/1px 6px no-repeat;
  transition:transform .22s ease;
}
.kjh-fullscreen-button.is-active .kjh-expand-icon:before,
.kjh-fullscreen-button.is-active .kjh-expand-icon:after{transform:scale(.72) rotate(180deg);}

.kjh-kll-pdf-wrap:fullscreen,
.kjh-kll-pdf-wrap:-webkit-full-screen,
.kjh-kll-pdf-wrap.is-kjh-fullscreen-fallback{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:18px 24px!important;
  border-radius:0!important;
  background:#f4f0ed!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:2147483000!important;
}
.kjh-kll-pdf-wrap.is-kjh-fullscreen-fallback{
  position:fixed!important;
  inset:0!important;
}
html.kjh-fullscreen-lock,body.kjh-fullscreen-lock{overflow:hidden!important;}

.kjh-kll-pdf-wrap:fullscreen .kjh-kll-desktop-book,
.kjh-kll-pdf-wrap:-webkit-full-screen .kjh-kll-desktop-book,
.kjh-kll-pdf-wrap.is-kjh-fullscreen-fallback .kjh-kll-desktop-book{
  width:min(96vw,1680px)!important;
  height:calc(100vh - 36px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.kjh-kll-pdf-wrap:fullscreen .kjh-kll-book-stage,
.kjh-kll-pdf-wrap:-webkit-full-screen .kjh-kll-book-stage,
.kjh-kll-pdf-wrap.is-kjh-fullscreen-fallback .kjh-kll-book-stage{
  flex:1 1 auto!important;
  width:100%!important;
  min-height:0!important;
  max-height:calc(100vh - 132px)!important;
  aspect-ratio:auto!important;
}
.kjh-kll-pdf-wrap:fullscreen .kjh-kll-pdf-toolbar.top,
.kjh-kll-pdf-wrap:-webkit-full-screen .kjh-kll-pdf-toolbar.top,
.kjh-kll-pdf-wrap.is-kjh-fullscreen-fallback .kjh-kll-pdf-toolbar.top{
  flex:0 0 40px!important;
  margin-bottom:8px!important;
}
.kjh-kll-pdf-wrap:fullscreen .kjh-kll-book-controls,
.kjh-kll-pdf-wrap:-webkit-full-screen .kjh-kll-book-controls,
.kjh-kll-pdf-wrap.is-kjh-fullscreen-fallback .kjh-kll-book-controls{
  flex:0 0 48px!important;
  margin-top:8px!important;
}

@media(max-width:899px){
  .kjh-kll-pdf-wrap:fullscreen,
  .kjh-kll-pdf-wrap:-webkit-full-screen,
  .kjh-kll-pdf-wrap.is-kjh-fullscreen-fallback{padding:12px!important;}
  .kjh-kll-pdf-wrap:fullscreen .kjh-kll-mobile-pdf,
  .kjh-kll-pdf-wrap:-webkit-full-screen .kjh-kll-mobile-pdf,
  .kjh-kll-pdf-wrap.is-kjh-fullscreen-fallback .kjh-kll-mobile-pdf{
    width:min(100%,760px)!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .kjh-kll-pdf-wrap:fullscreen .kjh-kll-mobile-page,
  .kjh-kll-pdf-wrap:-webkit-full-screen .kjh-kll-mobile-page,
  .kjh-kll-pdf-wrap.is-kjh-fullscreen-fallback .kjh-kll-mobile-page{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .kjh-kll-pdf-wrap:fullscreen .kjh-kll-mobile-page canvas,
  .kjh-kll-pdf-wrap:-webkit-full-screen .kjh-kll-mobile-page canvas,
  .kjh-kll-pdf-wrap.is-kjh-fullscreen-fallback .kjh-kll-mobile-page canvas{
    max-width:100%!important;
    max-height:calc(100vh - 130px)!important;
    width:auto!important;
    height:auto!important;
  }
}


/* v1.0.16 — controlled full-page reading mode. No native browser fullscreen,
   so Chrome/Safari cannot replace the reader with a black fullscreen layer. */
.kjh-kll-pdf-wrap.is-kjh-reading-mode{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:18px 24px!important;
  border:0!important;
  border-radius:0!important;
  background:#f4f0ed!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:2147483000!important;
  opacity:1!important;
  visibility:visible!important;
}
html.kjh-fullscreen-lock,body.kjh-fullscreen-lock{overflow:hidden!important;}

.kjh-kll-pdf-wrap.is-kjh-reading-mode .kjh-kll-desktop-book{
  width:min(96vw,1680px)!important;
  height:calc(100vh - 36px)!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:1!important;
  visibility:visible!important;
}
.kjh-kll-pdf-wrap.is-kjh-reading-mode .kjh-kll-pdf-toolbar.top{
  flex:0 0 40px!important;
  width:100%!important;
  margin:0 0 8px!important;
}
.kjh-kll-pdf-wrap.is-kjh-reading-mode .kjh-kll-book-stage{
  flex:0 0 auto!important;
  width:min(96vw,calc((100vh - 136px) * 1.42))!important;
  height:min(calc(100vh - 136px),calc(96vw / 1.42))!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1.42 / 1!important;
  background:#f7f3ef!important;
  opacity:1!important;
  visibility:visible!important;
}
.kjh-kll-pdf-wrap.is-kjh-reading-mode .kjh-kll-book-page,
.kjh-kll-pdf-wrap.is-kjh-reading-mode .kjh-kll-book-page canvas{
  opacity:1!important;
  visibility:visible!important;
}
.kjh-kll-pdf-wrap.is-kjh-reading-mode .kjh-kll-book-controls{
  flex:0 0 48px!important;
  width:100%!important;
  margin:8px 0 0!important;
}

@media(max-width:899px){
  .kjh-kll-pdf-wrap.is-kjh-reading-mode{padding:10px!important;}
  .kjh-kll-pdf-wrap.is-kjh-reading-mode .kjh-kll-desktop-book{display:none!important;}
  .kjh-kll-pdf-wrap.is-kjh-reading-mode .kjh-kll-mobile-pdf{
    width:min(100%,760px)!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .kjh-kll-pdf-wrap.is-kjh-reading-mode .kjh-kll-mobile-page{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .kjh-kll-pdf-wrap.is-kjh-reading-mode .kjh-kll-mobile-page canvas{
    max-width:100%!important;
    max-height:calc(100vh - 112px)!important;
    width:auto!important;
    height:auto!important;
  }
}