/* MOMONCHY STORIES — visual polish layer 2026-08-30 */
:root{--story-ink:#5c463e;--story-muted:#8f7f7d;--story-pink:#f47ea4;--story-pink-soft:#fff3f7;--story-cream:#fffaf0;--story-line:#f1e2e6;--story-shadow:0 18px 48px rgba(86,63,71,.08)}

/* Overall rhythm */
main{padding-bottom:110px!important}
.section{margin-bottom:78px!important;padding-bottom:0!important}
.section-head{margin-bottom:32px!important}
.section-head .eyebrow{letter-spacing:.24em!important;font-size:11px!important;color:#ee799c!important}
.section-head h2{color:var(--story-ink)!important;line-height:1.3!important}
.section-head p{color:var(--story-muted)!important;line-height:1.9!important}

/* FIRST BOOK — editorial but still cute */
#first{padding-top:18px!important}
#first .section-head{text-align:center!important;max-width:850px!important;margin:0 auto 34px!important}
#first .section-head>div:first-child{margin-inline:auto!important}
#first .scroll-cue-triangle{margin:18px auto 0!important}
#first .featured-book-stage{position:relative!important;display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;gap:48px!important;align-items:center!important;padding:38px 46px!important;border:1px solid #f1dfe5!important;border-radius:34px!important;background:linear-gradient(135deg,#fff8fb 0%,#fffdfb 58%,#faf6ff 100%)!important;box-shadow:var(--story-shadow)!important;overflow:hidden!important}
#first .featured-book-stage::before{content:""!important;position:absolute!important;width:190px!important;height:190px!important;border-radius:50%!important;right:-72px!important;bottom:-98px!important;background:#f5ecfb!important;opacity:.72!important}
#first .featured-book-stage::after{content:"✦"!important;position:absolute!important;right:28px!important;top:24px!important;color:#f3b1c6!important;font-size:26px!important}
#first .featured-book-copy{position:relative!important;z-index:2!important;max-width:650px!important;text-align:left!important}
#first .featured-book-copy small{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:6px 12px!important;border-radius:999px!important;background:#fff0f5!important;color:#e66e94!important;font-size:12px!important;font-weight:800!important;letter-spacing:.05em!important}
#first .featured-book-copy small::before{content:"♡"}
#first .featured-book-copy h3{margin:14px 0 12px!important;font-size:clamp(31px,3.1vw,42px)!important;color:var(--story-ink)!important}
#first .featured-book-copy p{max-width:570px!important;font-size:16px!important;line-height:2!important;color:#887779!important}
#first .featured-book-copy .read-link{display:inline-flex!important;margin-top:18px!important;padding:11px 20px!important;border-radius:999px!important;background:#f47ea4!important;color:#fff!important;box-shadow:0 8px 18px rgba(244,126,164,.22)!important;font-weight:800!important}

/* Character selection / shelf grouping */
#characters>.section-head{text-align:center!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
.character-picker{gap:16px!important;margin-bottom:20px!important}
.char-tab{border-radius:22px!important;box-shadow:0 8px 22px rgba(84,65,72,.06)!important;transition:.22s ease!important}
.char-tab:hover{transform:translateY(-2px)!important}
.char-tab.active{box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 18%,transparent)!important}
.char-panel{padding:26px!important;border-radius:34px!important;background:linear-gradient(180deg,var(--pale),#fff 72%)!important;border:1px solid color-mix(in srgb,var(--accent) 24%,#eadfe0)!important;box-shadow:0 16px 36px rgba(86,66,73,.06)!important}
.char-panel .shelf-arrival{margin:0 0 26px!important;padding:20px 24px!important;border-radius:26px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 8px 20px rgba(90,70,76,.04)!important}
.char-panel .shelf-heading{margin-top:10px!important}
.char-panel .bookcase,.char-panel .mini-bookcase{border-radius:28px!important;background:rgba(255,255,255,.72)!important;border:1px solid color-mix(in srgb,var(--accent) 16%,#efe8e7)!important;box-shadow:none!important}
.char-panel .next-layer{margin-top:30px!important}
.char-panel .layer-head{padding:14px 18px!important;border-radius:18px!important;background:color-mix(in srgb,var(--pale) 75%,#fff)!important}

/* Book metadata: neat, editorial and consistent */
.m-book-meta{padding-top:17px!important;min-height:148px!important}
.m-book-meta__title{min-height:2.9em!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;font-size:17px!important;line-height:1.45!important;color:#5b463e!important}
.m-book-meta__cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 16px!important;border-radius:999px!important;background:#f47ea4!important;color:#fff!important;font-size:13px!important;font-weight:800!important;box-shadow:0 6px 14px rgba(244,126,164,.18)!important}
.m-book-meta__status{display:inline-flex!important;padding:7px 12px!important;border-radius:999px!important;background:#f3eef0!important;color:#8c7d82!important;font-size:12px!important;font-weight:700!important}
.m-book-meta__desc{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;max-width:92%!important;margin-top:12px!important;color:#938286!important;font-size:13px!important;line-height:1.85!important}

/* Archive — make it feel like a curated library, not an admin grid */
#original-library{padding-top:18px!important}
#original-library>.section-head:first-child{text-align:center!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
#original-library>.section-head:first-child h2{font-size:clamp(36px,4.1vw,54px)!important}
.original-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:42px 26px!important;padding:34px 30px 40px!important;border:1px solid #f0dfe4!important;border-radius:34px!important;background:linear-gradient(180deg,#fff9fb,#fffdfc)!important;box-shadow:0 16px 42px rgba(86,63,71,.06)!important}
.original-library-grid .m-book-entry{min-width:0!important}
.original-library-grid .m-book{width:min(220px,100%)!important;max-width:220px!important}
.original-library-grid .m-book-meta{min-height:150px!important}

/* Coming stories — same universe, softer expectation */
#original-library .provisional-head{position:relative!important;margin:72px auto 28px!important;max-width:870px!important;padding:26px 30px!important;border-radius:28px!important;background:#fff9eb!important;text-align:center!important;border:1px solid #f4e5b8!important}
#original-library .provisional-head .eyebrow{color:#dda83a!important}
#original-library .provisional-head h2{margin-top:5px!important;font-size:clamp(34px,3.8vw,48px)!important}
#original-library .provisional-head p{max-width:690px!important;margin:8px auto 0!important}
.provisional-library-grid{background:linear-gradient(180deg,#fffdf7,#fffaf0)!important;border-color:#f1e2bb!important}
.provisional-library-grid .m-book{filter:saturate(.94)!important}
.provisional-library-grid .m-book-meta__cta{background:#e8b84e!important;box-shadow:0 6px 14px rgba(212,163,54,.17)!important}

/* Cover polish: full bleed forest, no pasted rectangular image effect */
html body .m-book{border-color:#fff!important;border-radius:10px 20px 20px 10px!important;box-shadow:0 0 0 1px rgba(74,64,72,.07),0 11px 24px rgba(57,43,52,.14)!important}
html body .m-book .m-book__cover{background-image:linear-gradient(180deg,rgba(4,45,110,.04) 0%,rgba(7,42,74,.02) 58%,rgba(17,60,65,.08) 100%),var(--m-cover-bg,url("../img/covers/story_forest_bg.png"))!important;background-size:cover!important;background-position:center!important}
html body .m-book .m-book__cover::after{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(0,32,92,.08) 0%,transparent 30%,transparent 68%,rgba(2,40,52,.08) 100%)!important}
html body .m-book .m-book__series{z-index:6!important;top:13px!important;font-size:9px!important;letter-spacing:.2em!important}
html body .m-book .m-book__title{z-index:6!important;top:32px!important;font-size:22px!important;line-height:1.24!important;text-shadow:0 2px 7px rgba(0,29,76,.48)!important}
html body .m-book .m-book__title--medium{font-size:20px!important}
html body .m-book .m-book__title--long{font-size:17px!important;line-height:1.18!important}
html body .m-book .m-book__character{z-index:5!important;bottom:6%!important;width:62%!important;height:50%!important;filter:drop-shadow(0 9px 12px rgba(3,28,57,.17))!important}
.m-book__trio{position:absolute!important;z-index:5!important;left:7%!important;right:7%!important;bottom:7%!important;height:45%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
.m-book__trio img{position:relative!important;width:40%!important;height:82%!important;object-fit:contain!important;filter:drop-shadow(0 8px 10px rgba(4,27,55,.15))!important}
.m-book__trio img:nth-child(1){transform:translateX(12%) rotate(-3deg)!important}
.m-book__trio img:nth-child(2){z-index:2!important;height:92%!important;transform:translateY(-6%)!important}
.m-book__trio img:nth-child(3){transform:translateX(-12%) rotate(3deg)!important}
#firstBookCover .m-book__character,#firstBookCover .m-book__trio{display:none!important}

@media(max-width:1080px){.original-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:800px){
  #first .featured-book-stage{grid-template-columns:1fr!important;gap:28px!important;padding:30px 22px!important;text-align:center!important}
  #first .featured-book-copy{text-align:center!important;margin-inline:auto!important}
  #first .featured-book-copy p{margin-inline:auto!important}
  .char-panel{padding:18px!important}
  .original-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:26px 18px 34px!important;gap:34px 18px!important}
}
@media(max-width:520px){
  .section{margin-bottom:56px!important}
  #first .section-head h2,#characters>.section-head h2,#original-library>.section-head:first-child h2{font-size:34px!important}
  .original-library-grid{grid-template-columns:1fr 1fr!important;padding:20px 12px 28px!important;gap:28px 12px!important}
  .original-library-grid .m-book{width:100%!important;max-width:none!important}
  .m-book-meta__title{font-size:15px!important}
  .m-book-meta__desc{font-size:12px!important;-webkit-line-clamp:2!important}
  .m-book-meta__cta{font-size:12px!important;padding:8px 12px!important}
}


/* === 2026-08-30 FOREST COVER HARD FAILSAFE ===
   Every bookshelf cover must show the Morirunastella forest even when JS,
   custom properties, or legacy cover rules fail. Keep this at the end. */
html body .m-book .m-book__cover,
html body #firstBookCover.m-book .m-book__cover{
  background-color:#0d65bd!important;
  background-image:linear-gradient(180deg,rgba(4,45,110,.04),rgba(17,60,65,.06)),url("../img/covers/story_forest_bg.png")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html body .m-book .m-book__forest-bg,
html body #firstBookCover.m-book .m-book__forest-bg{
  background-image:url("../img/covers/story_forest_bg.png")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
/* === END FOREST COVER HARD FAILSAFE === */