/* October 3: the supplied wide logo and mobile portrait. */
#action-description, html body.shengang-landing #action-description { white-space: pre-line; }
#action-image[hidden] { display: none !important; }
.action-image-window, html body.shengang-landing .action-image-window { height: 360px; border-radius: 46px; }
.action-image-window > img, html body.shengang-landing .action-image-window > img { width: 100%; height: 360px; aspect-ratio: auto; object-fit: cover; object-position: center; }
.action-image-window.sg-no-action-image { min-height: 160px; display: grid; place-items: center; background: #edf3fa; }
.action-image-window.sg-no-action-image::after { content: '圖片尚未設定'; color: #64748b; font-size: 14px; }
#about, html body.shengang-landing #about { background-image: url('assets/bg_patten.webp'); background-repeat: repeat; background-size: 100px 100px; }
#media::before, html body.shengang-landing #media::before { background-image: url('assets/bg_patten.webp'); background-repeat: repeat; background-size: 100px 100px; }
.site-header .brand, html body.shengang-landing .site-header .brand { width: 280px; max-width: calc(100% - 72px); }
.site-header .brand img, html body.shengang-landing .site-header .brand img { width: 100%; height: auto; aspect-ratio: 359 / 52; }
@media (max-width: 1200px) and (min-width: 701px) {
  .site-header .brand, html body.shengang-landing .site-header .brand { width: 225px; }
}
@media (max-width: 700px) {
  #challenges .question-cloud, html body.shengang-landing #challenges .question-cloud { display: none; }
  #challenges .challenge-scene, html body.shengang-landing #challenges .challenge-scene { min-height: 0; }
  #challenges .family-anchor, html body.shengang-landing #challenges .family-anchor { position: relative; grid-column: 1 / -1; order: 1; bottom: auto; margin-top: 14px; }
  .site-header .brand, html body.shengang-landing .site-header .brand { width: 265px; }
  .hero-figure, html body.shengang-landing .hero-figure { aspect-ratio: 1275 / 1485; }
  #action-panel, #action-tabs { touch-action: pan-y pinch-zoom; overscroll-behavior-x: contain; }
  #action-image { user-select: none; -webkit-user-drag: none; }
  #action-tabs { user-select: none; }
}