/* Peachify shared mobile/responsive fixes (v5). Linked from every page. */
img { max-width: 100%; height: auto; }
html, body { overflow-x: hidden; }
/* Tables and code blocks scroll inside their card instead of breaking the page */
.px-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.px-table th, .px-table td { white-space: nowrap; }
.px-table th:first-child, .px-table td:first-child { white-space: normal; }
pre, code { overflow-wrap: break-word; }
@media (max-width: 640px) {
  /* Stop iOS auto-zooming on focus: inputs must be >=16px */
  input, select, textarea { font-size: 16px !important; }
  /* Tighter code + table type on phones */
  pre { font-size: 12px !important; line-height: 1.6 !important; }
  .px-table th, .px-table td { padding: 10px 12px !important; font-size: .85rem !important; }
  .px-card h2 { font-size: 1.45rem !important; }
  /* Builder + preview breathing room */
  .glass-panel { border-radius: .9rem; }
  .px-cover-play { padding: 11px 20px !important; font-size: .95rem !important; }
  /* Giant footer wordmark must not force horizontal scroll */
  .px-giant, .ap-giant { font-size: 18vw !important; }
}