/* sky.xin mobile hardening — fixes layout breakage in WeChat in-app browser (X5/WebView)
   which lacks support for aspect-ratio and CSS container queries (cqw / container-type). */
@media (max-width: 859px) {
  .entry, .entry-intro, .entry-detail { display: block !important; }
  .entry-art, .entry-body, .entry-head, .entry-detail > *, .entry-intro > * { position: static !important; }
  .entry-art .illo, .sheet .entry-art .illo, .intro .entry-art .illo {
    aspect-ratio: auto !important; width: 100% !important; max-width: 100% !important;
    height: auto !important; margin: 0 auto !important;
  }
  .entry-art .illo img, .sheet .entry-art .illo img, .intro .entry-art .illo img {
    position: static !important; width: 100% !important; height: auto !important; object-fit: cover !important;
  }
  .plate-word { font-size: clamp(14px, 7vw, 22vw) !important; }
  .plate-initial { font-size: clamp(20px, 14vw, 52vw) !important; }
  .entry-head { flex-wrap: wrap !important; gap: 8px !important; }
}

/* xiaodanci custom fixes */
@media (max-width: 859px){
  .logo-text{white-space:nowrap!important;flex-wrap:nowrap!important}
  .logo-text b{font-size:17px!important;letter-spacing:.03em;white-space:nowrap!important}
  .logo-text small{white-space:nowrap!important}
  .quiz{display:block!important}
  .prompt{min-height:auto!important;padding-bottom:8px!important}
  .feedback{position:relative!important;bottom:auto!important;margin:14px calc(-1 * var(--gutter)) 0!important;max-height:none!important;overflow:visible!important}
  .feedback-inner{border-radius:24px!important;margin-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px)!important}
}