 body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #fff; color: #333; }
    .page-header { background-color: #f0f8ff; padding: 30px 20px; text-align: center; }
    .page-header h1 { font-size: 28px; color: #005b7f; }
    .page-header p { font-size: 16px; max-width: 900px; margin: 0 auto; }
    .sap-table { padding: 30px 20px; }
    .sap-table table { width: 100%; border-collapse: collapse; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
    .sap-table th, .sap-table td { padding: 12px 15px; border: 1px solid #ddd; text-align: left; }
    .sap-table th { background-color: #e6f4fa; color: #003344; font-weight: bold; }
    .sap-table tr:nth-child(even) { background-color: #f9f9f9; }
    .sap-table tr.highlight { background-color: #d9f6e4 !important; }
    
    /* Responsive table styles */
    @media screen and (max-width: 768px) {
      .sap-table { padding: 15px 10px; overflow-x: auto; }
      .sap-table table { min-width: 600px; }
      .sap-table th, .sap-table td { padding: 8px 10px; font-size: 14px; }
      .sap-table th:first-child, .sap-table td:first-child { min-width: 180px; }
      .sap-table th:nth-child(2), .sap-table td:nth-child(2) { min-width: 200px; }
      .sap-table th:last-child, .sap-table td:last-child { min-width: 120px; }
    }
    
    @media screen and (max-width: 480px) {
      .sap-table { padding: 10px 5px; }
      .sap-table table { min-width: 500px; }
      .sap-table th, .sap-table td { padding: 6px 8px; font-size: 13px; }
      .page-header h1 { font-size: 22px; }
      .page-header p { font-size: 14px; padding: 0 10px; }
      #map { height: 300px !important; }
    }
    footer {
      background-color: #f0f0f0;
      text-align: center;
      padding: 25px 15px;
      font-size: 14px;
    }
    footer a {
      color: #0073aa;
      text-decoration: none;
    }

