/* Static-mirror mobile guardrails: keeps the original copy while preventing viewport overflow. */
@media screen and (max-width: 770px) {
  html, body { max-width: 100%; overflow-x: clip; }
  #main_contents, #main_col, #left_col, #side_col, .post_content { min-width: 0; max-width: 100%; }
  .post_content p, .post_content li, .post_content td, .post_content th, .post_content a, .post_content strong {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
  }
  .post_content img, .post_content video, .post_content embed, .post_content object { max-width: 100% !important; height: auto; }
  .post_content iframe { max-width: 100% !important; }
  .post_content table { display: block; max-width: 100%; overflow-x: auto; }
  .post_content pre, .post_content code { max-width: 100%; overflow-x: auto; }
}