/* FormyDog v71 · isolated notice center layout + image containment */
#fdNoticeCenter,
#fdNoticeCenter *{box-sizing:border-box}

#fdNoticeCenter.fd-notice-modal{
  overflow:hidden;
  padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
}

#fdNoticeCenter .fd-notice-card{
  width:min(94vw,540px);
  max-width:540px;
  max-height:min(88dvh,780px);
  min-width:0;
  overflow:hidden;
  isolation:isolate;
}

#fdNoticeCenter .fd-notice-head{
  flex:0 0 auto;
  min-width:0;
}

#fdNoticeCenter .fd-notice-title{
  min-width:0;
  overflow:hidden;
}

#fdNoticeCenter .fd-notice-title h2,
#fdNoticeCenter .fd-notice-title small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#fdNoticeCenter .fd-notice-actions{
  flex:0 0 auto;
  min-width:0;
}

#fdNoticeCenter .fd-notice-tabs{
  flex:0 0 auto;
}

#fdNoticeCenter .fd-notice-body{
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}

#fdNoticeCenter .fd-notice-panel,
#fdNoticeCenter .fd-promo-grid,
#fdNoticeCenter .fd-notice-list{
  width:100%;
  max-width:100%;
  min-width:0;
}

#fdNoticeCenter .fd-promo-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
}

#fdNoticeCenter .fd-promo{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden!important;
  border-radius:18px;
  background:#fff;
  contain:layout paint;
}

#fdNoticeCenter .fd-promo-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:16/9;
  overflow:hidden!important;
  flex:0 0 auto;
  background:linear-gradient(135deg,#eaf8fd,#d8f1fb);
  border-bottom:1px solid rgba(91,174,214,.16);
  isolation:isolate;
}

#fdNoticeCenter .fd-promo-media img{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  float:none!important;
  filter:none;
}

#fdNoticeCenter .fd-promo-media img.fd-promo-contain{
  object-fit:contain!important;
  padding:18px!important;
}

#fdNoticeCenter .fd-promo-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  width:100%;
  padding:12px;
  overflow:hidden;
}

#fdNoticeCenter .fd-promo-copy h3,
#fdNoticeCenter .fd-promo-copy p{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

#fdNoticeCenter .fd-promo-copy h3{
  font-size:14px;
  line-height:1.2;
}

#fdNoticeCenter .fd-promo-copy p{
  margin:6px 0 11px;
  font-size:10px;
  line-height:1.45;
}

#fdNoticeCenter .fd-promo-link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%!important;
  max-width:100%;
  min-width:0;
  min-height:40px;
  margin-top:auto;
  padding:0 12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#fdNoticeCenter .fd-activity-item{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}

#fdNoticeCenter .fd-activity-copy{
  min-width:0;
}

#fdNoticeCenter .fd-activity-copy b,
#fdNoticeCenter .fd-activity-copy p,
#fdNoticeCenter .fd-activity-copy time{
  max-width:100%;
  overflow-wrap:anywhere;
}

#fdNoticeCenter .fd-notice-footer{
  flex:0 0 auto;
}

@media (max-width:520px){
  #fdNoticeCenter.fd-notice-modal{
    padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));
    align-items:end;
  }

  #fdNoticeCenter .fd-notice-card{
    width:100%;
    max-width:none;
    max-height:92dvh;
    border-radius:22px 22px 12px 12px;
  }

  #fdNoticeCenter .fd-notice-head{
    align-items:flex-start;
    padding:12px 12px 8px;
  }

  #fdNoticeCenter .fd-notice-actions{
    gap:5px;
  }

  #fdNoticeCenter .fd-notice-permission{
    max-width:104px;
    min-height:32px;
    padding:5px 7px;
    line-height:1.15;
  }

  #fdNoticeCenter .fd-notice-tabs{
    padding:0 10px 8px;
  }

  #fdNoticeCenter .fd-notice-body{
    padding:0 10px 10px;
  }

  #fdNoticeCenter .fd-promo{
    border-radius:15px;
  }

  #fdNoticeCenter .fd-promo-media{
    aspect-ratio:16/9;
    min-height:0!important;
  }

  #fdNoticeCenter .fd-promo-copy{
    padding:10px;
  }

  #fdNoticeCenter .fd-promo-copy h3{
    font-size:13px;
  }

  #fdNoticeCenter .fd-promo-copy p{
    font-size:9px;
  }
}

@media (max-width:360px){
  #fdNoticeCenter .fd-notice-title h2{font-size:16px}
  #fdNoticeCenter .fd-notice-permission{font-size:7px;max-width:90px}
  #fdNoticeCenter .fd-promo-grid{gap:9px}
  #fdNoticeCenter .fd-promo-media{aspect-ratio:1.78/1}
}