/* V14 shelf-only: transparent trim, full-width ornament and typographic hierarchy.
   V13 list, quick filters, data semantics, navigation and shelf positions stay unchanged. */
:root { --night:#241452; }
#studentLibrary[data-view="shelf"] {
  font-family:"Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC","SimSun",serif;
}
/* The CSS header starts below the OS safe-area. The artwork begins exactly at
   its top edge. 8px bleed on either side is intentionally clipped by viewport. */
#studentLibrary[data-view="shelf"] .sl-brand.mw-scene-brand {
  flex: 0 0 clamp(96px, 25.5vw, 108px) !important;
  min-height: clamp(96px, 25.5vw, 108px) !important;
  justify-content: flex-start !important;
  padding: clamp(44px, 12.2vw, 54px) 20px 0 !important;
  gap: 1px !important;
  overflow: visible !important;
}
#studentLibrary[data-view="shelf"] .sl-brand.mw-scene-brand::before {
  top: 0 !important;
  left: -8px !important;
  right: auto !important;
  width: calc(100% + 16px) !important;
  height: auto !important;
  aspect-ratio: 2172 / 447;
  background-image: url('./brand_vine_v14_cropped.webp') !important;
  background-position: center top !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  pointer-events: none !important;
}
/* Place text just below the central gem / gold arch. Disable old -4px shim. */
#studentLibrary[data-view="shelf"] .sl-brand.mw-scene-brand>b {
  transform: none !important;
  font-family:"Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC","SimSun",serif !important;
  font-size:clamp(21px, 5.55vw, 25px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: 2.2px !important;
  position:relative;
  z-index:1;
}
#studentLibrary[data-view="shelf"] .sl-brand.mw-scene-brand>small {
  transform: none !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(8px,2.2vw,9.5px) !important;
  font-style:normal !important;
  letter-spacing: 1.45px !important;
  position:relative;
  z-index:1;
}
#studentLibrary[data-view="shelf"] .stage-shelf-title h2,
#studentLibrary[data-view="shelf"] .stage-book-caption b,
#studentLibrary[data-view="shelf"] .stage-tarot span,
#studentLibrary[data-view="shelf"] .sl-nav button {
  font-family:"Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC","SimSun",serif !important;
}
#studentLibrary[data-view="shelf"] .stage-shelf-title small {
  font-family:Georgia,"Times New Roman",serif !important;
  font-style:italic !important;
  font-weight:600 !important;
  letter-spacing:.6px !important;
}
@media(max-height:680px) {
  #studentLibrary[data-view="shelf"] .sl-brand.mw-scene-brand {
    flex-basis:96px !important;
    min-height:96px !important;
  }
}
