/* css/mobile-fixes.css */
@media (max-width: 600px) {
  /* Force all content to stay within viewport */
  .result-card,
  .tool-card,
  .tool-section,
  .tool-container {
    width: 100% !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    box-sizing: border-box !important;
  }
  
  #resultContent {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  
  /* Force tables to scroll horizontally */
  #resultContent table {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    width: 100% !important;
  }
  
  #resultContent table td,
  #resultContent table th {
    white-space: normal !important;
    min-width: 120px !important;
  }
}