/* =========================================================
   02 — FEMALE LEAD FANTASY BOOKS
   Page-owned presentation. Keep this file independent from other Knowledge pages.
   v15.67 — optimized content + artwork ownership + author note
   ========================================================= */

.female-lead-fantasy-page{
  background:
    linear-gradient(rgba(9,6,17,.38),rgba(9,6,17,.42)),
    url("/assets/female-lead-fantasy-books-artwork-desktop.webp") center top / cover fixed no-repeat;
}

.female-lead-fantasy-page .female-lead-author-note{
  width:min(920px,100%);
  margin:0 auto;
  padding:clamp(30px,3.8vw,46px) 0 clamp(10px,1.8vw,20px);
  border-top:1px solid rgba(224,178,83,.46);
}

.female-lead-fantasy-page .female-lead-author-note p{
  width:min(820px,100%);
  margin:0 auto;
  color:rgba(244,229,208,.90);
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:clamp(1.18rem,1.6vw,1.34rem);
  font-style:italic;
  line-height:1.62;
  text-align:center;
}

.female-lead-fantasy-page .female-lead-author-note strong{
  color:#f3d895;
  font-style:normal;
  font-weight:600;
}

html.knowledge-stage-active body.female-lead-fantasy-page{
  background:#090611;
}

body.female-lead-fantasy-page .knowledge-landscape-viewport{
  background:
    linear-gradient(rgba(9,6,17,.38),rgba(9,6,17,.42)),
    url("/assets/female-lead-fantasy-books-artwork-desktop.webp") center top/cover fixed no-repeat;
}

html.knowledge-stage-active.knowledge-portrait-landscape body.female-lead-fantasy-page>.knowledge-landscape-viewport{
  background:transparent;
}

html.knowledge-stage-active.knowledge-portrait-landscape body.female-lead-fantasy-page::before{
  content:"";
  position:fixed;
  left:0;
  top:0;
  width:var(--knowledge-physical-h);
  height:var(--knowledge-physical-w);
  transform:translateX(var(--knowledge-physical-w)) rotate(90deg);
  transform-origin:top left;
  background:
    linear-gradient(rgba(9,6,17,.38),rgba(9,6,17,.42)),
    url("/assets/female-lead-fantasy-books-artwork-desktop.webp") center top/cover no-repeat;
  pointer-events:none;
  z-index:0;
}