/* Global mobile responsive fixes */
@media (max-width: 767px) {
  /* Scale down all pre/code blocks */
  pre, .font-mono {
    font-size: 0.7rem !important;
    line-height: 1.3 !important;
    overflow-x: auto;
    max-width: 100%;
  }
  
  /* Ensure cards don't overflow */
  .card-body {
    padding: 0.75rem !important;
  }
  
  /* Scale down headings */
  h1 { font-size: 1.5rem !important; }
  h2 { font-size: 1.15rem !important; }
  h3 { font-size: 1rem !important; }
  
  /* Tables scroll horizontally */
  .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
  }
  
  /* ASCII architecture diagrams - allow horizontal scroll */
  .whitespace-pre {
    font-size: 0.55rem !important;
    overflow-x: auto;
    display: block;
  }
}