/* v1.5.10 — use the actual illustrated masthead from the user-provided reference. */
html[data-theme="manga"] .theme-art-masthead{
  background-image:url("theme-art/manga-reference-masthead.webp")!important;
  background-color:#fff6e2!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  height:auto!important;
  aspect-ratio:1672 / 226!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:3px solid #111!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html[data-theme="manga"] .theme-art-masthead>div{display:none!important}
html[data-theme="manga"] .top{border-top:0!important}
/* At narrow sizes, prioritize a readable logo and some of the illustration rather than shrinking all characters. */
@media(max-width:700px){
 html[data-theme="manga"] .theme-art-masthead{
  height:145px!important;aspect-ratio:auto!important;
  background-size:auto 145px!important;
  background-position:left center!important;
 }
}
@media(max-width:420px){
 html[data-theme="manga"] .theme-art-masthead{
  height:120px!important;background-size:auto 120px!important;
 }
}