/* Loaded after default.css. FB/LINE in-app browser and safe-area refinements.
   平板版樣式已統一寫在 default.css 的 768px ~ 1199px 區塊。 */
html,
body {
  max-width: 100%;
  overflow-x: hidden; /* iOS 16 以前不支援 clip 的備援 */
  overflow-x: clip;
}
/* On actual touch devices, disable hover treatments that may stick after tapping. */
@media (hover: none) {
  .art-link:hover {
    transform: none;
  }
  .art-link:hover img {
    animation-play-state: running;
    filter: none;
  }
}
/* In-app UA class only augments responsive CSS; never hardcodes a guessed browser chrome height. */
@media (max-width: 1199.98px) {
  html.is-inapp #cover {
    min-height: var(--app-visible-height, 100svh);
  }
  html.is-inapp .cover-actions {
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  }
  html.is-inapp #div_frame_footer {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
}
/* 上方留白(padding-top)與一般瀏覽器一致，沿用 default.css 的設定 */
@media (max-width: 767.98px) {
  html.is-inapp .cover-actions {
    min-height: var(--app-visible-height, 100svh);
  }
}
/* Short landscape: reduce empty top region so controls do not sit offscreen. */
@media (max-height: 550px) and (orientation: landscape) and (max-width: 1199.98px) {
  .cover-actions,
  html.is-inapp .cover-actions {
    padding-top: 80vw;
    min-height: 0;
  }
}