/* Portrait plant assets use a 3:4 canvas. Keep the dossier frame aligned to it. */
.library-hero:after{content:'青植'}
.profile-page-visual:after{content:'青植'}

#profilePage .botanical-figure:has(.plant-photo){
  width:100%;
  height:auto;
  min-height:560px;
  aspect-ratio:4 / 5;
}

#profilePage .botanical-figure .plant-photo{
  position:absolute;
  inset:52px 58px 82px 82px;
  width:calc(100% - 140px)!important;
  height:calc(100% - 134px)!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  z-index:1;
}

@media(max-width:900px){
  #profilePage .editorial-main{grid-template-columns:minmax(0,1fr)}
  #profilePage .botanical-figure:has(.plant-photo){
    min-height:0;
    aspect-ratio:3 / 4;
  }
}

@media(max-width:720px){
  #profilePage .editorial-dossier{width:100%;overflow:hidden}
  #profilePage .editorial-head{gap:12px;padding:20px 18px}
  #profilePage .editorial-head h2{font-size:32px;line-height:1.08;margin-top:12px}
  #profilePage .editorial-head p{font-size:12px;line-height:1.55}
  #profilePage .botanical-panel{padding:16px}
  #profilePage .botanical-figure:has(.plant-photo){
    aspect-ratio:3 / 4;
    padding:0!important;
  }
  #profilePage .botanical-figure .plant-photo{
    inset:34px 28px 64px 48px;
    width:calc(100% - 76px)!important;
    height:calc(100% - 98px)!important;
  }
  #profilePage .botanical-figure:before{left:18px;height:86%;top:7%}
  #profilePage .botanical-figure:after{bottom:32px;width:75%;left:13%}
  #profilePage .botanical-figure .measure-v{left:0}
  #profilePage .botanical-figure .measure-h{bottom:17px;right:10%}
  #profilePage .character-block{padding-top:22px}
  #profilePage .facts-panel{padding:20px 18px}
  #profilePage .fact{padding:16px 0}
}

@media(max-width:390px){
  #profilePage .botanical-figure:has(.plant-photo){
    aspect-ratio:2 / 3;
    padding:0!important;
  }
  #profilePage .botanical-figure .plant-photo{
    inset:28px 22px 58px 42px;
    width:calc(100% - 64px)!important;
    height:calc(100% - 86px)!important;
  }
}
